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>