1<shapes name="mxgraph.mockup.carousel">
2    <shape name="Carousel 1" h="185" w="479" aspect="1">
3        <foreground>
4            <strokecolor color="#000000"/>
5            <strokecolor color="#999999"/>
6            <fillcolor color="#999999"/>
7            <rect x="450" y="40" w="28" h="85"/>
8            <fillstroke/>
9            <strokecolor color="#000000"/>
10            <fillcolor color="#ffffff"/>
11            <roundrect x="0" y="0" w="479" h="185" arcsize="1.874"/>
12            <fillstroke/>
13            <rect x="0" y="170" w="15" h="15"/>
14            <fillstroke/>
15            <rect x="15" y="170" w="449" h="15"/>
16            <fillstroke/>
17            <rect x="464" y="170" w="15" h="15"/>
18            <fillstroke/>
19            <fillcolor color="#000000"/>
20            <path>
21                <move x="11" y="173"/>
22                <line x="11" y="182"/>
23                <line x="4" y="177.5"/>
24                <close/>
25            </path>
26            <fillstroke/>
27            <path>
28                <move x="468" y="173"/>
29                <line x="468" y="182"/>
30                <line x="475" y="177.5"/>
31                <close/>
32            </path>
33            <fillstroke/>
34            <strokecolor color="#666666"/>
35            <fillcolor color="#cccccc"/>
36            <roundrect x="16" y="171" w="64" h="12" arcsize="9.255"/>
37            <fillstroke/>
38            <strokecolor color="#999999"/>
39            <fillcolor color="#999999"/>
40            <rect x="15" y="40" w="100" h="85"/>
41            <fillstroke/>
42            <rect x="160" y="40" w="100" h="85"/>
43            <fillstroke/>
44            <rect x="305" y="40" w="100" h="85"/>
45            <fillstroke/>
46            <rect x="450" y="40" w="28" h="85"/>
47            <fillstroke/>
48            <fontcolor color="#000000"/>
49            <fontsize size="16"/>
50            <fontstyle style="0"/>
51            <text str="Container Title Goes Here" x="15" y="20" align="left" valign="middle"/>
52            <fontstyle style="1"/>
53            <fontsize size="50"/>
54            <fontcolor color="#ffffff"/>
55            <text str="1" x="65" y="80" align="center" valign="middle"/>
56            <text str="2" x="210" y="80" align="center" valign="middle"/>
57            <text str="3" x="355" y="80" align="center" valign="middle"/>
58            <fontsize size="10"/>
59            <fontcolor color="#000000"/>
60            <text str="Item Title 1" x="15" y="138" align="left" valign="middle"/>
61            <text str="Item Title 2" x="160" y="138" align="left" valign="middle"/>
62            <text str="Item Title 3" x="305" y="138" align="left" valign="middle"/>
63            <text str="Item" x="450" y="138" align="left" valign="middle"/>
64            <fontstyle style="0"/>
65            <text str="Subtitle 1" x="15" y="155" align="left" valign="middle"/>
66            <text str="Subtitle 2" x="160" y="155" align="left" valign="middle"/>
67            <text str="Subtitle 3" x="305" y="155" align="left" valign="middle"/>
68            <text str="Subtitl" x="450" y="155" align="left" valign="middle"/>
69        </foreground>
70    </shape>
71    <shape name="Status Display 1" h="10" w="67" aspect="1">
72        <foreground>
73            <strokecolor color="#000000"/>
74            <strokecolor color="#000000"/>
75            <fillcolor color="#333333"/>
76            <rect x="0" y="0" w="10" h="10"/>
77            <fillstroke/>
78            <fillcolor color="#cccccc"/>
79            <rect x="19" y="0" w="10" h="10"/>
80            <fillstroke/>
81            <rect x="38" y="0" w="10" h="10"/>
82            <fillstroke/>
83            <rect x="57" y="0" w="10" h="10"/>
84            <fillstroke/>
85            <fontstyle style="0"/>
86            <fontcolor color="#cccccc"/>
87            <fontsize size="7"/>
88            <text str="1" x="5" y="5" align="center" valign="middle"/>
89            <fontcolor color="#333333"/>
90            <text str="2" x="24" y="5" align="center" valign="middle"/>
91            <text str="3" x="43" y="5" align="center" valign="middle"/>
92            <text str="4" x="62" y="5" align="center" valign="middle"/>
93        </foreground>
94    </shape>
95    <shape name="Next-Prev" h="15" w="40" aspect="1">
96        <foreground>
97            <strokecolor color="#999999"/>
98            <strokewidth width="2"/>
99            <fillcolor color="#ffffff"/>
100            <roundrect x="0" y="0" w="40" h="15" arcsize="13.751"/>
101            <fillstroke/>
102            <path>
103                <move x="20" y="0"/>
104                <line x="20" y="15"/>
105            </path>
106            <fillstroke/>
107            <linejoin join="round" />
108            <strokewidth width="1"/>
109            <strokecolor color="#000000"/>
110            <strokecolor color="#000000"/>
111            <fillcolor color="#000000"/>
112            <path>
113                <move x="14" y="3"/>
114                <line x="14" y="12"/>
115                <line x="7" y="7.5"/>
116                <close/>
117            </path>
118            <fillstroke/>
119            <path>
120                <move x="26" y="3"/>
121                <line x="26" y="12"/>
122                <line x="33" y="7.5"/>
123                <close/>
124            </path>
125            <fillstroke/>
126        </foreground>
127    </shape>
128    <shape name="Next" h="15" w="20" aspect="1">
129        <foreground>
130            <strokecolor color="#999999"/>
131            <strokewidth width="2"/>
132            <fillcolor color="#ffffff"/>
133            <path>
134                <move x="0" y="15"/>
135                <line x="17" y="15"/>
136                <arc rx="3" ry="3" x-axis-rotation="180" large-arc-flag="0" sweep-flag="0" x="20" y="12"/>
137                <line x="20" y="3"/>
138                <arc rx="3" ry="3" x-axis-rotation="180" large-arc-flag="0" sweep-flag="0" x="17" y="0"/>
139                <line x="0" y="0"/>
140                <close/>
141            </path>
142            <fillstroke/>
143            <linejoin join="round" />
144            <strokewidth width="1"/>
145            <strokecolor color="#000000"/>
146            <strokecolor color="#000000"/>
147            <fillcolor color="#000000"/>
148            <path>
149                <move x="6" y="3"/>
150                <line x="6" y="12"/>
151                <line x="13" y="7.5"/>
152                <close/>
153            </path>
154            <fillstroke/>
155        </foreground>
156    </shape>
157    <shape name="Carousel 2" h="200" w="479" aspect="1">
158        <foreground>
159            <strokecolor color="#000000"/>
160            <fillcolor color="#ffffff"/>
161            <roundrect x="0" y="0" w="479" h="200" arcsize="1.772"/>
162            <fillstroke/>
163            <fillcolor color="#000000"/>
164            <path>
165                <move x="13" y="83"/>
166                <line x="13" y="92"/>
167                <line x="6" y="87.5"/>
168                <close/>
169            </path>
170            <fillstroke/>
171            <path>
172                <move x="466" y="83"/>
173                <line x="466" y="92"/>
174                <line x="473" y="87.5"/>
175                <close/>
176            </path>
177            <fillstroke/>
178            <strokecolor color="#999999"/>
179            <fillcolor color="#999999"/>
180            <rect x="45" y="40" w="100" h="85"/>
181            <fillstroke/>
182            <rect x="190" y="40" w="100" h="85"/>
183            <fillstroke/>
184            <rect x="335" y="40" w="100" h="85"/>
185            <fillstroke/>
186            <strokecolor color="#000000"/>
187            <fillcolor color="none"/>
188            <path>
189                <move x="20" y="0"/>
190                <line x="20" y="175"/>
191            </path>
192            <stroke/>
193            <path>
194                <move x="459" y="0"/>
195                <line x="459" y="175"/>
196            </path>
197            <stroke/>
198            <path>
199                <move x="0" y="175"/>
200                <line x="479" y="175"/>
201            </path>
202            <stroke/>
203            <strokecolor color="#cccccc"/>
204            <fillcolor color="#cccccc"/>
205            <ellipse x="225" y="182.5" w="10" h="10"/>
206            <fillstroke/>
207            <ellipse x="244" y="182.5" w="10" h="10"/>
208            <fillstroke/>
209            <strokecolor color="#333333"/>
210            <fillcolor color="#333333"/>
211            <ellipse x="206" y="182.5" w="10" h="10"/>
212            <fillstroke/>
213            <strokecolor color="#cccccc"/>
214            <fillcolor color="#cccccc"/>
215            <ellipse x="263" y="182.5" w="10" h="10"/>
216            <fillstroke/>
217            <fontcolor color="#000000"/>
218            <fontsize size="16"/>
219            <fontstyle style="0"/>
220            <text str="Container Title Goes Here" x="45" y="20" align="left" valign="middle"/>
221            <fontstyle style="1"/>
222            <fontsize size="50"/>
223            <fontcolor color="#ffffff"/>
224            <text str="1" x="90" y="80" align="center" valign="middle"/>
225            <text str="2" x="240" y="80" align="center" valign="middle"/>
226            <text str="3" x="385" y="80" align="center" valign="middle"/>
227            <fontsize size="10"/>
228            <fontcolor color="#000000"/>
229            <text str="Item Title 1" x="45" y="138" align="left" valign="middle"/>
230            <text str="Item Title 2" x="190" y="138" align="left" valign="middle"/>
231            <text str="Item Title 3" x="335" y="138" align="left" valign="middle"/>
232            <fontstyle style="0"/>
233            <text str="Subtitle 1" x="45" y="155" align="left" valign="middle"/>
234            <text str="Subtitle 2" x="190" y="155" align="left" valign="middle"/>
235            <text str="Subtitle 3" x="335" y="155" align="left" valign="middle"/>
236            <fontstyle style="1"/>
237            <fontsize size="9"/>
238            <text str=">>  View All" x="10" y="187.5" align="left" valign="middle"/>
239        </foreground>
240    </shape>
241    <shape name="Carousel 3" h="200" w="439" aspect="1">
242        <foreground>
243            <strokecolor color="#000000"/>
244            <fillcolor color="#ffffff"/>
245            <roundrect x="0" y="0" w="439" h="200" arcsize="1.82"/>
246            <fillstroke/>
247            <fillcolor color="#000000"/>
248            <path>
249                <move x="404" y="183"/>
250                <line x="404" y="192"/>
251                <line x="397" y="187.5"/>
252                <close/>
253            </path>
254            <fillstroke/>
255            <path>
256                <move x="416" y="183"/>
257                <line x="416" y="192"/>
258                <line x="423" y="187.5"/>
259                <close/>
260            </path>
261            <fillstroke/>
262            <strokecolor color="#999999"/>
263            <fillcolor color="#999999"/>
264            <rect x="25" y="40" w="100" h="85"/>
265            <fillstroke/>
266            <rect x="170" y="40" w="100" h="85"/>
267            <fillstroke/>
268            <rect x="315" y="40" w="100" h="85"/>
269            <fillstroke/>
270            <strokecolor color="#000000"/>
271            <fillcolor color="none"/>
272            <path>
273                <move x="0" y="175"/>
274                <line x="439" y="175"/>
275            </path>
276            <stroke/>
277            <strokecolor color="#cccccc"/>
278            <fillcolor color="#cccccc"/>
279            <ellipse x="325" y="182.5" w="10" h="10"/>
280            <fillstroke/>
281            <ellipse x="344" y="182.5" w="10" h="10"/>
282            <fillstroke/>
283            <strokecolor color="#333333"/>
284            <fillcolor color="#333333"/>
285            <ellipse x="306" y="182.5" w="10" h="10"/>
286            <fillstroke/>
287            <strokecolor color="#cccccc"/>
288            <fillcolor color="#cccccc"/>
289            <ellipse x="363" y="182.5" w="10" h="10"/>
290            <fillstroke/>
291            <strokecolor color="#999999"/>
292            <strokewidth width="2"/>
293            <fillcolor color="none"/>
294            <roundrect x="390" y="180" w="40" h="15" arcsize="13.751"/>
295            <stroke/>
296            <path>
297                <move x="410" y="180"/>
298                <line x="410" y="195"/>
299            </path>
300            <stroke/>
301            <fontcolor color="#000000"/>
302            <fontsize size="16"/>
303            <fontstyle style="0"/>
304            <text str="Container Title Goes Here" x="25" y="20" align="left" valign="middle"/>
305            <fontstyle style="1"/>
306            <fontsize size="50"/>
307            <fontcolor color="#ffffff"/>
308            <text str="1" x="70" y="80" align="center" valign="middle"/>
309            <text str="2" x="220" y="80" align="center" valign="middle"/>
310            <text str="3" x="365" y="80" align="center" valign="middle"/>
311            <fontsize size="10"/>
312            <fontcolor color="#000000"/>
313            <text str="Item Title 1" x="25" y="138" align="left" valign="middle"/>
314            <text str="Item Title 2" x="170" y="138" align="left" valign="middle"/>
315            <text str="Item Title 3" x="315" y="138" align="left" valign="middle"/>
316            <fontstyle style="0"/>
317            <text str="Subtitle 1" x="25" y="155" align="left" valign="middle"/>
318            <text str="Subtitle 2" x="170" y="155" align="left" valign="middle"/>
319            <text str="Subtitle 3" x="315" y="155" align="left" valign="middle"/>
320            <fontstyle style="1"/>
321            <fontsize size="9"/>
322            <text str=">>  View All" x="10" y="187.5" align="left" valign="middle"/>
323        </foreground>
324    </shape>
325    <shape name="Carousel 4" h="114" w="241" aspect="1">
326        <foreground>
327            <strokecolor color="#000000"/>
328            <strokecolor color="#ffffff"/>
329            <fillcolor color="#cccccc"/>
330            <linejoin join="round"/>
331            <fontstyle style="1"/>
332            <fontsize size="40"/>
333            <fontcolor color="#ffffff"/>
334            <rect x="187" y="0" w="54" h="59"/>
335            <fillstroke/>
336            <text str="4" x="214" y="27" align="center" valign="middle"/>
337            <rect x="135" y="5" w="68" h="73"/>
338            <fillstroke/>
339            <rect x="71" y="10" w="82" h="88"/>
340            <fillstroke/>
341            <strokewidth width="2"/>
342            <fillcolor color="#666666"/>
343            <rect x="0" y="14" w="90" h="100"/>
344            <fillstroke/>
345            <text str="1" x="45" y="65" align="center" valign="middle"/>
346            <text str="2" x="115" y="50" align="center" valign="middle"/>
347            <text str="3" x="170" y="40" align="center" valign="middle"/>
348        </foreground>
349    </shape>
350    <shape name="Carousel 5" h="114" w="391" aspect="1">
351        <foreground>
352            <strokecolor color="#000000"/>
353            <strokecolor color="#ffffff"/>
354            <fillcolor color="#cccccc"/>
355            <linejoin join="round"/>
356            <fontstyle style="1"/>
357            <fontcolor color="#ffffff"/>
358            <path>
359                <move x="54" y="0"/>
360                <line x="54" y="59"/>
361                <line x="0" y="59"/>
362                <line x="0" y="0"/>
363                <close/>
364            </path>
365            <fillstroke/>
366            <fontsize size="25"/>
367            <text str="n-3" x="25" y="30" align="center" valign="middle"/>
368            <path>
369                <move x="106" y="5"/>
370                <line x="106" y="78"/>
371                <line x="38" y="78"/>
372                <line x="38" y="5"/>
373                <close/>
374            </path>
375            <fillstroke/>
376            <fontsize size="30"/>
377            <text str="n-2" x="70" y="40" align="center" valign="middle"/>
378            <path>
379                <move x="170" y="10"/>
380                <line x="170" y="98"/>
381                <line x="88" y="98"/>
382                <line x="88" y="10"/>
383                <close/>
384            </path>
385            <fillstroke/>
386            <fontsize size="35"/>
387            <text str="n-1" x="130" y="55" align="center" valign="middle"/>
388            <rect x="337" y="0" w="54" h="59"/>
389            <fillstroke/>
390            <fontsize size="25"/>
391            <text str="n+3" x="365" y="30" align="center" valign="middle"/>
392            <rect x="285" y="5" w="68" h="73"/>
393            <fillstroke/>
394            <fontsize size="30"/>
395            <text str="n+2" x="320" y="40" align="center" valign="middle"/>
396            <rect x="221" y="10" w="82" h="88"/>
397            <fillstroke/>
398            <fontsize size="35"/>
399            <text str="n+1" x="265" y="55" align="center" valign="middle"/>
400            <strokewidth width="2"/>
401            <fillcolor color="#666666"/>
402            <rect x="150" y="14" w="90" h="100"/>
403            <fillstroke/>
404            <fontsize size="40"/>
405            <text str="n" x="195" y="65" align="center" valign="middle"/>
406        </foreground>
407    </shape>
408    <shape name="Carousel 6" h="114" w="240" aspect="1">
409        <foreground>
410            <strokecolor color="#000000"/>
411            <strokecolor color="#ffffff"/>
412            <fillcolor color="#cccccc"/>
413            <linejoin join="round"/>
414            <fontstyle style="1"/>
415            <fontcolor color="#ffffff"/>
416            <path>
417                <move x="54" y="0"/>
418                <line x="54" y="59"/>
419                <line x="0" y="59"/>
420                <line x="0" y="0"/>
421                <close/>
422            </path>
423            <fillstroke/>
424            <fontsize size="25"/>
425            <text str="n-3" x="25" y="30" align="center" valign="middle"/>
426            <path>
427                <move x="106" y="5"/>
428                <line x="106" y="78"/>
429                <line x="38" y="78"/>
430                <line x="38" y="5"/>
431                <close/>
432            </path>
433            <fillstroke/>
434            <fontsize size="30"/>
435            <text str="n-2" x="70" y="40" align="center" valign="middle"/>
436            <path>
437                <move x="170" y="10"/>
438                <line x="170" y="98"/>
439                <line x="88" y="98"/>
440                <line x="88" y="10"/>
441                <close/>
442            </path>
443            <fillstroke/>
444            <fontsize size="35"/>
445            <text str="n-1" x="130" y="55" align="center" valign="middle"/>
446            <strokewidth width="2"/>
447            <fillcolor color="#666666"/>
448            <rect x="150" y="14" w="90" h="100"/>
449            <fillstroke/>
450            <fontsize size="40"/>
451            <text str="n" x="195" y="65" align="center" valign="middle"/>
452        </foreground>
453    </shape>
454    <shape name="Carousel 7" h="174" w="321" aspect="1">
455        <foreground>
456            <strokecolor color="#000000"/>
457            <strokecolor color="#ffffff"/>
458            <fontstyle style="1"/>
459            <fontcolor color="#ffffff"/>
460            <fontsize size="35"/>
461            <fillcolor color="#cccccc"/>
462            <linejoin join="round"/>
463            <path>
464                <move x="189" y="0"/>
465                <line x="189" y="59"/>
466                <line x="135" y="59"/>
467                <line x="135" y="0"/>
468                <close/>
469            </path>
470            <fillstroke/>
471            <text str="9" x="160" y="30" align="center" valign="middle"/>
472            <path>
473                <move x="140" y="13"/>
474                <line x="140" y="72"/>
475                <line x="85" y="72"/>
476                <line x="85" y="13"/>
477                <close/>
478            </path>
479            <fillstroke/>
480            <text str="10" x="113" y="45" align="center" valign="middle"/>
481            <path>
482                <move x="236" y="14"/>
483                <line x="236" y="73"/>
484                <line x="182" y="73"/>
485                <line x="182" y="14"/>
486                <close/>
487            </path>
488            <fillstroke/>
489            <text str="8" x="208" y="45" align="center" valign="middle"/>
490            <path>
491                <move x="96" y="33"/>
492                <line x="96" y="92"/>
493                <line x="42" y="92"/>
494                <line x="42" y="33"/>
495                <close/>
496            </path>
497            <fillstroke/>
498            <text str="1" x="70" y="60" align="center" valign="middle"/>
499            <path>
500                <move x="281" y="33"/>
501                <line x="281" y="92"/>
502                <line x="227" y="92"/>
503                <line x="227" y="33"/>
504                <close/>
505            </path>
506            <fillstroke/>
507            <text str="7" x="255" y="60" align="center" valign="middle"/>
508            <path>
509                <move x="67" y="55"/>
510                <line x="67" y="127"/>
511                <line x="0" y="127"/>
512                <line x="0" y="55"/>
513                <close/>
514            </path>
515            <fillstroke/>
516            <text str="2" x="35" y="90" align="center" valign="middle"/>
517            <path>
518                <move x="321" y="55"/>
519                <line x="321" y="127"/>
520                <line x="254" y="127"/>
521                <line x="254" y="55"/>
522                <close/>
523            </path>
524            <fillstroke/>
525            <text str="6" x="290" y="90" align="center" valign="middle"/>
526            <path>
527                <move x="132" y="65"/>
528                <line x="132" y="150"/>
529                <line x="51" y="150"/>
530                <line x="51" y="65"/>
531                <close/>
532            </path>
533            <fillstroke/>
534            <text str="3" x="90" y="105" align="center" valign="middle"/>
535            <path>
536                <move x="271" y="65"/>
537                <line x="271" y="151"/>
538                <line x="190" y="151"/>
539                <line x="190" y="65"/>
540                <close/>
541            </path>
542            <fillstroke/>
543            <text str="5" x="230" y="105" align="center" valign="middle"/>
544            <strokewidth width="2"/>
545            <fillcolor color="#666666"/>
546            <rect x="116" y="74" w="90" h="100"/>
547            <fillstroke/>
548            <text str="4" x="160" y="120" align="center" valign="middle"/>
549        </foreground>
550    </shape>
551    <shape name="Prev" h="15" w="20" aspect="1">
552        <foreground>
553            <strokecolor color="#999999"/>
554            <strokewidth width="2"/>
555            <fillcolor color="#ffffff"/>
556            <path>
557                <move x="20" y="15"/>
558                <line x="3" y="15"/>
559                <arc rx="3" ry="3" x-axis-rotation="0" large-arc-flag="0" sweep-flag="1" x="0" y="12"/>
560                <line x="0" y="3"/>
561                <arc rx="3" ry="3" x-axis-rotation="0" large-arc-flag="0" sweep-flag="1" x="3" y="0"/>
562                <line x="20" y="0"/>
563                <close/>
564            </path>
565            <fillstroke/>
566            <strokewidth width="1"/>
567            <linejoin join="round"/>
568            <strokecolor color="#000000"/>
569            <strokecolor color="#000000"/>
570            <fillcolor color="#000000"/>
571            <path>
572                <move x="14" y="3"/>
573                <line x="14" y="12"/>
574                <line x="7" y="7.5"/>
575                <close/>
576            </path>
577            <fillstroke/>
578        </foreground>
579    </shape>
580    <shape name="Status Display 2" h="10" w="67" aspect="1">
581        <foreground>
582            <strokecolor color="#000000"/>
583            <strokecolor color="#cccccc"/>
584            <fillcolor color="#cccccc"/>
585            <ellipse x="19" y="0" w="10" h="10"/>
586            <fillstroke/>
587            <ellipse x="38" y="0" w="10" h="10"/>
588            <fillstroke/>
589            <strokecolor color="#333333"/>
590            <fillcolor color="#333333"/>
591            <ellipse x="0" y="0" w="10" h="10"/>
592            <fillstroke/>
593            <strokecolor color="#cccccc"/>
594            <fillcolor color="#cccccc"/>
595            <ellipse x="57" y="0" w="10" h="10"/>
596            <fillstroke/>
597        </foreground>
598    </shape>
599</shapes>