1<shapes name="mxgraph.mockup.controls">2 <shape name="Horizontal Slidebar" h="23" w="219" aspect="1">3 <foreground>4 <strokecolor color="#000000"/>5 <strokecolor color="#818181"/>6 <path>7 <move x="31" y="0"/>8 <line x="31" y="23"/>9 </path>10 <stroke/>11 <path>12 <move x="57" y="0"/>13 <line x="57" y="23"/>14 </path>15 <stroke/>16 <path>17 <move x="84" y="0"/>18 <line x="84" y="23"/>19 </path>20 <stroke/>21 <path>22 <move x="109" y="0.401"/>23 <line x="109" y="23"/>24 </path>25 <stroke/>26 <path>27 <move x="135" y="0"/>28 <line x="135" y="23"/>29 </path>30 <stroke/>31 <path>32 <move x="161" y="0"/>33 <line x="161" y="23"/>34 </path>35 <stroke/>36 <path>37 <move x="188" y="0"/>38 <line x="188" y="23"/>39 </path>40 <stroke/>41 <fillcolor color="#f2f2f2"/>42 <roundrect x="0" y="9" w="219" h="9" arcsize="26.142"/>43 <fillstroke/>44 <strokecolor color="#333333"/>45 <fillcolor color="#7f7f7f"/>46 <path>47 <move x="109" y="5"/>48 <line x="114" y="9"/>49 <line x="114" y="23"/>50 <line x="104" y="23"/>51 <line x="104" y="9"/>52 <close/>53 </path>54 <fillstroke/>55 </foreground>56 </shape>57 <shape name="On-Off Button 4" h="31" w="130" aspect="1">58 <foreground>59 <strokecolor color="#000000"/>60 <strokecolor color="#333333"/>61 <fillcolor color="#4342a9"/>62 <roundrect x="0" y="0" w="130" h="31" arcsize="5.993"/>63 <fillstroke/>64 <fillcolor color="#c7c7c7"/>65 <roundrect x="65" y="0" w="65" h="31" arcsize="7.147"/>66 <fillstroke/>67 <fontsize size="16"/>68 <fontstyle style="1"/>69 <fontcolor color="#ffffff"/>70 <text str="ON" x="32.5" y="15.5" align="center" valign="middle"/>71 </foreground>72 </shape>73 <shape name="Knob 1" h="110" w="105" aspect="1">74 <foreground>75 <strokecolor color="#000000"/>76 <strokecolor color="#000000"/>77 <path>78 <move x="52.5" y="52.83"/>79 <line x="19.33" y="74.17"/>80 </path>81 <stroke/>82 <path>83 <move x="53.5" y="52.67"/>84 <line x="17.67" y="34.5"/>85 </path>86 <stroke/>87 <path>88 <move x="52.33" y="52.83"/>89 <line x="87.17" y="73"/>90 </path>91 <stroke/>92 <path>93 <move x="53.17" y="53"/>94 <line x="87.5" y="34.17"/>95 </path>96 <stroke/>97 <path>98 <move x="52.5" y="52.5"/>99 <line x="52.5" y="14.5"/>100 </path>101 <stroke/>102 <fillcolor color="#bbbbbb"/>103 <ellipse x="18.5" y="19" w="68" h="68"/>104 <fillstroke/>105 <strokecolor color="#ffffff"/>106 <fillcolor color="#404040"/>107 <path>108 <move x="24.46" y="41.09"/>109 <line x="51.55" y="54.55"/>110 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="54.23" y="53.65"/>111 <line x="54.31" y="53.49"/>112 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="53.41" y="50.81"/>113 <line x="26.32" y="37.35"/>114 <arc rx="2" ry="2" x-axis-rotation="-63.571" large-arc-flag="0" sweep-flag="0" x="23.64" y="38.25"/>115 <line x="23.56" y="38.41"/>116 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="24.46" y="41.09"/>117 <close/>118 </path>119 <fillstroke/>120 <strokewidth width="1.5"/>121 <fillcolor color="none"/>122 <ellipse x="17.5" y="18" w="70.5" h="70"/>123 <stroke/>124 <fontsize size="12"/>125 <fontstyle style="1"/>126 <text str="Knob Label" x="52.5" y="100" align="center" valign="middle"/>127 <fontsize size="8"/>128 <text str="0" x="15" y="75" align="center" valign="middle"/>129 <text str="50" x="12" y="33" align="center" valign="middle"/>130 <text str="50" x="52.5" y="10" align="center" valign="middle"/>131 <text str="75" x="93" y="33" align="center" valign="middle"/>132 <text str="100" x="95" y="75" align="center" valign="middle"/>133 </foreground>134 </shape>135 <shape name="Knob 2" h="110" w="104.69" aspect="1">136 <foreground>137 <strokecolor color="#000000"/>138 <fillcolor color="#bbbbbb"/>139 <ellipse x="19.09" y="20.42" w="68" h="68"/>140 <fillstroke/>141 <strokecolor color="#ffffff"/>142 <fillcolor color="#404040"/>143 <path>144 <move x="25.05" y="42.51"/>145 <line x="52.13" y="55.97"/>146 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="54.82" y="55.07"/>147 <line x="54.9" y="54.91"/>148 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="53.99" y="52.23"/>149 <line x="26.91" y="38.76"/>150 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="24.23" y="39.67"/>151 <line x="24.15" y="39.83"/>152 <arc rx="2" ry="2" x-axis-rotation="-63.57" large-arc-flag="0" sweep-flag="0" x="25.05" y="42.51"/>153 <close/>154 </path>155 <fillstroke/>156 <strokecolor color="none"/>157 <fillcolor color="#b50c0b"/>158 <path>159 <move x="86.09" y="87.92"/>160 <line x="79.09" y="80.42"/>161 <arc rx="37.7" ry="37.7" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="30.09" y="23.42"/>162 <arc rx="47" ry="47" x-axis-rotation="0" large-arc-flag="0" sweep-flag="1" x="80.09" y="13.42"/>163 <arc rx="48" ry="48" x-axis-rotation="0" large-arc-flag="0" sweep-flag="1" x="86.09" y="87.92"/>164 <close/>165 </path>166 <fillstroke/>167 <fillcolor color="#13008f"/>168 <path>169 <move x="26.09" y="79.42"/>170 <line x="18.09" y="87.42"/>171 <arc rx="48.5" ry="48.5" x-axis-rotation="0" large-arc-flag="0" sweep-flag="1" x="76.09" y="11.22"/>172 <arc rx="46.6" ry="46.6" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="29.42" y="22.42"/>173 <arc rx="40" ry="40" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="25.75" y="79.08"/>174 <close/>175 </path>176 <fillstroke/>177 <strokecolor color="#ffffff"/>178 <strokewidth width="2"/>179 <fillcolor color="none"/>180 <path>181 <move x="26.59" y="79.42"/>182 <line x="18.09" y="87.92"/>183 <arc rx="48.5" ry="48.5" x-axis-rotation="0" large-arc-flag="1" sweep-flag="1" x="86.09" y="88.42"/>184 <line x="78.59" y="80.42"/>185 <arc rx="37" ry="37" x-axis-rotation="0" large-arc-flag="1" sweep-flag="0" x="26.59" y="79.42"/>186 <close/>187 </path>188 <stroke/>189 <linecap cap="round"/>190 <path>191 <move x="76.09" y="11.42"/>192 <arc rx="48" ry="48" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="27.09" y="25.42"/>193 <arc rx="39" ry="39" x-axis-rotation="0" large-arc-flag="0" sweep-flag="0" x="26.69" y="79.42"/>194 </path>195 <stroke/>196 <fontsize size="12"/>197 <fontstyle style="1"/>198 <text str="Knob Label" x="52.5" y="100" align="center" valign="middle"/>199 </foreground>200 </shape>201 <shape name="Horizontal Interval Bar 1" h="23" w="219" aspect="1">202 <foreground>203 <strokecolor color="#000000"/>204 <strokecolor color="#818181"/>205 <path>206 <move x="31" y="0"/>207 <line x="31" y="23"/>208 </path>209 <stroke/>210 <path>211 <move x="57" y="0"/>212 <line x="57" y="23"/>213 </path>214 <stroke/>215 <path>216 <move x="84" y="0"/>217 <line x="84" y="23"/>218 </path>219 <stroke/>220 <path>221 <move x="109" y="0.401"/>222 <line x="109" y="23"/>223 </path>224 <stroke/>225 <path>226 <move x="135" y="0"/>227 <line x="135" y="23"/>228 </path>229 <stroke/>230 <path>231 <move x="161" y="0"/>232 <line x="161" y="23"/>233 </path>234 <stroke/>235 <path>236 <move x="188" y="0"/>237 <line x="188" y="23"/>238 </path>239 <stroke/>240 <fillcolor color="#f2f2f2"/>241 <roundrect x="0" y="9" w="219" h="9" arcsize="26.142"/>242 <fillstroke/>243 <fillcolor color="#4a3ca7"/>244 <rect x="60" y="9" w="100" h="9"/>245 <fillstroke/>246 <strokecolor color="#333333"/>247 <fillcolor color="#7f7f7f"/>248 <path>249 <move x="57" y="5"/>250 <line x="62" y="9"/>251 <line x="62" y="23"/>252 <line x="52" y="23"/>253 <line x="52" y="9"/>254 <close/>255 </path>256 <fillstroke/>257 <path>258 <move x="161.2" y="5"/>259 <line x="166.2" y="9"/>260 <line x="166.2" y="23"/>261 <line x="156.2" y="23"/>262 <line x="156.2" y="9"/>263 <close/>264 </path>265 <fillstroke/>266 </foreground>267 </shape>268 <shape name="Horizontal Interval Bar 2" h="23" w="219" aspect="1">269 <foreground>270 <strokecolor color="#000000"/>271 <strokecolor color="#818181"/>272 <path>273 <move x="31" y="0"/>274 <line x="31" y="23"/>275 </path>276 <stroke/>277 <path>278 <move x="57" y="0"/>279 <line x="57" y="23"/>280 </path>281 <stroke/>282 <path>283 <move x="84" y="0"/>284 <line x="84" y="23"/>285 </path>286 <stroke/>287 <path>288 <move x="109" y="0.401"/>289 <line x="109" y="23"/>290 </path>291 <stroke/>292 <path>293 <move x="135" y="0"/>294 <line x="135" y="23"/>295 </path>296 <stroke/>297 <path>298 <move x="161" y="0"/>299 <line x="161" y="23"/>300 </path>301 <stroke/>302 <path>303 <move x="188" y="0"/>304 <line x="188" y="23"/>305 </path>306 <stroke/>307 <fillcolor color="#f2f2f2"/>308 <roundrect x="0" y="9" w="219" h="9" arcsize="26.142"/>309 <fillstroke/>310 <fillcolor color="#4a3ca7"/>311 <rect x="60" y="9" w="49.2" h="9"/>312 <fillstroke/>313 <strokecolor color="#333333"/>314 <fillcolor color="#7f7f7f"/>315 <path>316 <move x="57" y="5"/>317 <line x="62" y="9"/>318 <line x="62" y="23"/>319 <line x="52" y="23"/>320 <line x="52" y="9"/>321 <close/>322 </path>323 <fillstroke/>324 <strokecolor color="#818181"/>325 <fillcolor color="#6ba745"/>326 <rect x="109" y="9" w="50" h="9"/>327 <fillstroke/>328 <strokecolor color="#333333"/>329 <fillcolor color="#7f7f7f"/>330 <path>331 <move x="161.2" y="5"/>332 <line x="166.2" y="9"/>333 <line x="166.2" y="23"/>334 <line x="156.2" y="23"/>335 <line x="156.2" y="9"/>336 <close/>337 </path>338 <fillstroke/>339 <path>340 <move x="109" y="5"/>341 <line x="114" y="9"/>342 <line x="114" y="23"/>343 <line x="104" y="23"/>344 <line x="104" y="9"/>345 <close/>346 </path>347 <fillstroke/>348 </foreground>349 </shape>350 <shape name="Vertical Interval Bar 2" h="219" w="23" aspect="1">351 <foreground>352 <strokecolor color="#000000"/>353 <strokecolor color="#818181"/>354 <path>355 <move x="23" y="31"/>356 <line x="0" y="31"/>357 </path>358 <stroke/>359 <path>360 <move x="23" y="57"/>361 <line x="0" y="57"/>362 </path>363 <stroke/>364 <path>365 <move x="23" y="84"/>366 <line x="0" y="84"/>367 </path>368 <stroke/>369 <path>370 <move x="22.6" y="109"/>371 <line x="0" y="109"/>372 </path>373 <stroke/>374 <path>375 <move x="23" y="135"/>376 <line x="0" y="135"/>377 </path>378 <stroke/>379 <path>380 <move x="23" y="161"/>381 <line x="0" y="161"/>382 </path>383 <stroke/>384 <path>385 <move x="23" y="188"/>386 <line x="0" y="188"/>387 </path>388 <stroke/>389 <fillcolor color="#f2f2f2"/>390 <path>391 <move x="9" y="0"/>392 <line x="10" y="0"/>393 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="5" y="5"/>394 <line x="5" y="214"/>395 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="10" y="219"/>396 <line x="9" y="219"/>397 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="14" y="214"/>398 <line x="14" y="5"/>399 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="9" y="0"/>400 <close/>401 </path>402 <fillstroke/>403 <fillcolor color="#4a3ca7"/>404 <path>405 <move x="14" y="60"/>406 <line x="5" y="60"/>407 <line x="5" y="109.2"/>408 <line x="14" y="109.2"/>409 <close/>410 </path>411 <fillstroke/>412 <strokecolor color="#333333"/>413 <fillcolor color="#7f7f7f"/>414 <path>415 <move x="18" y="57"/>416 <line x="14" y="62"/>417 <line x="0" y="62"/>418 <line x="0" y="52"/>419 <line x="14" y="52"/>420 <close/>421 </path>422 <fillstroke/>423 <strokecolor color="#818181"/>424 <fillcolor color="#6ba745"/>425 <path>426 <move x="14" y="109"/>427 <line x="5" y="109"/>428 <line x="5" y="159"/>429 <line x="14" y="159"/>430 <close/>431 </path>432 <fillstroke/>433 <strokecolor color="#333333"/>434 <fillcolor color="#7f7f7f"/>435 <path>436 <move x="18" y="161.2"/>437 <line x="14" y="166.2"/>438 <line x="0" y="166.2"/>439 <line x="0" y="156.2"/>440 <line x="14" y="156.2"/>441 <close/>442 </path>443 <fillstroke/>444 <path>445 <move x="18" y="109"/>446 <line x="14" y="114"/>447 <line x="0" y="114"/>448 <line x="0" y="104"/>449 <line x="14" y="104"/>450 <close/>451 </path>452 <fillstroke/>453 </foreground>454 </shape>455 <shape name="Vertical Interval Bar 1" h="219" w="23" aspect="1">456 <foreground>457 <strokecolor color="#818181"/>458 <path>459 <move x="23" y="31"/>460 <line x="0" y="31"/>461 </path>462 <stroke/>463 <path>464 <move x="23" y="57"/>465 <line x="0" y="57"/>466 </path>467 <stroke/>468 <path>469 <move x="23" y="84"/>470 <line x="0" y="84"/>471 </path>472 <stroke/>473 <path>474 <move x="22.6" y="109"/>475 <line x="0" y="109"/>476 </path>477 <stroke/>478 <path>479 <move x="23" y="135"/>480 <line x="0" y="135"/>481 </path>482 <stroke/>483 <path>484 <move x="23" y="161"/>485 <line x="0" y="161"/>486 </path>487 <stroke/>488 <path>489 <move x="23" y="188"/>490 <line x="0" y="188"/>491 </path>492 <stroke/>493 <fillcolor color="#f2f2f2"/>494 <path>495 <move x="9" y="0"/>496 <line x="10" y="0"/>497 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="5" y="5"/>498 <line x="5" y="214"/>499 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="10" y="219"/>500 <line x="9" y="219"/>501 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="14" y="214"/>502 <line x="14" y="5"/>503 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="9" y="0"/>504 <close/>505 </path>506 <fillstroke/>507 <fillcolor color="#4a3ca7"/>508 <path>509 <move x="14" y="60"/>510 <line x="5" y="60"/>511 <line x="5" y="160"/>512 <line x="14" y="160"/>513 <close/>514 </path>515 <fillstroke/>516 <strokecolor color="#333333"/>517 <fillcolor color="#7f7f7f"/>518 <path>519 <move x="18" y="57"/>520 <line x="14" y="62"/>521 <line x="0" y="62"/>522 <line x="0" y="52"/>523 <line x="14" y="52"/>524 <close/>525 </path>526 <fillstroke/>527 <path>528 <move x="18" y="161.2"/>529 <line x="14" y="166.2"/>530 <line x="0" y="166.2"/>531 <line x="0" y="156.2"/>532 <line x="14" y="156.2"/>533 <close/>534 </path>535 <fillstroke/>536 </foreground>537 </shape>538 <shape name="Vertical Slidebar" h="219" w="23" aspect="1">539 <foreground>540 <strokecolor color="#818181"/>541 <path>542 <move x="23" y="31"/>543 <line x="0" y="31"/>544 </path>545 <stroke/>546 <path>547 <move x="23" y="57"/>548 <line x="0" y="57"/>549 </path>550 <stroke/>551 <path>552 <move x="23" y="84"/>553 <line x="0" y="84"/>554 </path>555 <stroke/>556 <path>557 <move x="22.6" y="109"/>558 <line x="0" y="109"/>559 </path>560 <stroke/>561 <path>562 <move x="23" y="135"/>563 <line x="0" y="135"/>564 </path>565 <stroke/>566 <path>567 <move x="23" y="161"/>568 <line x="0" y="161"/>569 </path>570 <stroke/>571 <path>572 <move x="23" y="188"/>573 <line x="0" y="188"/>574 </path>575 <stroke/>576 <fillcolor color="#f2f2f2"/>577 <path>578 <move x="9" y="0"/>579 <line x="10" y="0"/>580 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="5" y="5"/>581 <line x="5" y="214"/>582 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="10" y="219"/>583 <line x="9" y="219"/>584 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="14" y="214"/>585 <line x="14" y="5"/>586 <arc rx="5" ry="5" x-axis-rotation="90" large-arc-flag="0" sweep-flag="0" x="9" y="0"/>587 <close/>588 </path>589 <fillstroke/>590 <strokecolor color="#333333"/>591 <fillcolor color="#7f7f7f"/>592 <path>593 <move x="18" y="109"/>594 <line x="14" y="114"/>595 <line x="0" y="114"/>596 <line x="0" y="104"/>597 <line x="14" y="104"/>598 <close/>599 </path>600 <fillstroke/>601 </foreground>602 </shape>603 <shape name="On-Off Button 1" h="31" w="130" aspect="1">604 <foreground>605 <strokecolor color="#000000"/>606 <strokecolor color="#333333"/>607 <fillcolor color="#ffffff"/>608 <roundrect x="0" y="0" w="130" h="31" arcsize="5.993"/>609 <fillstroke/>610 <fillcolor color="#c7c7c7"/>611 <roundrect x="0" y="0" w="65" h="31" arcsize="7.147"/>612 <fillstroke/>613 <fontsize size="16"/>614 <fontstyle style="1"/>615 <text str="OFF" x="97.5" y="15.5" align="center" valign="middle"/>616 </foreground>617 </shape>618 <shape name="On-Off Button 2" h="31" w="130" aspect="1">619 <foreground>620 <strokecolor color="#333333"/>621 <fillcolor color="#772222"/>622 <roundrect x="0" y="0" w="130" h="31" arcsize="5.993"/>623 <fillstroke/>624 <fillcolor color="#c7c7c7"/>625 <roundrect x="0" y="0" w="65" h="31" arcsize="7.147"/>626 <fillstroke/>627 <fontsize size="16"/>628 <fontstyle style="1"/>629 <fontcolor color="#ffffff"/>630 <text str="OFF" x="97.5" y="15.5" align="center" valign="middle"/>631 </foreground>632 </shape>633 <shape name="On-Off Button 3" h="31" w="130" aspect="1">634 <foreground>635 <strokecolor color="#000000"/>636 <strokecolor color="#333333"/>637 <fillcolor color="#ffffff"/>638 <roundrect x="0" y="0" w="130" h="31" arcsize="5.993"/>639 <fillstroke/>640 <fillcolor color="#c7c7c7"/>641 <roundrect x="65" y="0" w="65" h="31" arcsize="7.147"/>642 <fillstroke/>643 <fontsize size="16"/>644 <fontstyle style="1"/>645 <text str="ON" x="32.5" y="15.5" align="center" valign="middle"/>646 </foreground>647 </shape>648</shapes>