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>