Playground.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1800px" preserveAspectRatio="none" style="width:1569px;height:1800px;" version="1.1" viewBox="0 0 1569 1800" width="1569px" zoomAndPan="magnify"><defs><filter height="300%" id="f1va21sr6t64s4" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><!--MD5=[7e20e022571e30ec1001cf6eabd7f3e2]
class Model--><rect fill="#FEFECE" filter="url(#f1va21sr6t64s4)" height="163.2422" id="Model" style="stroke: #A80036; stroke-width: 1.5;" width="606" x="6" y="8"/><ellipse cx="286.25" cy="24" fill="#ADD1B2" rx="11" ry="11" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M288.5938,19.6719 C287.6563,19.2344 287.0625,19.0938 286.1875,19.0938 C283.5625,19.0938 281.5625,21.1719 281.5625,23.8906 L281.5625,25.0156 C281.5625,27.5938 283.6719,29.4844 286.5625,29.4844 C287.7813,29.4844 288.9375,29.1875 289.6875,28.6406 C290.2656,28.2344 290.5938,27.7813 290.5938,27.3906 C290.5938,26.9375 290.2031,26.5469 289.7344,26.5469 C289.5156,26.5469 289.3125,26.625 289.125,26.8125 C288.6719,27.2969 288.6719,27.2969 288.4844,27.3906 C288.0625,27.6563 287.375,27.7813 286.6094,27.7813 C284.5625,27.7813 283.2656,26.6875 283.2656,24.9844 L283.2656,23.8906 C283.2656,22.1094 284.5156,20.7969 286.25,20.7969 C286.8281,20.7969 287.4375,20.9531 287.9063,21.2031 C288.3906,21.4844 288.5625,21.7031 288.6563,22.1094 C288.7188,22.5156 288.75,22.6406 288.8906,22.7656 C289.0313,22.9063 289.2656,23.0156 289.4844,23.0156 C289.75,23.0156 290.0156,22.875 290.1875,22.6563 C290.2969,22.5 290.3281,22.3125 290.3281,21.8906 L290.3281,20.4688 C290.3281,20.0313 290.3125,19.9063 290.2188,19.75 C290.0625,19.4844 289.7813,19.3438 289.4844,19.3438 C289.1875,19.3438 288.9844,19.4375 288.7656,19.75 L288.5938,19.6719 Z "/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="37" x="306.75" y="28.1543">Model</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="7" x2="611" y1="40" y2="40"/><ellipse cx="17" cy="51" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="153" x="26" y="54.2104">configuration: configuration</text><ellipse cx="17" cy="63.8047" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="184" x="26" y="67.0151">basicConfiguration: configuration</text><ellipse cx="17" cy="76.6094" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="81" x="26" y="79.8198">controller: any</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="7" x2="611" y1="86.4141" y2="86.4141"/><ellipse cx="17" cy="97.4141" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="580" x="26" y="100.6245">changeConfState(obj: { property: string; value: string | number | boolean; index?: number; }): boolean</text><ellipse cx="17" cy="110.2188" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="188" x="26" y="113.4292">getConfState(property: any): any</text><ellipse cx="17" cy="123.0234" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="251" x="26" y="126.2339">checkConf(configuration: configuration): void</text><ellipse cx="17" cy="135.8281" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="108" x="26" y="139.0386">sendUpdate(): void</text><ellipse cx="17" cy="148.6328" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="99" x="26" y="151.8433">getUpdate(): void</text><ellipse cx="17" cy="161.4375" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" text-decoration="underline" textLength="286" x="26" y="164.6479">isConf(configuration: configuration): boolean | Error</text><!--MD5=[2481206082533c6e5d88f2b6943fec45]
class color--><rect fill="#FEFECE" filter="url(#f1va21sr6t64s4)" height="60.8047" id="color" style="stroke: #A80036; stroke-width: 1.5;" width="91" x="647.5" y="59"/><ellipse cx="676" cy="75" fill="#B4A7E5" rx="11" ry="11" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M676.9531,71.7813 L678.6719,71.7813 C679.0625,71.7813 679.25,71.75 679.375,71.6719 C679.6406,71.5156 679.7813,71.2344 679.7813,70.9375 C679.7813,70.6719 679.6719,70.4063 679.4375,70.2344 C679.2656,70.125 679.125,70.0938 678.6719,70.0938 L673.5313,70.0938 C673.0938,70.0938 672.9688,70.1094 672.8125,70.2031 C672.5625,70.3594 672.4063,70.6563 672.4063,70.9375 C672.4063,71.2188 672.5469,71.4688 672.7656,71.6406 C672.9219,71.75 673.1094,71.7813 673.5313,71.7813 L675.25,71.7813 L675.25,78.2969 L673.5313,78.2969 C673.0938,78.2969 672.9688,78.3125 672.8125,78.4219 C672.5625,78.5781 672.4063,78.8594 672.4063,79.1563 C672.4063,79.4063 672.5469,79.6719 672.7656,79.8281 C672.9219,79.9531 673.125,80 673.5313,80 L678.6719,80 C679.4219,80 679.7813,79.7188 679.7813,79.1563 C679.7813,78.875 679.6719,78.625 679.4375,78.4531 C679.2656,78.3281 679.125,78.2969 678.6719,78.2969 L676.9531,78.2969 L676.9531,71.7813 Z "/><text fill="#000000" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacingAndGlyphs" textLength="29" x="693" y="79.1543">color</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="648.5" x2="737.5" y1="91" y2="91"/><ellipse cx="658.5" cy="102" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="65" x="667.5" y="105.2104">color: string</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="648.5" x2="737.5" y1="111.8047" y2="111.8047"/><!--MD5=[d3d7cbe0cb8194fabf62f4773414cf9d]
class default--><rect fill="#FEFECE" filter="url(#f1va21sr6t64s4)" height="1558.9531" id="default" style="stroke: #A80036; stroke-width: 1.5;" width="935" x="623.5" y="231"/><ellipse cx="1066.25" cy="247" fill="#ADD1B2" rx="11" ry="11" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M1068.5938,242.6719 C1067.6563,242.2344 1067.0625,242.0938 1066.1875,242.0938 C1063.5625,242.0938 1061.5625,244.1719 1061.5625,246.8906 L1061.5625,248.0156 C1061.5625,250.5938 1063.6719,252.4844 1066.5625,252.4844 C1067.7813,252.4844 1068.9375,252.1875 1069.6875,251.6406 C1070.2656,251.2344 1070.5938,250.7813 1070.5938,250.3906 C1070.5938,249.9375 1070.2031,249.5469 1069.7344,249.5469 C1069.5156,249.5469 1069.3125,249.625 1069.125,249.8125 C1068.6719,250.2969 1068.6719,250.2969 1068.4844,250.3906 C1068.0625,250.6563 1067.375,250.7813 1066.6094,250.7813 C1064.5625,250.7813 1063.2656,249.6875 1063.2656,247.9844 L1063.2656,246.8906 C1063.2656,245.1094 1064.5156,243.7969 1066.25,243.7969 C1066.8281,243.7969 1067.4375,243.9531 1067.9063,244.2031 C1068.3906,244.4844 1068.5625,244.7031 1068.6563,245.1094 C1068.7188,245.5156 1068.75,245.6406 1068.8906,245.7656 C1069.0313,245.9063 1069.2656,246.0156 1069.4844,246.0156 C1069.75,246.0156 1070.0156,245.875 1070.1875,245.6563 C1070.2969,245.5 1070.3281,245.3125 1070.3281,244.8906 L1070.3281,243.4688 C1070.3281,243.0313 1070.3125,242.9063 1070.2188,242.75 C1070.0625,242.4844 1069.7813,242.3438 1069.4844,242.3438 C1069.1875,242.3438 1068.9844,242.4375 1068.7656,242.75 L1068.5938,242.6719 Z "/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="41" x="1086.75" y="251.1543">default</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="624.5" x2="1557.5" y1="263" y2="263"/><ellipse cx="634.5" cy="274" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="105" x="643.5" y="277.2104">handlers: handlers</text><ellipse cx="634.5" cy="286.8047" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="66" x="643.5" y="290.0151">render: any</text><ellipse cx="634.5" cy="299.6094" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="115" x="643.5" y="302.8198">controller: Controller</text><ellipse cx="634.5" cy="312.4141" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="125" x="643.5" y="315.6245">breakpoints: number[]</text><ellipse cx="634.5" cy="325.2188" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="60" x="643.5" y="328.4292">shiftX: any</text><ellipse cx="634.5" cy="338.0234" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="59" x="643.5" y="341.2339">shiftY: any</text><ellipse cx="634.5" cy="350.8281" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="115" x="643.5" y="354.0386">controller: Controller</text><ellipse cx="634.5" cy="363.6328" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="169" x="643.5" y="366.8433">handler: PanelChangeHandler</text><ellipse cx="634.5" cy="376.4375" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="115" x="643.5" y="379.6479">controller: Controller</text><ellipse cx="634.5" cy="389.2422" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="77" x="643.5" y="392.4526">model: Model</text><ellipse cx="634.5" cy="402.0469" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="62" x="643.5" y="405.2573">view: View</text><ellipse cx="634.5" cy="414.8516" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="169" x="643.5" y="418.062">handler: PanelChangeHandler</text><ellipse cx="634.5" cy="427.6563" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="112" x="643.5" y="430.8667">render: CreateForm</text><ellipse cx="634.5" cy="440.4609" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="443.6714">parent: Render</text><ellipse cx="634.5" cy="453.2656" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="65" x="643.5" y="456.4761">parent: any</text><ellipse cx="634.5" cy="466.0703" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="469.2808">draggable: any</text><ellipse cx="634.5" cy="478.875" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="482.0854">parent: Render</text><ellipse cx="634.5" cy="491.6797" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="494.8901">parent: Render</text><ellipse cx="634.5" cy="504.4844" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="507.6948">parent: Render</text><ellipse cx="634.5" cy="517.2891" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="520.4995">draggable: any</text><ellipse cx="634.5" cy="530.0938" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="62" x="643.5" y="533.3042">view: View</text><ellipse cx="634.5" cy="542.8984" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="50" x="643.5" y="546.1089">root: any</text><ellipse cx="634.5" cy="555.7031" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="61" x="643.5" y="558.9136">range: any</text><ellipse cx="634.5" cy="568.5078" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="91" x="643.5" y="571.7183">rangeClass: any</text><ellipse cx="634.5" cy="581.3125" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="95" x="643.5" y="584.5229">runnerClass: any</text><ellipse cx="634.5" cy="594.1172" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="91" x="643.5" y="597.3276">runnersAr: any[]</text><ellipse cx="634.5" cy="606.9219" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="97" x="643.5" y="610.1323">runnerWidth: any</text><ellipse cx="634.5" cy="619.7266" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="102" x="643.5" y="622.937">runnerHeight: any</text><ellipse cx="634.5" cy="632.5313" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="93" x="643.5" y="635.7417">tooltipClass: any</text><ellipse cx="634.5" cy="645.3359" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="107" x="643.5" y="648.5464">progressClass: any</text><ellipse cx="634.5" cy="658.1406" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="88" x="643.5" y="661.3511">scaleClass: any</text><ellipse cx="634.5" cy="670.9453" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="133" x="643.5" y="674.1558">resizeHandler: boolean</text><ellipse cx="634.5" cy="683.75" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="110" x="643.5" y="686.9604">isResizing: boolean</text><ellipse cx="634.5" cy="696.5547" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="699.7651">parent: Render</text><ellipse cx="634.5" cy="709.3594" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="85" x="643.5" y="712.5698">draggable: any</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="624.5" x2="1557.5" y1="719.1641" y2="719.1641"/><ellipse cx="634.5" cy="730.1641" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="232" x="643.5" y="733.3745">fetchModelProperty(property: string): any</text><ellipse cx="634.5" cy="742.9688" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="453" x="643.5" y="746.1792">setModelProperty(obj: { property: string; value: number; index: number; }): void</text><ellipse cx="634.5" cy="755.7734" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="889" x="643.5" y="758.9839">onHandlerRegister(obj: { bookmark: string; element: HTMLElement; eventName: runnerEvents; cb: (event: Event) =&gt; boolean; enviroment: any; }): boolean</text><ellipse cx="634.5" cy="768.5781" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="230" x="643.5" y="771.7886">onHandlerDelete(bookmark: string): void</text><ellipse cx="634.5" cy="781.3828" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="383" x="643.5" y="784.5933">updateRunnerPosition(obj: { position: number; index: string; }): void</text><ellipse cx="634.5" cy="794.1875" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="201" x="643.5" y="797.3979">changeFormHandler(e: Event): void</text><ellipse cx="634.5" cy="806.9922" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="364" x="643.5" y="810.2026">changeRunnersProperty(obj: { input: HTMLInputElement; }): void</text><ellipse cx="634.5" cy="819.7969" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="422" x="643.5" y="823.0073">validateRunnersProperty(obj: { index: number; value: number; }): boolean</text><ellipse cx="634.5" cy="832.6016" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="374" x="643.5" y="835.812">changeCheckboxProperty(obj: { input: HTMLInputElement; }): void</text><ellipse cx="634.5" cy="845.4063" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="363" x="643.5" y="848.6167">changeNumberProperty(obj: { input: HTMLInputElement; }): void</text><ellipse cx="634.5" cy="858.2109" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="346" x="643.5" y="861.4214">changeUnitsProperty(obj: { input: HTMLInputElement; }): void</text><ellipse cx="634.5" cy="871.0156" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="330" x="643.5" y="874.2261">changeIDProperty(obj: { input: HTMLInputElement; }): void</text><ellipse cx="634.5" cy="883.8203" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="349" x="643.5" y="887.0308">changePanelVisibility(obj: { input: HTMLInputElement; }): void</text><ellipse cx="634.5" cy="896.625" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="290" x="643.5" y="899.8354">configPanel(obj: { show: boolean; id: string; }): void</text><ellipse cx="634.5" cy="909.4297" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="186" x="643.5" y="912.6401">createForm(): HTMLFormElement</text><ellipse cx="634.5" cy="922.2344" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="328" x="643.5" y="925.4448">createInputTemplate(ruleName: any): HTMLLabelElement</text><ellipse cx="634.5" cy="935.0391" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="669" x="643.5" y="938.2495">fillForm(obj: { form: HTMLFormElement; settings: [string, string | number | boolean | number[]][]; }): HTMLFormElement</text><ellipse cx="634.5" cy="947.8438" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="699" x="643.5" y="951.0542">setAttributesForNumberInput(attributesTemplate: { id: string; name: string; type: string; value: string; }): HTMLInputElement</text><ellipse cx="634.5" cy="960.6484" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="829" x="643.5" y="963.8589">setAttributesForCheckboxInput(attributesTemplate: { id: string; name: string; type: string; value: string; }, isChecked: boolean): HTMLInputElement</text><ellipse cx="634.5" cy="973.4531" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="680" x="643.5" y="976.6636">setAttributesForTextInput(attributesTemplate: { id: string; name: string; type: string; value: string; }): HTMLInputElement</text><ellipse cx="634.5" cy="986.2578" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="857" x="643.5" y="989.4683">setAttributesForRunnersInput(attributesTemplate: { id: string; name: string; type: string; value: string; }, id: string, position: number): HTMLInputElement</text><ellipse cx="634.5" cy="999.0625" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="232" x="643.5" y="1002.2729">createFakeCheckbox(): HTMLDivElement</text><ellipse cx="634.5" cy="1011.8672" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="589" x="643.5" y="1015.0776">createCustomInput(attributes: { id: string; type: string; name: string; value: string; }): HTMLInputElement</text><ellipse cx="634.5" cy="1024.6719" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="115" x="643.5" y="1027.8823">removePanel(): void</text><ellipse cx="634.5" cy="1037.4766" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="79" x="643.5" y="1040.687">update(): void</text><ellipse cx="634.5" cy="1050.2813" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="580" x="643.5" y="1053.4917">setModelProperty(obj: { property: string; value: string | number | boolean; index?: number; }): boolean</text><ellipse cx="634.5" cy="1063.0859" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="212" x="643.5" y="1066.2964">getModelProperty(property: any): any</text><ellipse cx="634.5" cy="1075.8906" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="361" x="643.5" y="1079.1011">setRunnerPosition(obj: { position: number; index: string; }): void</text><ellipse cx="634.5" cy="1088.6953" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="201" x="643.5" y="1091.9058">getFullConfiguration(): configuration</text><ellipse cx="634.5" cy="1101.5" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="168" x="643.5" y="1104.7104">createTooltip(): HTMLElement</text><ellipse cx="634.5" cy="1114.3047" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="469" x="643.5" y="1117.5151">renderSliderTooltip(obj: { position: any; vertical: any; slider: any; root: any; }): void</text><ellipse cx="634.5" cy="1127.1094" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="227" x="643.5" y="1130.3198">setTooltipDataAttributes(root: any): void</text><ellipse cx="634.5" cy="1139.9141" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="365" x="643.5" y="1143.1245">onRunnerMouseDownHandler: (event: MouseEvent) =&gt; boolean</text><ellipse cx="634.5" cy="1152.7188" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="364" x="643.5" y="1155.9292">onRunnerMouseMoveHandler: (event: MouseEvent) =&gt; boolean</text><ellipse cx="634.5" cy="1165.5234" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="549" x="643.5" y="1168.7339">getSliderControlPoints(obj: { vertical: any; parent: any; point: any; element: any; }): controlPoints</text><ellipse cx="634.5" cy="1178.3281" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="223" x="643.5" y="1181.5386">runnerStepHandler(point: any): number</text><ellipse cx="634.5" cy="1191.1328" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="851" x="643.5" y="1194.3433">onRunnersCollision(obj: { targetElement: HTMLElement; pair: string; nextPosition: number; vertical: boolean; }): { coords: number; collision: boolean; }</text><ellipse cx="634.5" cy="1203.9375" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="404" x="643.5" y="1207.1479">getSiblingRunners(obj: { runner: HTMLElement; pair: string; }): NodeList</text><ellipse cx="634.5" cy="1216.7422" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="909" x="643.5" y="1219.9526">onRestrictDrag(obj: { firstPointPosition: number; secondPointPosition: number; beforeFirstPoint: boolean; afterSecondPoint: boolean; position: number; }): number</text><ellipse cx="634.5" cy="1229.5469" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="394" x="643.5" y="1232.7573">moveRunner(obj: { element: any; vertical: any; position: any; }): void</text><ellipse cx="634.5" cy="1242.3516" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="549" x="643.5" y="1245.562">preventSiblingRunnerCollision(obj: { runner: any; parent: any; vertical: any; pos: any; }): boolean</text><ellipse cx="634.5" cy="1255.1563" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="558" x="643.5" y="1258.3667">moveTooltipSibling(obj: { parent: any; runner: any; position: any; axis: string; vertical: any; }): void</text><ellipse cx="634.5" cy="1267.9609" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="568" x="643.5" y="1271.1714">onMoveElementAtPoint: (obj: { point: number; element: HTMLElement; vertical: boolean; }) =&gt; void</text><ellipse cx="634.5" cy="1280.7656" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="237" x="643.5" y="1283.9761">onRunnerMouseUpHandler: () =&gt; boolean</text><ellipse cx="634.5" cy="1293.5703" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="208" x="643.5" y="1296.7808">onTooltipHide: (runner: any) =&gt; void</text><ellipse cx="634.5" cy="1306.375" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="235" x="643.5" y="1309.5854">onDragStartHandler: (e: any) =&gt; boolean</text><ellipse cx="634.5" cy="1319.1797" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="538" x="643.5" y="1322.3901">RenderSliderRunners(obj: { runners: any; slider: any; size: any; vertical: any; root: any; }): void</text><ellipse cx="634.5" cy="1331.9844" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="170" x="643.5" y="1335.1948">createRunner(): HTMLElement</text><ellipse cx="634.5" cy="1344.7891" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="297" x="643.5" y="1347.9995">setRunnersDataAttributes(root: any): HTMLCollection</text><ellipse cx="634.5" cy="1357.5938" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="237" x="643.5" y="1360.8042">registerEventHandlers(runners: any): void</text><ellipse cx="634.5" cy="1370.3984" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="574" x="643.5" y="1373.6089">calculateProgressSize(obj: { progressStartPosition: number; progressEndPosition: number; }): number</text><ellipse cx="634.5" cy="1383.2031" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="672" x="643.5" y="1386.4136">getProgressSize(obj: { vertical: string; parent: HTMLElement; firstRunner: Element; secondRunner?: Element; }): styles</text><ellipse cx="634.5" cy="1396.0078" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="541" x="643.5" y="1399.2183">renderProgress(obj: { runners: HTMLCollection; parent: HTMLElement; vertical: boolean; }): void</text><ellipse cx="634.5" cy="1408.8125" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="650" x="643.5" y="1412.0229">renderSingleProgressBar(obj: { vertical: any; parent: HTMLElement; runners: HTMLCollection; pair: number; }): void</text><ellipse cx="634.5" cy="1421.6172" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="754" x="643.5" y="1424.8276">renderMultipleProgressBars(obj: { vertical: any; parent: HTMLElement; runners: HTMLCollection; index: number; pair: number; }): void</text><ellipse cx="634.5" cy="1434.4219" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="436" x="643.5" y="1437.6323">setSize(obj: { element: HTMLElement; property: string; value: string; }): void</text><ellipse cx="634.5" cy="1447.2266" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="507" x="643.5" y="1450.437">setPosition(obj: { element: HTMLElement; position: number; axis: string; }): HTMLElement</text><ellipse cx="634.5" cy="1460.0313" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="178" x="643.5" y="1463.2417">createProgress(): HTMLElement</text><ellipse cx="634.5" cy="1472.8359" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="330" x="643.5" y="1476.0464">onElementClickHandler: (event: MouseEvent) =&gt; boolean</text><ellipse cx="634.5" cy="1485.6406" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="417" x="643.5" y="1488.8511">createScales(obj: { parentNode: HTMLElement; vertical: boolean; }): void</text><ellipse cx="634.5" cy="1498.4453" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="289" x="643.5" y="1501.6558">createScale(obj: { mods: any; }): HTMLDivElement</text><ellipse cx="634.5" cy="1511.25" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="535" x="643.5" y="1514.4604">setScalePosition(obj: { scale: HTMLDivElement; vertical: boolean; breakpoint: number; }): void</text><ellipse cx="634.5" cy="1524.0547" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="592" x="643.5" y="1527.2651">createMediumScale(obj: { start: any; end: any; parent: any; vertical: any; index: any; array: any; }): void</text><ellipse cx="634.5" cy="1536.8594" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="631" x="643.5" y="1540.0698">createSmallScales(obj: { start: number; end: number; parent: any; vertical: any; index: any; array: any; }): void</text><ellipse cx="634.5" cy="1549.6641" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="330" x="643.5" y="1552.8745">onElementClickHandler: (event: MouseEvent) =&gt; boolean</text><ellipse cx="634.5" cy="1562.4688" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="400" x="643.5" y="1565.6792">renderNewSlider(obj: { root: HTMLElement; id: string; }): HTMLElement</text><ellipse cx="634.5" cy="1575.2734" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="224" x="643.5" y="1578.4839">removeSlider(root: HTMLElement): void</text><ellipse cx="634.5" cy="1588.0781" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="166" x="643.5" y="1591.2886">createRange(): HTMLElement</text><ellipse cx="634.5" cy="1600.8828" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="436" x="643.5" y="1604.0933">renderElement(element: HTMLElement, parentElement: HTMLElement): void</text><ellipse cx="634.5" cy="1613.6875" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="225" x="643.5" y="1616.8979">registerEventHandlers(slider: any): void</text><ellipse cx="634.5" cy="1626.4922" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="494" x="643.5" y="1629.7026">getSliderSize(obj: { range: HTMLElement; rect: DOMRect; vertical: boolean; }): number</text><ellipse cx="634.5" cy="1639.2969" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="423" x="643.5" y="1642.5073">getRangeSize(sliderProperties: { range: any; vertical: boolean; }): number</text><ellipse cx="634.5" cy="1652.1016" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="497" x="643.5" y="1655.312">calculateBreakpoints(sliderProperties: { range: HTMLElement; vertical: boolean; }): void</text><ellipse cx="634.5" cy="1664.9063" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="170" x="643.5" y="1668.1167">createRunner(): HTMLElement</text><ellipse cx="634.5" cy="1677.7109" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="745" x="643.5" y="1680.9214">setElementPosition(obj: { element: HTMLElement; position: number; axis: string; parent: HTMLElement; negative?: number; }): void</text><ellipse cx="634.5" cy="1690.5156" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="179" x="643.5" y="1693.7261">onWindowResizehandler(): void</text><ellipse cx="634.5" cy="1703.3203" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="310" x="643.5" y="1706.5308">getTemporaryRunnerRectangle(parent: any): DOMRect</text><ellipse cx="634.5" cy="1716.125" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="417" x="643.5" y="1719.3354">createSlider(obj: { runners: number[]; vertical: boolean; id: string; }): void</text><ellipse cx="634.5" cy="1728.9297" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="386" x="643.5" y="1732.1401">createElement(nodeName: string, className: string): HTMLElement</text><ellipse cx="634.5" cy="1741.7344" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="552" x="643.5" y="1744.9448">positionToValue(obj: { parent: HTMLElement; runner: HTMLElement; vertical: boolean; }): number</text><ellipse cx="634.5" cy="1754.5391" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="378" x="643.5" y="1757.7495">positionFromEnd(obj: { size: number; position: number; }): number</text><ellipse cx="634.5" cy="1767.3438" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="463" x="643.5" y="1770.5542">calculateRunnerPosition(obj: { parent: any; position: any; vertical: any; }): number</text><ellipse cx="634.5" cy="1780.1484" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="644" x="643.5" y="1783.3589">onMoveProgress: (obj: { parent: HTMLElement; runner: HTMLElement; collision?: boolean; msg?: string; }) =&gt; void</text><!--MD5=[5b63724585581d1714c92cb3ec182af9]
class Slider--><rect fill="#FEFECE" filter="url(#f1va21sr6t64s4)" height="278.4844" id="Slider" style="stroke: #A80036; stroke-width: 1.5;" width="558" x="30" y="871.5"/><ellipse cx="287.25" cy="887.5" fill="#ADD1B2" rx="11" ry="11" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M289.5938,883.1719 C288.6563,882.7344 288.0625,882.5938 287.1875,882.5938 C284.5625,882.5938 282.5625,884.6719 282.5625,887.3906 L282.5625,888.5156 C282.5625,891.0938 284.6719,892.9844 287.5625,892.9844 C288.7813,892.9844 289.9375,892.6875 290.6875,892.1406 C291.2656,891.7344 291.5938,891.2813 291.5938,890.8906 C291.5938,890.4375 291.2031,890.0469 290.7344,890.0469 C290.5156,890.0469 290.3125,890.125 290.125,890.3125 C289.6719,890.7969 289.6719,890.7969 289.4844,890.8906 C289.0625,891.1563 288.375,891.2813 287.6094,891.2813 C285.5625,891.2813 284.2656,890.1875 284.2656,888.4844 L284.2656,887.3906 C284.2656,885.6094 285.5156,884.2969 287.25,884.2969 C287.8281,884.2969 288.4375,884.4531 288.9063,884.7031 C289.3906,884.9844 289.5625,885.2031 289.6563,885.6094 C289.7188,886.0156 289.75,886.1406 289.8906,886.2656 C290.0313,886.4063 290.2656,886.5156 290.4844,886.5156 C290.75,886.5156 291.0156,886.375 291.1875,886.1563 C291.2969,886 291.3281,885.8125 291.3281,885.3906 L291.3281,883.9688 C291.3281,883.5313 291.3125,883.4063 291.2188,883.25 C291.0625,882.9844 290.7813,882.8438 290.4844,882.8438 C290.1875,882.8438 289.9844,882.9375 289.7656,883.25 L289.5938,883.1719 Z "/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="35" x="307.75" y="891.6543">Slider</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="31" x2="587" y1="903.5" y2="903.5"/><ellipse cx="41" cy="914.5" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="180" x="50" y="917.7104">ModelConstructor: typeof Model</text><ellipse cx="41" cy="927.3047" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="168" x="50" y="930.5151">ViewConstructor: typeof View</text><ellipse cx="41" cy="940.1094" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="222" x="50" y="943.3198">ControllerConstructor: typeof Controller</text><ellipse cx="41" cy="952.9141" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="64" x="50" y="956.1245">model: any</text><ellipse cx="41" cy="965.7188" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="55" x="50" y="968.9292">view: any</text><ellipse cx="41" cy="978.5234" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="81" x="50" y="981.7339">controller: any</text><ellipse cx="41" cy="991.3281" fill="none" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="45" x="50" y="994.5386">api: any</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="31" x2="587" y1="1001.1328" y2="1001.1328"/><rect fill="#F24D5C" height="6" style="stroke: #C82930; stroke-width: 1.0;" width="6" x="38" y="1009.1328"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="532" x="50" y="1015.3433">changeState(obj: { property: string; value: string | number | boolean; index?: number; }): void</text><ellipse cx="41" cy="1024.9375" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="161" x="50" y="1028.1479">minVal(value: number): void</text><ellipse cx="41" cy="1037.7422" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="165" x="50" y="1040.9526">maxVal(value: number): void</text><ellipse cx="41" cy="1050.5469" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="193" x="50" y="1053.7573">stepsOn(ammount: boolean): void</text><ellipse cx="41" cy="1063.3516" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="125" x="50" y="1066.562">units(unit: string): void</text><ellipse cx="41" cy="1076.1563" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="316" x="50" y="1079.3667">runners(obj: { position: number; index: number; }): void</text><ellipse cx="41" cy="1088.9609" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="186" x="50" y="1092.1714">vertical(isVertical: boolean): void</text><ellipse cx="41" cy="1101.7656" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="203" x="50" y="1104.9761">scaleOn(isRendered: boolean): void</text><ellipse cx="41" cy="1114.5703" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="189" x="50" y="1117.7808">panel(isRendered: boolean): void</text><ellipse cx="41" cy="1127.375" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="162" x="50" y="1130.5854">tooltips(show: boolean): void</text><ellipse cx="41" cy="1140.1797" fill="#84BE84" rx="3" ry="3" style="stroke: #038048; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="97" x="50" y="1143.3901">id(id: string): void</text><!--MD5=[672a56f448636b02088fd387569f0e6f]
class El--><rect fill="#FEFECE" filter="url(#f1va21sr6t64s4)" height="48" id="El" style="stroke: #A80036; stroke-width: 1.5;" width="42" x="1070" y="65.5"/><ellipse cx="1085" cy="81.5" fill="#ADD1B2" rx="11" ry="11" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M1087.3438,77.1719 C1086.4063,76.7344 1085.8125,76.5938 1084.9375,76.5938 C1082.3125,76.5938 1080.3125,78.6719 1080.3125,81.3906 L1080.3125,82.5156 C1080.3125,85.0938 1082.4219,86.9844 1085.3125,86.9844 C1086.5313,86.9844 1087.6875,86.6875 1088.4375,86.1406 C1089.0156,85.7344 1089.3438,85.2813 1089.3438,84.8906 C1089.3438,84.4375 1088.9531,84.0469 1088.4844,84.0469 C1088.2656,84.0469 1088.0625,84.125 1087.875,84.3125 C1087.4219,84.7969 1087.4219,84.7969 1087.2344,84.8906 C1086.8125,85.1563 1086.125,85.2813 1085.3594,85.2813 C1083.3125,85.2813 1082.0156,84.1875 1082.0156,82.4844 L1082.0156,81.3906 C1082.0156,79.6094 1083.2656,78.2969 1085,78.2969 C1085.5781,78.2969 1086.1875,78.4531 1086.6563,78.7031 C1087.1406,78.9844 1087.3125,79.2031 1087.4063,79.6094 C1087.4688,80.0156 1087.5,80.1406 1087.6406,80.2656 C1087.7813,80.4063 1088.0156,80.5156 1088.2344,80.5156 C1088.5,80.5156 1088.7656,80.375 1088.9375,80.1563 C1089.0469,80 1089.0781,79.8125 1089.0781,79.3906 L1089.0781,77.9688 C1089.0781,77.5313 1089.0625,77.4063 1088.9688,77.25 C1088.8125,76.9844 1088.5313,76.8438 1088.2344,76.8438 C1087.9375,76.8438 1087.7344,76.9375 1087.5156,77.25 L1087.3438,77.1719 Z "/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="10" x="1099" y="85.6543">El</text><line style="stroke: #A80036; stroke-width: 1.5;" x1="1071" x2="1111" y1="97.5" y2="97.5"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="1071" x2="1111" y1="105.5" y2="105.5"/><!--MD5=[c534c9f042d3e5d1481467d30248d4a4]
reverse link El to default--><path d="M1073.31,133.28 C1068.84,157.54 1065.07,191.01 1062,230.78 " fill="none" id="El&lt;-default" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="none" points="1066.49,131.71,1077.62,113.68,1080.17,134.71,1066.49,131.71" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[c534c9f042d3e5d1481467d30248d4a4]
reverse link El to default--><path d="M1085.2,133.66 C1083.74,157.88 1082.52,191.21 1081.52,230.78 " fill="none" id="El&lt;-default-1" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="none" points="1078.22,133.13,1086.63,113.68,1092.18,134.13,1078.22,133.13" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[c534c9f042d3e5d1481467d30248d4a4]
reverse link El to default--><path d="M1097.15,133.66 C1098.68,157.88 1099.98,191.21 1101.04,230.78 " fill="none" id="El&lt;-default-2" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="none" points="1090.16,134.15,1095.63,113.68,1104.12,133.09,1090.16,134.15" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[c534c9f042d3e5d1481467d30248d4a4]
reverse link El to default--><path d="M1109.03,133.28 C1113.59,157.54 1117.43,191.01 1120.56,230.78 " fill="none" id="El&lt;-default-3" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="none" points="1102.17,134.72,1104.63,113.68,1115.84,131.66,1102.17,134.72" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[60c1021306b58749a31afe88ffcc6306]
link Model to color--><!--MD5=[ad575f5751692cd63d8520fcddf092c6]
link Model to Slider--><!--MD5=[d3c36fe864fdeb230d44093611861aa6]
@startuml
class Model {
    +configuration: configuration
    +basicConfiguration: configuration
    +controller: any
    +changeConfState(obj: { property: string; value: string | number | boolean; index?: number; }): boolean
    +getConfState(property: any): any
    +checkConf(configuration: configuration): void
    +sendUpdate(): void
    +getUpdate(): void
    +{static} isConf(configuration: configuration): boolean | Error
}
interface color {
    +color: string
}
class default {
    +handlers: handlers
    +render: any
    +controller: Controller
    +breakpoints: number[]
    +shiftX: any
    +shiftY: any
    +fetchModelProperty(property: string): any
    +setModelProperty(obj: { property: string; value: number; index: number; }): void
    +onHandlerRegister(obj: { bookmark: string; element: HTMLElement; eventName: runnerEvents; cb: (event: Event) => boolean; enviroment: any; }): boolean
    +onHandlerDelete(bookmark: string): void
    +updateRunnerPosition(obj: { position: number; index: string; }): void
}
class default {
    +controller: Controller
    +changeFormHandler(e: Event): void
    +changeRunnersProperty(obj: { input: HTMLInputElement; }): void
    +validateRunnersProperty(obj: { index: number; value: number; }): boolean
    +changeCheckboxProperty(obj: { input: HTMLInputElement; }): void
    +changeNumberProperty(obj: { input: HTMLInputElement; }): void
    +changeUnitsProperty(obj: { input: HTMLInputElement; }): void
    +changeIDProperty(obj: { input: HTMLInputElement; }): void
    +changePanelVisibility(obj: { input: HTMLInputElement; }): void
}
class default {
    +handler: PanelChangeHandler
    +controller: Controller
    +configPanel(obj: { show: boolean; id: string; }): void
    +createForm(): HTMLFormElement
    +createInputTemplate(ruleName: any): HTMLLabelElement
    +fillForm(obj: { form: HTMLFormElement; settings: [string, string | number | boolean | number[]][]; }): HTMLFormElement
    +setAttributesForNumberInput(attributesTemplate: { id: string; name: string; type: string; value: string; }): HTMLInputElement
    +setAttributesForCheckboxInput(attributesTemplate: { id: string; name: string; type: string; value: string; }, isChecked: boolean): HTMLInputElement
    +setAttributesForTextInput(attributesTemplate: { id: string; name: string; type: string; value: string; }): HTMLInputElement
    +setAttributesForRunnersInput(attributesTemplate: { id: string; name: string; type: string; value: string; }, id: string, position: number): HTMLInputElement
    +createFakeCheckbox(): HTMLDivElement
    +createCustomInput(attributes: { id: string; type: string; name: string; value: string; }): HTMLInputElement
}
class default {
    +model: Model
    +view: View
    +handler: PanelChangeHandler
    +render: CreateForm
    +removePanel(): void
    +update(): void
    +setModelProperty(obj: { property: string; value: string | number | boolean; index?: number; }): boolean
    +getModelProperty(property: any): any
    +setRunnerPosition(obj: { position: number; index: string; }): void
    +getFullConfiguration(): configuration
}
class Slider {
    +ModelConstructor: typeof Model
    +ViewConstructor: typeof View
    +ControllerConstructor: typeof Controller
    +model: any
    +view: any
    +controller: any
    +api: any
    -changeState(obj: { property: string; value: string | number | boolean; index?: number; }): void
    +minVal(value: number): void
    +maxVal(value: number): void
    +stepsOn(ammount: boolean): void
    +units(unit: string): void
    +runners(obj: { position: number; index: number; }): void
    +vertical(isVertical: boolean): void
    +scaleOn(isRendered: boolean): void
    +panel(isRendered: boolean): void
    +tooltips(show: boolean): void
    +id(id: string): void
}
class default extends El {
    +parent: Render
    +createTooltip(): HTMLElement
    +renderSliderTooltip(obj: { position: any; vertical: any; slider: any; root: any; }): void
    +setTooltipDataAttributes(root: any): void
}
class default extends El {
    +parent: any
    +draggable: any
    +onRunnerMouseDownHandler: (event: MouseEvent) => boolean
    +onRunnerMouseMoveHandler: (event: MouseEvent) => boolean
    +getSliderControlPoints(obj: { vertical: any; parent: any; point: any; element: any; }): controlPoints
    +runnerStepHandler(point: any): number
    +onRunnersCollision(obj: { targetElement: HTMLElement; pair: string; nextPosition: number; vertical: boolean; }): { coords: number; collision: boolean; }
    +getSiblingRunners(obj: { runner: HTMLElement; pair: string; }): NodeList
    +onRestrictDrag(obj: { firstPointPosition: number; secondPointPosition: number; beforeFirstPoint: boolean; afterSecondPoint: boolean; position: number; }): number
    +moveRunner(obj: { element: any; vertical: any; position: any; }): void
    +preventSiblingRunnerCollision(obj: { runner: any; parent: any; vertical: any; pos: any; }): boolean
    +moveTooltipSibling(obj: { parent: any; runner: any; position: any; axis: string; vertical: any; }): void
    +onMoveElementAtPoint: (obj: { point: number; element: HTMLElement; vertical: boolean; }) => void
    +onRunnerMouseUpHandler: () => boolean
    +onTooltipHide: (runner: any) => void
    +onDragStartHandler: (e: any) => boolean
    +RenderSliderRunners(obj: { runners: any; slider: any; size: any; vertical: any; root: any; }): void
    +createRunner(): HTMLElement
    +setRunnersDataAttributes(root: any): HTMLCollection
    +registerEventHandlers(runners: any): void
}
class default {
    +parent: Render
    +calculateProgressSize(obj: { progressStartPosition: number; progressEndPosition: number; }): number
    +getProgressSize(obj: { vertical: string; parent: HTMLElement; firstRunner: Element; secondRunner?: Element; }): styles
    +renderProgress(obj: { runners: HTMLCollection; parent: HTMLElement; vertical: boolean; }): void
    +renderSingleProgressBar(obj: { vertical: any; parent: HTMLElement; runners: HTMLCollection; pair: number; }): void
    +renderMultipleProgressBars(obj: { vertical: any; parent: HTMLElement; runners: HTMLCollection; index: number; pair: number; }): void
    +setSize(obj: { element: HTMLElement; property: string; value: string; }): void
    +setPosition(obj: { element: HTMLElement; position: number; axis: string; }): HTMLElement
    +createProgress(): HTMLElement
}
class default extends El {
    +parent: Render
    +onElementClickHandler: (event: MouseEvent) => boolean
    +createScales(obj: { parentNode: HTMLElement; vertical: boolean; }): void
    +createScale(obj: { mods: any; }): HTMLDivElement
    +setScalePosition(obj: { scale: HTMLDivElement; vertical: boolean; breakpoint: number; }): void
    +createMediumScale(obj: { start: any; end: any; parent: any; vertical: any; index: any; array: any; }): void
    +createSmallScales(obj: { start: number; end: number; parent: any; vertical: any; index: any; array: any; }): void
}
class default extends El {
    +parent: Render
    +draggable: any
    +onElementClickHandler: (event: MouseEvent) => boolean
    +renderNewSlider(obj: { root: HTMLElement; id: string; }): HTMLElement
    +removeSlider(root: HTMLElement): void
    +createRange(): HTMLElement
    +renderElement(element: HTMLElement, parentElement: HTMLElement): void
    +registerEventHandlers(slider: any): void
}
class default {
    +view: View
    +root: any
    +range: any
    +rangeClass: any
    +runnerClass: any
    +runnersAr: any[]
    +runnerWidth: any
    +runnerHeight: any
    +tooltipClass: any
    +progressClass: any
    +scaleClass: any
    +resizeHandler: boolean
    +isResizing: boolean
    +getSliderSize(obj: { range: HTMLElement; rect: DOMRect; vertical: boolean; }): number
    +getRangeSize(sliderProperties: { range: any; vertical: boolean; }): number
    +calculateBreakpoints(sliderProperties: { range: HTMLElement; vertical: boolean; }): void
    +createRunner(): HTMLElement
    +setElementPosition(obj: { element: HTMLElement; position: number; axis: string; parent: HTMLElement; negative?: number; }): void
    +onWindowResizehandler(): void
    +getTemporaryRunnerRectangle(parent: any): DOMRect
    +createSlider(obj: { runners: number[]; vertical: boolean; id: string; }): void
    +createElement(nodeName: string, className: string): HTMLElement
}
class default {
    +parent: Render
    +draggable: any
    +positionToValue(obj: { parent: HTMLElement; runner: HTMLElement; vertical: boolean; }): number
    +positionFromEnd(obj: { size: number; position: number; }): number
    +calculateRunnerPosition(obj: { parent: any; position: any; vertical: any; }): number
    +onMoveProgress: (obj: { parent: HTMLElement; runner: HTMLElement; collision?: boolean; msg?: string; }) => void
}
@enduml

PlantUML version 1.2020.10(Sun May 17 09:35:57 UTC 2020)
(GPL source distribution)
Java Runtime: Java(TM) SE Runtime Environment
JVM: Java HotSpot(TM) 64-Bit Server VM
Java Version: 14.0.1+7
Operating System: Linux
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>