Lines Matching refs:c
126 mxShapeMockupiPhone.prototype.paintVertexShape = function(c, x, y, w, h) argument
128 c.translate(x, y);
130 this.background(c, x, y, w, h, rSize);
131 c.setShadow(false);
132 this.foreground(c, x, y, w, h, rSize);
135 mxShapeMockupiPhone.prototype.background = function(c, x, y, w, h, rSize) argument
137 c.setFillColor('#000000');
138 c.setStrokeColor('#000000');
139 c.roundrect(0, 0, w, h, rSize, rSize);
140 c.fillAndStroke();
143 mxShapeMockupiPhone.prototype.foreground = function(c, x, y, w, h, rSize) argument
145 c.setStrokeWidth(1.5);
147 c.begin();
148 …c.setGradient('#808080', '#000000', w * 0.325, 0, w * 0.675, h * 0.5, mxConstants.DIRECTION_SOUTH,…
149 c.moveTo(w * 0.325, 0);
150 c.lineTo(w - rSize, 0);
151 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
152 c.lineTo(w, h * 0.5);
153 c.lineTo(w * 0.7, h * 0.5);
154 c.close();
155 c.fill();
160 c.setStrokeWidth(1);
163 c.setFillColor('#ffffff');
164 c.rect(w * 0.0625, h * 0.15, w * 0.875, h * 0.7);
165 c.fill();
169 c.setFillColor('#1f2923');
170 c.rect(w * 0.0625, h * 0.15, w * 0.875, h * 0.7);
171 c.fill();
175 c.setFillColor('#dddddd');
176 c.rect(w * 0.0625, h * 0.15, w * 0.875, h * 0.7);
177 c.fill();
181 c.setFillColor(fillColor);
182 c.rect(w * 0.0625, h * 0.15, w * 0.875, h * 0.7);
183 c.fill();
191 c.translate(w * 0.0625, h * 0.15);
195 c.setFillColor('#5D7585');
196 c.rect(0, 0, w, h);
197 c.fillAndStroke();
202 c.setStrokeColor(strokeColor2);
204 c.begin();
208 c.moveTo(i, 0);
209 c.lineTo(i, h);
213 c.stroke();
215 c.setStrokeColor(strokeColor);
216 c.begin();
217 c.rect(0, 0, w, h);
218 c.stroke();
222 c.translate( - w * 0.0625, - h * 0.15);
230 c.translate(w * 0.0625, h * 0.15);
234 c.setFillColor('#ffffff');
235 c.rect(0, 0, w, h);
236 c.fillAndStroke();
242 c.setFillColor(fillColor2);
243 c.setStrokeColor(strokeColor2);
244 c.setStrokeWidth(1);
246 c.begin();
247 c.moveTo(0, 0);
248 c.lineTo(w * 0.1171, 0);
249 c.lineTo(w * 0.1136, h * 0.0438);
250 c.lineTo(w * 0.0993, h * 0.054);
251 c.lineTo(0, h * 0.0446);
252 c.close();
253 c.fillAndStroke();
255 c.begin();
256 c.moveTo(w * 0.1993, 0);
257 c.lineTo(w * 0.1914, h * 0.03884);
258 c.lineTo(w * 0.1536, h * 0.0362);
259 c.lineTo(w * 0.1586, 0);
260 c.close();
261 c.fillAndStroke();
263 c.begin();
264 c.moveTo(w * 0.24, 0);
265 c.lineTo(w * 0.2257, h * 0.054);
266 c.lineTo(w * 0.2414, h * 0.0674);
267 c.lineTo(w * 0.4707, h * 0.0835);
268 c.lineTo(w * 0.5264, h * 0.0906);
269 c.lineTo(w * 0.6429, h * 0.0929);
270 c.arcTo(w * 0.0857, h * 0.0536, 0, 0, 0, w * 0.7193, h * 0.0621);
271 c.arcTo(w * 0.48, h * 0.2143, 0, 0, 0, w * 0.7286, 0);
272 c.close();
273 c.fillAndStroke();
275 c.begin();
276 c.moveTo(w * 0.8, 0);
277 c.lineTo(w * 0.7886, h * 0.04554);
278 c.arcTo(w * 0.0857, h * 0.0536, 0, 0, 0, w * 0.8164, h * 0.0875);
279 c.arcTo(w * 0.1429, h * 0.0893, 0, 0, 0, w * 0.88, h * 0.1036);
280 c.lineTo(w, h * 0.1112);
281 c.lineTo(w, 0);
282 c.close();
283 c.fillAndStroke();
285 c.begin();
286 c.moveTo(0, h * 0.0933);
287 c.lineTo(w * 0.08, h * 0.1036);
288 c.lineTo(w * 0.1021, h * 0.1246);
289 c.lineTo(w * 0.1007, h * 0.1768);
290 c.lineTo(w * 0.0471, h * 0.2241);
291 c.lineTo(0, h * 0.2527);
292 c.close();
293 c.fillAndStroke();
295 c.ellipse(w * 0.1214, h * 0.0603, w * 0.0843, h * 0.0576);
296 c.fillAndStroke();
298 c.begin();
299 c.moveTo(w * 0.1293, h * 0.1924);
300 c.lineTo(w * 0.1729, h * 0.142);
301 c.lineTo(w * 0.1407, h * 0.1411);
302 c.lineTo(w * 0.14, h * 0.1777);
303 c.close();
304 c.fillAndStroke();
306 c.begin();
307 c.moveTo(w * 0.4586, h * 0.1241);
308 c.lineTo(w * 0.455, h * 0.1835);
309 c.lineTo(w * 0.3893, h * 0.2246);
310 c.lineTo(w * 0.2171, h * 0.1362);
311 c.lineTo(w * 0.2171, h * 0.1308);
312 c.lineTo(w * 0.2293, h * 0.1214);
313 c.lineTo(w * 0.2857, h * 0.1174);
314 c.close();
315 c.fillAndStroke();
317 c.begin();
318 c.moveTo(w * 0.5079, h * 0.1134);
319 c.lineTo(w * 0.7307, h * 0.1223);
320 c.lineTo(w * 0.7279, h * 0.1625);
321 c.lineTo(w * 0.715, h * 0.1772);
322 c.lineTo(w * 0.6929, h * 0.1688);
323 c.lineTo(w * 0.625, h * 0.1795);
324 c.lineTo(w * 0.4779, h * 0.2835);
325 c.lineTo(w * 0.395, h * 0.2299);
326 c.lineTo(w * 0.4657, h * 0.1826);
327 c.lineTo(w * 0.4707, h * 0.1223);
328 c.close();
329 c.fillAndStroke();
331 c.begin();
332 c.moveTo(w, h * 0.1362);
333 c.lineTo(w * 0.7643, h * 0.1237);
334 c.lineTo(w * 0.7543, h * 0.1562);
335 c.lineTo(w * 0.7643, h * 0.1585);
336 c.lineTo(w * 0.9186, h * 0.2366);
337 c.lineTo(w, h * 0.1732);
338 c.close();
339 c.fillAndStroke();
341 c.begin();
342 c.moveTo(w * 0.2079, h * 0.1545);
343 c.lineTo(w * 0.3886, h * 0.2536);
344 c.lineTo(w * 0.3414, h * 0.2933);
345 c.lineTo(w * 0.1743, h * 0.1969);
346 c.close();
347 c.fillAndStroke();
349 c.begin();
350 c.moveTo(w * 0.1579, h * 0.2134);
351 c.lineTo(w * 0.3221, h * 0.3067);
352 c.lineTo(w * 0.2957, h * 0.3237);
353 c.lineTo(w * 0.1157, h * 0.2424);
354 c.close();
355 c.fillAndStroke();
357 c.begin();
358 c.moveTo(w * 0.405, h * 0.2656);
359 c.lineTo(w * 0.31, h * 0.3353);
360 c.lineTo(w * 0.3693, h * 0.3661);
361 c.lineTo(w * 0.4571, h * 0.2982);
362 c.close();
363 c.fillAndStroke();
365 c.begin();
366 c.moveTo(w * 0.7121, h * 0.1848);
367 c.lineTo(w * 0.6879, h * 0.1754);
368 c.lineTo(w * 0.6329, h * 0.1844);
369 c.lineTo(w * 0.61, h * 0.2018);
370 c.lineTo(w * 0.6207, h * 0.2085);
371 c.lineTo(w * 0.4986, h * 0.2982);
372 c.lineTo(w * 0.535, h * 0.3237);
373 c.close();
374 c.fillAndStroke();
376 c.begin();
377 c.moveTo(w * 0.5557, h * 0.3379);
378 c.lineTo(w * 0.7464, h * 0.1826);
379 c.lineTo(w * 0.8036, h * 0.2076);
380 c.lineTo(w * 0.595, h * 0.3616);
381 c.close();
382 c.fillAndStroke();
384 c.begin();
385 c.moveTo(w * 0.8293, h * 0.2188);
386 c.lineTo(w * 0.8979, h * 0.2509);
387 c.lineTo(w * 0.6936, h * 0.4125);
388 c.lineTo(w * 0.6171, h * 0.3737);
389 c.close();
390 c.fillAndStroke();
392 c.begin();
393 c.moveTo(w, h * 0.2138);
394 c.lineTo(w * 0.6821, h * 0.4603);
395 c.lineTo(w * 0.815, h * 0.5277);
396 c.lineTo(w, h * 0.4);
397 c.close();
398 c.fillAndStroke();
400 c.begin();
401 c.moveTo(0, h * 0.317);
402 c.lineTo(w * 0.0971, h * 0.2554);
403 c.lineTo(w * 0.4121, h * 0.4143);
404 c.lineTo(w * 0.3736, h * 0.4415);
405 c.lineTo(w * 0.315, h * 0.4076);
406 c.lineTo(w * 0.3093, h * 0.4116);
407 c.lineTo(w * 0.3686, h * 0.4455);
408 c.lineTo(w * 0.285, h * 0.5045);
409 c.lineTo(w * 0.1114, h * 0.4134);
410 c.lineTo(w * 0.025, h * 0.4603);
411 c.lineTo(w * 0.0371, h * 0.4723);
412 c.lineTo(w * 0.1114, h * 0.4371);
413 c.lineTo(w * 0.2871, h * 0.5312);
414 c.lineTo(w * 0.1929, h * 0.6058);
415 c.lineTo(w * 0.2271, h * 0.6705);
416 c.lineTo(w * 0.17, h * 0.7147);
417 c.lineTo(w * 0.0314, h * 0.6321);
418 c.lineTo(0, h * 0.6246);
419 c.close();
420 c.fillAndStroke();
422 c.begin();
423 c.moveTo(w * 0.48, h * 0.3121);
424 c.lineTo(w * 0.5157, h * 0.3375);
425 c.lineTo(w * 0.4314, h * 0.3982);
426 c.lineTo(w * 0.3929, h * 0.3786);
427 c.close();
428 c.fillAndStroke();
430 c.begin();
431 c.moveTo(w * 0.3086, h * 0.5179);
432 c.lineTo(w * 0.53, h * 0.3518);
433 c.lineTo(w * 0.5757, h * 0.3745);
434 c.lineTo(w * 0.3479, h * 0.5411);
435 c.close();
436 c.fillAndStroke();
438 c.begin();
439 c.moveTo(w * 0.5964, h * 0.3884);
440 c.lineTo(w * 0.6736, h * 0.4277);
441 c.lineTo(w * 0.445, h * 0.5991);
442 c.lineTo(w * 0.3664, h * 0.5531);
443 c.lineTo(w * 0.5057, h * 0.4545);
444 c.lineTo(w * 0.5507, h * 0.4754);
445 c.lineTo(w * 0.5571, h * 0.4723);
446 c.lineTo(w * 0.5114, h * 0.4504);
447 c.close();
448 c.fillAndStroke();
450 c.begin();
451 c.moveTo(w * 0.4793, h * 0.6161);
452 c.lineTo(w * 0.6771, h * 0.4643);
453 c.lineTo(w * 0.8086, h * 0.5326);
454 c.lineTo(w * 0.7471, h * 0.5817);
455 c.lineTo(w * 0.7214, h * 0.567);
456 c.lineTo(w * 0.715, h * 0.571);
457 c.lineTo(w * 0.7421, h * 0.5871);
458 c.lineTo(w * 0.6014, h * 0.6933);
459 c.close();
460 c.fillAndStroke();
462 c.begin();
463 c.moveTo(w, h * 0.4371);
464 c.lineTo(w * 0.8443, h * 0.546);
465 c.lineTo(w * 0.9071, h * 0.5701);
466 c.lineTo(w, h * 0.5022);
467 c.close();
468 c.fillAndStroke();
470 c.begin();
471 c.moveTo(w * 0.8407, h * 0.5504);
472 c.lineTo(w * 0.8993, h * 0.5759);
473 c.lineTo(w * 0.6757, h * 0.7416);
474 c.lineTo(w * 0.6286, h * 0.7139);
475 c.close();
476 c.fillAndStroke();
478 c.begin();
479 c.moveTo(w, h * 0.5321);
480 c.lineTo(w * 0.6979, h * 0.7549);
481 c.lineTo(w * 0.7457, h * 0.7781);
482 c.lineTo(w * 0.9814, h * 0.6094);
483 c.lineTo(w, h * 0.6067);
484 c.close();
485 c.fillAndStroke();
487 c.begin();
488 c.moveTo(w, h * 0.6254);
489 c.lineTo(w * 0.7664, h * 0.792);
490 c.lineTo(w * 0.9586, h * 0.9062);
491 c.lineTo(w, h * 0.8786);
492 c.close();
493 c.fillAndStroke();
495 c.begin();
496 c.moveTo(w * 0.3093, h * 0.5464);
497 c.lineTo(w * 0.4271, h * 0.6152);
498 c.lineTo(w * 0.245, h * 0.7643);
499 c.lineTo(w * 0.185, h * 0.7228);
500 c.lineTo(w * 0.2493, h * 0.6728);
501 c.lineTo(w * 0.2214, h * 0.6143);
502 c.close();
503 c.fillAndStroke();
505 c.begin();
506 c.moveTo(0, h * 0.65);
507 c.lineTo(w * 0.2179, h * 0.7826);
508 c.lineTo(w * 0.1136, h * 0.8424);
509 c.close();
510 c.fillAndStroke();
512 c.begin();
513 c.moveTo(0, h * 0.7272);
514 c.lineTo(w * 0.0821, h * 0.859);
515 c.lineTo(0, h * 0.9085);
516 c.close();
517 c.fillAndStroke();
519 c.begin();
520 c.moveTo(w * 0.4529, h * 0.6366);
521 c.lineTo(w * 0.575, h * 0.7143);
522 c.lineTo(w * 0.39, h * 0.8621);
523 c.lineTo(w * 0.2657, h * 0.7902);
524 c.close();
525 c.fillAndStroke();
527 c.begin();
528 c.moveTo(0, h * 0.9415);
529 c.lineTo(w * 0.1036, h * 0.8821);
530 c.lineTo(w * 0.2343, h * 0.959);
531 c.lineTo(w * 0.1721, h);
532 c.lineTo(0, h);
533 c.close();
534 c.fillAndStroke();
536 c.begin();
537 c.moveTo(w * 0.2586, h * 0.7951);
538 c.lineTo(w * 0.3829, h * 0.8674);
539 c.lineTo(w * 0.2543, h * 0.9451);
540 c.lineTo(w * 0.1279, h * 0.8692);
541 c.close();
542 c.fillAndStroke();
544 c.begin();
545 c.moveTo(w * 0.2836, h * 0.9639);
546 c.lineTo(w * 0.4207, h * 0.8772);
547 c.lineTo(w * 0.605, h * 0.7321);
548 c.lineTo(w * 0.6521, h * 0.7634);
549 c.lineTo(w * 0.3486, h);
550 c.lineTo(w * 0.3393, h);
551 c.close();
552 c.fillAndStroke();
554 c.begin();
555 c.moveTo(w * 0.3879, h);
556 c.lineTo(w * 0.6721, h * 0.7759);
557 c.lineTo(w * 0.7171, h * 0.7982);
558 c.lineTo(w * 0.4564, h);
559 c.close();
560 c.fillAndStroke();
562 c.begin();
563 c.moveTo(w * 0.4986, h);
564 c.lineTo(w * 0.7386, h * 0.8125);
565 c.lineTo(w * 0.9307, h * 0.925);
566 c.lineTo(w * 0.8264, h);
567 c.close();
568 c.fillAndStroke();
570 c.begin();
571 c.moveTo(w * 0.8671, h);
572 c.lineTo(w * 0.9464, h * 0.9491);
573 c.lineTo(w, h * 0.975);
574 c.lineTo(w, h);
575 c.close();
576 c.fillAndStroke();
578 c.begin();
579 c.moveTo(w * 0.2295, h);
580 c.lineTo(w * 0.2648, h * 0.9792);
581 c.lineTo(w * 0.2981, h);
582 c.close();
583 c.fillAndStroke();
587 c.translate( - w * 0.0625, - h * 0.15);
590 c.setStrokeWidth(1);
591 c.setStrokeColor('#18211b');
592 c.rect(w * 0.0625, h * 0.15, w * 0.875, h * 0.7);
593 c.stroke();
595 c.setStrokeWidth(1.5);
596 c.setAlpha(0.8);
597 c.setStrokeColor('#dddddd');
598 c.roundrect(0, 0, w, h, rSize, rSize);
599 c.stroke();
602 c.begin();
603 c.setStrokeColor('#666666');
604 c.roundrect(5, 5, w - 10, h - 10, rSize, rSize);
605 c.stroke();
607 c.setAlpha(1);
608 c.ellipse(w * 0.4875, h * 0.04125, w * 0.025, h * 0.0125);
609 c.setStrokeWidth(2.5);
610 c.setStrokeColor('#000000');
611 c.setFillColor('#000099');
612 c.fillAndStroke();
614 c.begin();
615 c.setStrokeWidth(1.5);
616 c.setFillColor('#444444');
617 c.setStrokeColor('#333333');
620 c.roundrect(w * 0.375, h * 0.075, w * 0.25, h * 0.01875, w * 0.02, h * 0.01);
621 c.fillAndStroke();
623 …c.setGradient('#bbbbbb', '#000000', w * 0.4, h * 0.875, w * 0.2, h * 0.1, mxConstants.DIRECTION_SO…
624 c.ellipse(w * 0.4, h * 0.875, w * 0.2, h * 0.1);
625 c.fill();
627 c.setAlpha(0.5);
628 c.ellipse(w * 0.404, h * 0.876, w * 0.19, h * 0.095);
629 c.stroke();
631 c.begin();
632 c.setAlpha(0.85);
633 c.setFillColor('#000000');
634 c.moveTo(w * 0.4025, h * 0.925);
635 c.arcTo(w * 0.0975, h * 0.04625, 0, 0, 1, w * 0.5975, h * 0.925);
636 c.arcTo(w * 0.2, h * 0.1, 0, 0, 1, w * 0.4025, h * 0.925);
637 c.close();
638 c.fillAndStroke();
640 c.begin();
641 c.setAlpha(0.7);
642 c.setStrokeWidth(1.5);
643 c.setStrokeColor('#dddddd');
645 c.roundrect(w * 0.4575, h * 0.905, w * 0.0875, h * 0.04375, h * 0.00625, h * 0.00625);
646 c.stroke();
676 mxShapeMockupiBgFlat.prototype.paintVertexShape = function(c, x, y, w, h) argument
678 c.translate(x, y);
679 this.background(c, x, y, w, h);
682 mxShapeMockupiBgFlat.prototype.background = function(c, x, y, w, h) argument
684 c.begin();
685 c.rect(0, 0, w, h);
686 c.fillAndStroke();
716 mxShapeMockupiBgStriped.prototype.paintVertexShape = function(c, x, y, w, h) argument
718 c.translate(x, y);
719 this.background(c, x, y, w, h);
720 c.setShadow(false);
721 this.foreground(c, x, y, w, h);
724 mxShapeMockupiBgStriped.prototype.background = function(c, x, y, w, h) argument
726 c.setStrokeWidth(1);
727 c.begin();
728 c.rect(0, 0, w, h);
729 c.fillAndStroke();
732 mxShapeMockupiBgStriped.prototype.foreground = function(c, x, y, w, h) argument
737 c.setStrokeColor(strokeColor2);
739 c.begin();
743 c.moveTo(i, 0);
744 c.lineTo(i, h);
748 c.stroke();
750 c.setStrokeColor(strokeColor);
751 c.begin();
752 c.rect(0, 0, w, h);
753 c.stroke();
783 mxShapeMockupiBgMap.prototype.paintVertexShape = function(c, x, y, w, h) argument
785 c.translate(x, y);
786 this.background(c, x, y, w, h);
787 c.setShadow(false);
788 this.foreground(c, x, y, w, h);
791 mxShapeMockupiBgMap.prototype.background = function(c, x, y, w, h) argument
793 c.begin();
794 c.rect(0, 0, w, h);
795 c.fillAndStroke();
798 mxShapeMockupiBgMap.prototype.foreground = function(c, x, y, w, h) argument
804 c.setFillColor(fillColor2);
805 c.setStrokeColor(strokeColor2);
806 c.setStrokeWidth(0.5);
808 c.begin();
809 c.moveTo(0, 0);
810 c.lineTo(w * 0.1171, 0);
811 c.lineTo(w * 0.1136, h * 0.0438);
812 c.lineTo(w * 0.0993, h * 0.054);
813 c.lineTo(0, h * 0.0446);
814 c.close();
815 c.fillAndStroke();
817 c.begin();
818 c.moveTo(w * 0.1993, 0);
819 c.lineTo(w * 0.1914, h * 0.03884);
820 c.lineTo(w * 0.1536, h * 0.0362);
821 c.lineTo(w * 0.1586, 0);
822 c.close();
823 c.fillAndStroke();
825 c.begin();
826 c.moveTo(w * 0.24, 0);
827 c.lineTo(w * 0.2257, h * 0.054);
828 c.lineTo(w * 0.2414, h * 0.0674);
829 c.lineTo(w * 0.4707, h * 0.0835);
830 c.lineTo(w * 0.5264, h * 0.0906);
831 c.lineTo(w * 0.6429, h * 0.0929);
832 c.arcTo(w * 0.0857, h * 0.0536, 0, 0, 0, w * 0.7193, h * 0.0621);
833 c.arcTo(w * 0.48, h * 0.2143, 0, 0, 0, w * 0.7286, 0);
834 c.close();
835 c.fillAndStroke();
837 c.begin();
838 c.moveTo(w * 0.8, 0);
839 c.lineTo(w * 0.7886, h * 0.04554);
840 c.arcTo(w * 0.0857, h * 0.0536, 0, 0, 0, w * 0.8164, h * 0.0875);
841 c.arcTo(w * 0.1429, h * 0.0893, 0, 0, 0, w * 0.88, h * 0.1036);
842 c.lineTo(w, h * 0.1112);
843 c.lineTo(w, 0);
844 c.close();
845 c.fillAndStroke();
847 c.begin();
848 c.moveTo(0, h * 0.0933);
849 c.lineTo(w * 0.08, h * 0.1036);
850 c.lineTo(w * 0.1021, h * 0.1246);
851 c.lineTo(w * 0.1007, h * 0.1768);
852 c.lineTo(w * 0.0471, h * 0.2241);
853 c.lineTo(0, h * 0.2527);
854 c.close();
855 c.fillAndStroke();
857 c.ellipse(w * 0.1214, h * 0.0603, w * 0.0843, h * 0.0576);
858 c.fillAndStroke();
860 c.begin();
861 c.moveTo(w * 0.1293, h * 0.1924);
862 c.lineTo(w * 0.1729, h * 0.142);
863 c.lineTo(w * 0.1407, h * 0.1411);
864 c.lineTo(w * 0.14, h * 0.1777);
865 c.close();
866 c.fillAndStroke();
868 c.begin();
869 c.moveTo(w * 0.4586, h * 0.1241);
870 c.lineTo(w * 0.455, h * 0.1835);
871 c.lineTo(w * 0.3893, h * 0.2246);
872 c.lineTo(w * 0.2171, h * 0.1362);
873 c.lineTo(w * 0.2171, h * 0.1308);
874 c.lineTo(w * 0.2293, h * 0.1214);
875 c.lineTo(w * 0.2857, h * 0.1174);
876 c.close();
877 c.fillAndStroke();
879 c.begin();
880 c.moveTo(w * 0.5079, h * 0.1134);
881 c.lineTo(w * 0.7307, h * 0.1223);
882 c.lineTo(w * 0.7279, h * 0.1625);
883 c.lineTo(w * 0.715, h * 0.1772);
884 c.lineTo(w * 0.6929, h * 0.1688);
885 c.lineTo(w * 0.625, h * 0.1795);
886 c.lineTo(w * 0.4779, h * 0.2835);
887 c.lineTo(w * 0.395, h * 0.2299);
888 c.lineTo(w * 0.4657, h * 0.1826);
889 c.lineTo(w * 0.4707, h * 0.1223);
890 c.close();
891 c.fillAndStroke();
893 c.begin();
894 c.moveTo(w, h * 0.1362);
895 c.lineTo(w * 0.7643, h * 0.1237);
896 c.lineTo(w * 0.7543, h * 0.1562);
897 c.lineTo(w * 0.7643, h * 0.1585);
898 c.lineTo(w * 0.9186, h * 0.2366);
899 c.lineTo(w, h * 0.1732);
900 c.close();
901 c.fillAndStroke();
903 c.begin();
904 c.moveTo(w * 0.2079, h * 0.1545);
905 c.lineTo(w * 0.3886, h * 0.2536);
906 c.lineTo(w * 0.3414, h * 0.2933);
907 c.lineTo(w * 0.1743, h * 0.1969);
908 c.close();
909 c.fillAndStroke();
911 c.begin();
912 c.moveTo(w * 0.1579, h * 0.2134);
913 c.lineTo(w * 0.3221, h * 0.3067);
914 c.lineTo(w * 0.2957, h * 0.3237);
915 c.lineTo(w * 0.1157, h * 0.2424);
916 c.close();
917 c.fillAndStroke();
919 c.begin();
920 c.moveTo(w * 0.405, h * 0.2656);
921 c.lineTo(w * 0.31, h * 0.3353);
922 c.lineTo(w * 0.3693, h * 0.3661);
923 c.lineTo(w * 0.4571, h * 0.2982);
924 c.close();
925 c.fillAndStroke();
927 c.begin();
928 c.moveTo(w * 0.7121, h * 0.1848);
929 c.lineTo(w * 0.6879, h * 0.1754);
930 c.lineTo(w * 0.6329, h * 0.1844);
931 c.lineTo(w * 0.61, h * 0.2018);
932 c.lineTo(w * 0.6207, h * 0.2085);
933 c.lineTo(w * 0.4986, h * 0.2982);
934 c.lineTo(w * 0.535, h * 0.3237);
935 c.close();
936 c.fillAndStroke();
938 c.begin();
939 c.moveTo(w * 0.5557, h * 0.3379);
940 c.lineTo(w * 0.7464, h * 0.1826);
941 c.lineTo(w * 0.8036, h * 0.2076);
942 c.lineTo(w * 0.595, h * 0.3616);
943 c.close();
944 c.fillAndStroke();
946 c.begin();
947 c.moveTo(w * 0.8293, h * 0.2188);
948 c.lineTo(w * 0.8979, h * 0.2509);
949 c.lineTo(w * 0.6936, h * 0.4125);
950 c.lineTo(w * 0.6171, h * 0.3737);
951 c.close();
952 c.fillAndStroke();
954 c.begin();
955 c.moveTo(w, h * 0.2138);
956 c.lineTo(w * 0.6821, h * 0.4603);
957 c.lineTo(w * 0.815, h * 0.5277);
958 c.lineTo(w, h * 0.4);
959 c.close();
960 c.fillAndStroke();
962 c.begin();
963 c.moveTo(0, h * 0.317);
964 c.lineTo(w * 0.0971, h * 0.2554);
965 c.lineTo(w * 0.4121, h * 0.4143);
966 c.lineTo(w * 0.3736, h * 0.4415);
967 c.lineTo(w * 0.315, h * 0.4076);
968 c.lineTo(w * 0.3093, h * 0.4116);
969 c.lineTo(w * 0.3686, h * 0.4455);
970 c.lineTo(w * 0.285, h * 0.5045);
971 c.lineTo(w * 0.1114, h * 0.4134);
972 c.lineTo(w * 0.025, h * 0.4603);
973 c.lineTo(w * 0.0371, h * 0.4723);
974 c.lineTo(w * 0.1114, h * 0.4371);
975 c.lineTo(w * 0.2871, h * 0.5312);
976 c.lineTo(w * 0.1929, h * 0.6058);
977 c.lineTo(w * 0.2271, h * 0.6705);
978 c.lineTo(w * 0.17, h * 0.7147);
979 c.lineTo(w * 0.0314, h * 0.6321);
980 c.lineTo(0, h * 0.6246);
981 c.close();
982 c.fillAndStroke();
984 c.begin();
985 c.moveTo(w * 0.48, h * 0.3121);
986 c.lineTo(w * 0.5157, h * 0.3375);
987 c.lineTo(w * 0.4314, h * 0.3982);
988 c.lineTo(w * 0.3929, h * 0.3786);
989 c.close();
990 c.fillAndStroke();
992 c.begin();
993 c.moveTo(w * 0.3086, h * 0.5179);
994 c.lineTo(w * 0.53, h * 0.3518);
995 c.lineTo(w * 0.5757, h * 0.3745);
996 c.lineTo(w * 0.3479, h * 0.5411);
997 c.close();
998 c.fillAndStroke();
1000 c.begin();
1001 c.moveTo(w * 0.5964, h * 0.3884);
1002 c.lineTo(w * 0.6736, h * 0.4277);
1003 c.lineTo(w * 0.445, h * 0.5991);
1004 c.lineTo(w * 0.3664, h * 0.5531);
1005 c.lineTo(w * 0.5057, h * 0.4545);
1006 c.lineTo(w * 0.5507, h * 0.4754);
1007 c.lineTo(w * 0.5571, h * 0.4723);
1008 c.lineTo(w * 0.5114, h * 0.4504);
1009 c.close();
1010 c.fillAndStroke();
1012 c.begin();
1013 c.moveTo(w * 0.4793, h * 0.6161);
1014 c.lineTo(w * 0.6771, h * 0.4643);
1015 c.lineTo(w * 0.8086, h * 0.5326);
1016 c.lineTo(w * 0.7471, h * 0.5817);
1017 c.lineTo(w * 0.7214, h * 0.567);
1018 c.lineTo(w * 0.715, h * 0.571);
1019 c.lineTo(w * 0.7421, h * 0.5871);
1020 c.lineTo(w * 0.6014, h * 0.6933);
1021 c.close();
1022 c.fillAndStroke();
1024 c.begin();
1025 c.moveTo(w, h * 0.4371);
1026 c.lineTo(w * 0.8443, h * 0.546);
1027 c.lineTo(w * 0.9071, h * 0.5701);
1028 c.lineTo(w, h * 0.5022);
1029 c.close();
1030 c.fillAndStroke();
1032 c.begin();
1033 c.moveTo(w * 0.8407, h * 0.5504);
1034 c.lineTo(w * 0.8993, h * 0.5759);
1035 c.lineTo(w * 0.6757, h * 0.7416);
1036 c.lineTo(w * 0.6286, h * 0.7139);
1037 c.close();
1038 c.fillAndStroke();
1040 c.begin();
1041 c.moveTo(w, h * 0.5321);
1042 c.lineTo(w * 0.6979, h * 0.7549);
1043 c.lineTo(w * 0.7457, h * 0.7781);
1044 c.lineTo(w * 0.9814, h * 0.6094);
1045 c.lineTo(w, h * 0.6067);
1046 c.close();
1047 c.fillAndStroke();
1049 c.begin();
1050 c.moveTo(w, h * 0.6254);
1051 c.lineTo(w * 0.7664, h * 0.792);
1052 c.lineTo(w * 0.9586, h * 0.9062);
1053 c.lineTo(w, h * 0.8786);
1054 c.close();
1055 c.fillAndStroke();
1057 c.begin();
1058 c.moveTo(w * 0.3093, h * 0.5464);
1059 c.lineTo(w * 0.4271, h * 0.6152);
1060 c.lineTo(w * 0.245, h * 0.7643);
1061 c.lineTo(w * 0.185, h * 0.7228);
1062 c.lineTo(w * 0.2493, h * 0.6728);
1063 c.lineTo(w * 0.2214, h * 0.6143);
1064 c.close();
1065 c.fillAndStroke();
1067 c.begin();
1068 c.moveTo(0, h * 0.65);
1069 c.lineTo(w * 0.2179, h * 0.7826);
1070 c.lineTo(w * 0.1136, h * 0.8424);
1071 c.close();
1072 c.fillAndStroke();
1074 c.begin();
1075 c.moveTo(0, h * 0.7272);
1076 c.lineTo(w * 0.0821, h * 0.859);
1077 c.lineTo(0, h * 0.9085);
1078 c.close();
1079 c.fillAndStroke();
1081 c.begin();
1082 c.moveTo(w * 0.4529, h * 0.6366);
1083 c.lineTo(w * 0.575, h * 0.7143);
1084 c.lineTo(w * 0.39, h * 0.8621);
1085 c.lineTo(w * 0.2657, h * 0.7902);
1086 c.close();
1087 c.fillAndStroke();
1089 c.begin();
1090 c.moveTo(0, h * 0.9415);
1091 c.lineTo(w * 0.1036, h * 0.8821);
1092 c.lineTo(w * 0.2343, h * 0.959);
1093 c.lineTo(w * 0.1721, h);
1094 c.lineTo(0, h);
1095 c.close();
1096 c.fillAndStroke();
1098 c.begin();
1099 c.moveTo(w * 0.2586, h * 0.7951);
1100 c.lineTo(w * 0.3829, h * 0.8674);
1101 c.lineTo(w * 0.2543, h * 0.9451);
1102 c.lineTo(w * 0.1279, h * 0.8692);
1103 c.close();
1104 c.fillAndStroke();
1106 c.begin();
1107 c.moveTo(w * 0.2836, h * 0.9639);
1108 c.lineTo(w * 0.4207, h * 0.8772);
1109 c.lineTo(w * 0.605, h * 0.7321);
1110 c.lineTo(w * 0.6521, h * 0.7634);
1111 c.lineTo(w * 0.3486, h);
1112 c.lineTo(w * 0.3393, h);
1113 c.close();
1114 c.fillAndStroke();
1116 c.begin();
1117 c.moveTo(w * 0.3879, h);
1118 c.lineTo(w * 0.6721, h * 0.7759);
1119 c.lineTo(w * 0.7171, h * 0.7982);
1120 c.lineTo(w * 0.4564, h);
1121 c.close();
1122 c.fillAndStroke();
1124 c.begin();
1125 c.moveTo(w * 0.4986, h);
1126 c.lineTo(w * 0.7386, h * 0.8125);
1127 c.lineTo(w * 0.9307, h * 0.925);
1128 c.lineTo(w * 0.8264, h);
1129 c.close();
1130 c.fillAndStroke();
1132 c.begin();
1133 c.moveTo(w * 0.8671, h);
1134 c.lineTo(w * 0.9464, h * 0.9491);
1135 c.lineTo(w, h * 0.975);
1136 c.lineTo(w, h);
1137 c.close();
1138 c.fillAndStroke();
1140 c.begin();
1141 c.moveTo(w * 0.2295, h);
1142 c.lineTo(w * 0.2648, h * 0.9792);
1143 c.lineTo(w * 0.2981, h);
1144 c.close();
1145 c.fillAndStroke();
1147 c.setStrokeWidth(1);
1148 c.setStrokeColor(strokeColor);
1149 c.begin();
1150 c.rect(0, 0, w, h);
1151 c.stroke();
1188 mxShapeMockupiButtonBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
1227 c.translate(x, y);
1229 …this.background(c, trueW, trueH, rSize, buttonNum, labelOffset, buttonNum * minButtonHeight, frame…
1230 c.setShadow(false);
1232 …this.foreground(c, trueW, trueH, rSize, buttonNum, labelOffset, buttonNum * minButtonHeight, frame…
1239 c.setFontColor(selectedFontColor);
1243 c.setFontColor(fontColor);
1248 this.buttonText(c, trueW, currHeight, textStrings[i], fontSize, separatorColor);
1252 mxShapeMockupiButtonBar.prototype.background = function(c, w, h, rSize, buttonNum, labelOffset, min… argument
1254 c.begin();
1255 c.setStrokeWidth(1);
1258 c.setStrokeColor(frameColor);
1259 c.setFillColor(bgColor);
1260 c.moveTo(0, rSize);
1261 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
1262 c.lineTo(w - rSize, 0);
1263 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
1264 c.lineTo(w, h - rSize);
1265 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
1266 c.lineTo(rSize, h);
1267 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
1268 c.close();
1269 c.fillAndStroke();
1272 mxShapeMockupiButtonBar.prototype.foreground = function(c, w, h, rSize, buttonNum, labelOffset, min… argument
1276 c.setStrokeWidth(strokeWidth);
1277 c.setStrokeColor(separatorColor);
1278 c.begin();
1286 c.moveTo(0, currHeight);
1287 c.lineTo(w, currHeight);
1291 c.stroke();
1294 c.setStrokeColor(mxConstants.NONE);
1299 c.begin();
1301 c.setGradient('#5D7585', '#008cff', 0, 0, w, buttonBottom, mxConstants.DIRECTION_SOUTH, 1, 1);
1302 c.moveTo(0, rSize);
1303 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
1304 c.lineTo(w - rSize, 0);
1305 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
1306 c.lineTo(w, buttonBottom);
1307 c.lineTo(0, buttonBottom);
1308 c.close();
1309 c.fill();
1314 c.begin();
1316 …c.setGradient('#5D7585', '#008cff', 0, buttonTop, w, h - buttonTop, mxConstants.DIRECTION_SOUTH, 1…
1317 c.moveTo(0, buttonTop);
1318 c.lineTo(w, buttonTop);
1319 c.lineTo(w, h - rSize);
1320 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
1321 c.lineTo(rSize, h);
1322 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
1323 c.close();
1324 c.fill();
1329 c.begin();
1332 …c.setGradient('#5D7585', '#008cff', 0, buttonTop, w, buttonBottom - buttonTop, mxConstants.DIRECTI…
1333 c.moveTo(0, buttonTop);
1334 c.lineTo(w, buttonTop);
1335 c.lineTo(w, buttonBottom);
1336 c.lineTo(0, buttonBottom);
1337 c.close();
1338 c.fill();
1342 c.begin();
1343 c.setStrokeColor(frameColor);
1344 c.setFillColor(bgColor);
1345 c.moveTo(0, rSize);
1346 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
1347 c.lineTo(w - rSize, 0);
1348 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
1349 c.lineTo(w, h - rSize);
1350 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
1351 c.lineTo(rSize, h);
1352 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
1353 c.close();
1354 c.stroke();
1357 mxShapeMockupiButtonBar.prototype.buttonText = function(c, w, h, textString, fontSize, separatorCol… argument
1364 c.setFontSize(fontSize);
1365 …c.text(10, h, 0, 0, textString, mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, 0, null, 0, 0, 0…
1368 c.setStrokeWidth(fontSize * 0.3);
1369 c.setStrokeColor(separatorColor);
1370 c.begin();
1371 c.moveTo(w - 20 - mSize, h - mSize);
1372 c.lineTo(w - 20, h);
1373 c.lineTo(w - 20 - mSize, h + mSize);
1374 c.stroke();
1404 mxShapeMockupiAppBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
1406 c.translate(x, y);
1407 this.background(c, x, y, w, h);
1408 c.setShadow(false);
1409 this.foreground(c, x, y, w, h);
1412 mxShapeMockupiAppBar.prototype.background = function(c, x, y, w, h) argument
1414 c.setGradient('#eeeeee', '#999999', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
1415 c.rect(0, 0, w, h);
1416 c.fill();
1419 mxShapeMockupiAppBar.prototype.foreground = function(c, x, y, w, h) argument
1421 c.setFillColor('#0099ff');
1422 c.rect(5, h * 0.5 + 1.75, 1.5, 2.5);
1423 c.fill();
1425 c.rect(7, h * 0.5 + 0.75, 1.5, 3.5);
1426 c.fill();
1428 c.rect(9, h * 0.5 - 0.25, 1.5, 4.5);
1429 c.fill();
1431 c.rect(11, h * 0.5 - 1.25, 1.5, 5.5);
1432 c.fill();
1434 c.rect(13, h * 0.5 - 2.25, 1.5, 6.5);
1435 c.fill();
1437 c.rect(15, h * 0.5 - 3.25, 1.5, 7.5);
1438 c.fill();
1440 c.setFillColor('#999999');
1441 c.ellipse(w - 56.5, h * 0.5 - 4, 8, 8);
1442 c.fill();
1444 c.setStrokeColor('#cccccc');
1445 c.begin();
1446 c.moveTo(w - 52.5, h * 0.5 - 3);
1447 c.lineTo(w - 52.5, h * 0.5);
1448 c.lineTo(w - 54.5, h * 0.5);
1449 c.stroke();
1451 c.setStrokeWidth(0.5);
1452 c.setStrokeColor('#333333');
1453 c.setFillColor('#990000');
1454 c.begin();
1455 c.moveTo(w - 45.5, h * 0.5);
1456 c.lineTo(w - 37.5, h * 0.5 - 5);
1457 c.lineTo(w - 41.5, h * 0.5 + 4);
1458 c.lineTo(w - 42, h * 0.5 + 0.5);
1459 c.close();
1460 c.fillAndStroke();
1462 c.setFillColor('#999999');
1463 c.setStrokeColor('#999999');
1464 c.begin();
1465 c.moveTo(w - 28.5, h * 0.5 + 3.5);
1466 c.arcTo(3.5, 3.5, 0, 1, 1, w - 26.5, h * 0.5 + 1);
1467 c.stroke();
1469 c.begin();
1470 c.moveTo(w - 27.25, h * 0.5 + 0.25);
1471 c.lineTo(w - 25.75, h * 0.5 + 0.25);
1472 c.lineTo(w - 26.5, h * 0.5 + 1.5);
1473 c.close();
1474 c.fillAndStroke();
1476 c.begin();
1477 c.moveTo(w - 31, h * 0.5 - 0.5);
1478 c.arcTo(1, 1.5, 0, 0, 1, w - 29, h * 0.5 - 0.5);
1479 c.stroke();
1481 c.rect(w - 31.5, h * 0.5 - 0.5, 3, 2);
1482 c.fillAndStroke();
1484 …c.setGradient('#eeeeee', '#444444', w - 20, h * 0.5 - 3, 16.5, 6, mxConstants.DIRECTION_NORTH, 1, …
1485 c.begin();
1486 c.moveTo(w - 20, h * 0.5 - 3);
1487 c.lineTo(w - 5, h * 0.5 - 3);
1488 c.lineTo(w - 5, h * 0.5 - 1);
1489 c.lineTo(w - 3.5, h * 0.5 - 1);
1490 c.lineTo(w - 3.5, h * 0.5 + 1);
1491 c.lineTo(w - 5, h * 0.5 + 1);
1492 c.lineTo(w - 5, h * 0.5 + 3);
1493 c.lineTo(w - 20, h * 0.5 + 3);
1494 c.close();
1495 c.fill();
1497 c.setGradient('#E2FFEB', '#008215', w - 20, h * 0.5 - 3, 10, 6, mxConstants.DIRECTION_SOUTH, 1, 1);
1498 c.begin();
1499 c.moveTo(w - 20, h * 0.5 - 3);
1500 c.lineTo(w - 10, h * 0.5 - 3);
1501 c.lineTo(w - 10, h * 0.5 + 3);
1502 c.lineTo(w - 20, h * 0.5 + 3);
1503 c.close();
1504 c.fill();
1506 c.setStrokeColor('#666666');
1507 c.begin();
1508 c.moveTo(w - 20, h * 0.5 - 3);
1509 c.lineTo(w - 5, h * 0.5 - 3);
1510 c.lineTo(w - 5, h * 0.5 - 1);
1511 c.lineTo(w - 3.5, h * 0.5 - 1);
1512 c.lineTo(w - 3.5, h * 0.5 + 1);
1513 c.lineTo(w - 5, h * 0.5 + 1);
1514 c.lineTo(w - 5, h * 0.5 + 3);
1515 c.lineTo(w - 20, h * 0.5 + 3);
1516 c.close();
1517 c.stroke();
1548 mxShapeMockupiTopBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
1550 c.translate(x, y);
1551 this.background(c, x, y, w, h);
1552 c.setShadow(false);
1553 this.foreground(c, x, y, w, h);
1556 mxShapeMockupiTopBar.prototype.background = function(c, x, y, w, h) argument
1558 c.setAlpha(0.5);
1559 c.setFillColor('#999999');
1560 c.rect(0, 0, w, h);
1561 c.fill();
1564 mxShapeMockupiTopBar.prototype.foreground = function(c, x, y, w, h) argument
1566 c.setFillColor('#cccccc');
1567 c.setStrokeColor('#cccccc');
1568 c.setFontColor('#cccccc');
1569 c.setFontSize(7.5);
1571 c.rect(5, h * 0.5 + 1.75, 1.5, 2.5);
1572 c.fill();
1574 c.rect(7, h * 0.5 + 0.75, 1.5, 3.5);
1575 c.fill();
1577 c.rect(9, h * 0.5 - 0.25, 1.5, 4.5);
1578 c.fill();
1580 c.rect(11, h * 0.5 - 1.25, 1.5, 5.5);
1581 c.fill();
1583 c.rect(13, h * 0.5 - 2.25, 1.5, 6.5);
1584 c.fill();
1586 c.rect(15, h * 0.5 - 3.25, 1.5, 7.5);
1587 c.fill();
1589 …c.text(18, h * 0.5, 0, 0, 'CARRIER', mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, 0, null, 0,…
1590 …c.text(w * 0.5, h * 0.5, 0, 0, '11:15AM', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
1592 c.begin();
1593 c.moveTo(w - 19, h * 0.5 - 2);
1594 c.lineTo(w - 10, h * 0.5 - 2);
1595 c.lineTo(w - 10, h * 0.5 + 2);
1596 c.lineTo(w - 19, h * 0.5 + 2);
1597 c.close();
1598 c.fill();
1600 c.begin();
1601 c.moveTo(w - 20, h * 0.5 - 3);
1602 c.lineTo(w - 5, h * 0.5 - 3);
1603 c.lineTo(w - 5, h * 0.5 - 1);
1604 c.lineTo(w - 3.5, h * 0.5 - 1);
1605 c.lineTo(w - 3.5, h * 0.5 + 1);
1606 c.lineTo(w - 5, h * 0.5 + 1);
1607 c.lineTo(w - 5, h * 0.5 + 3);
1608 c.lineTo(w - 20, h * 0.5 + 3);
1609 c.close();
1610 c.stroke();
1645 mxShapeMockupiTopBar2.prototype.paintVertexShape = function(c, x, y, w, h) argument
1647 c.translate(x, y);
1648 this.background(c, x, y, w, h);
1649 c.setShadow(false);
1650 this.foreground(c, x, y, w, h);
1652 mxShapeMockupiTopBar2.prototype.background = function(c, x, y, w, h) argument
1654 c.rect(0, 0, w, h);
1655 c.fill();
1658 mxShapeMockupiTopBar2.prototype.foreground = function(c, x, y, w, h) argument
1661 c.setFillColor(strokeColor);
1662 c.setStrokeColor(strokeColor);
1664 c.rect(5, h * 0.5 + 1.75, 1.5, 2.5);
1665 c.fill();
1667 c.rect(7, h * 0.5 + 0.75, 1.5, 3.5);
1668 c.fill();
1670 c.rect(9, h * 0.5 - 0.25, 1.5, 4.5);
1671 c.fill();
1673 c.rect(11, h * 0.5 - 1.25, 1.5, 5.5);
1674 c.fill();
1676 c.rect(13, h * 0.5 - 2.25, 1.5, 6.5);
1677 c.fill();
1679 c.rect(15, h * 0.5 - 3.25, 1.5, 7.5);
1680 c.fill();
1682 c.begin();
1683 c.moveTo(w - 19, h * 0.5 - 2);
1684 c.lineTo(w - 10, h * 0.5 - 2);
1685 c.lineTo(w - 10, h * 0.5 + 2);
1686 c.lineTo(w - 19, h * 0.5 + 2);
1687 c.close();
1688 c.fill();
1690 c.begin();
1691 c.moveTo(w - 20, h * 0.5 - 3);
1692 c.lineTo(w - 5, h * 0.5 - 3);
1693 c.lineTo(w - 5, h * 0.5 - 1);
1694 c.lineTo(w - 3.5, h * 0.5 - 1);
1695 c.lineTo(w - 3.5, h * 0.5 + 1);
1696 c.lineTo(w - 5, h * 0.5 + 1);
1697 c.lineTo(w - 5, h * 0.5 + 3);
1698 c.lineTo(w - 20, h * 0.5 + 3);
1699 c.close();
1700 c.stroke();
1730 mxShapeMockupiTopBarLocked.prototype.paintVertexShape = function(c, x, y, w, h) argument
1732 c.translate(x, y);
1733 this.background(c, x, y, w, h);
1734 c.setShadow(false);
1735 this.foreground(c, x, y, w, h);
1738 mxShapeMockupiTopBarLocked.prototype.background = function(c, x, y, w, h) argument
1740 c.setFillColor('#000000');
1741 c.rect(0, 0, w, h);
1742 c.fill();
1745 mxShapeMockupiTopBarLocked.prototype.foreground = function(c, x, y, w, h) argument
1747 c.setFillColor('#cccccc');
1748 c.setStrokeColor('#cccccc');
1750 c.rect(5, h * 0.5 + 1.75, 1.5, 2.5);
1751 c.fill();
1753 c.rect(7, h * 0.5 + 0.75, 1.5, 3.5);
1754 c.fill();
1756 c.rect(9, h * 0.5 - 0.25, 1.5, 4.5);
1757 c.fill();
1759 c.rect(11, h * 0.5 - 1.25, 1.5, 5.5);
1760 c.fill();
1762 c.rect(13, h * 0.5 - 2.25, 1.5, 6.5);
1763 c.fill();
1765 c.rect(15, h * 0.5 - 3.25, 1.5, 7.5);
1766 c.fill();
1768 c.begin();
1769 c.moveTo(w * 0.5 - 2, h * 0.5 - 1);
1770 c.arcTo(2, 3, 0, 0, 1, w * 0.5 + 2, h * 0.5 - 1);
1771 c.stroke();
1773 c.rect(w * 0.5 - 3, h * 0.5 - 1, 6, 4);
1774 c.fillAndStroke();
1777 c.begin();
1778 c.moveTo(w - 19, h * 0.5 - 2);
1779 c.lineTo(w - 10, h * 0.5 - 2);
1780 c.lineTo(w - 10, h * 0.5 + 2);
1781 c.lineTo(w - 19, h * 0.5 + 2);
1782 c.close();
1783 c.fill();
1785 c.begin();
1786 c.moveTo(w - 20, h * 0.5 - 3);
1787 c.lineTo(w - 5, h * 0.5 - 3);
1788 c.lineTo(w - 5, h * 0.5 - 1);
1789 c.lineTo(w - 3.5, h * 0.5 - 1);
1790 c.lineTo(w - 3.5, h * 0.5 + 1);
1791 c.lineTo(w - 5, h * 0.5 + 1);
1792 c.lineTo(w - 5, h * 0.5 + 3);
1793 c.lineTo(w - 20, h * 0.5 + 3);
1794 c.close();
1795 c.stroke();
1826 mxShapeMockupiButton.prototype.paintVertexShape = function(c, x, y, w, h) argument
1831 c.translate(x, y);
1832 this.background(c, x, y, w, h);
1833 c.setShadow(false);
1834 this.mainText(c, x, y, w, h, mainText, fontSize, fontColor);
1837 mxShapeMockupiButton.prototype.background = function(c, x, y, w, h) argument
1841 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
1843 c.roundrect(0, 0, w, h, 2.5, 2.5);
1844 c.fill();
1847 mxShapeMockupiButton.prototype.mainText = function(c, x, y, w, h, text, fontSize, fontColor) argument
1849 c.begin();
1850 c.setFontSize(fontSize);
1851 c.setFontColor(fontColor);
1852 …c.text(w / 2, h / 2, 0, 0, text, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null, 0, 0…
1882 mxShapeMockupiButtonBack.prototype.paintVertexShape = function(c, x, y, w, h) argument
1887 c.translate(x, y);
1888 this.background(c, x, y, w, h);
1889 c.setShadow(false);
1890 this.mainText(c, x, y, w, h, mainText, fontSize, fontColor);
1893 mxShapeMockupiButtonBack.prototype.background = function(c, x, y, w, h) argument
1897 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
1900 c.begin();
1901 c.moveTo(w, rSize);
1902 c.arcTo(rSize, rSize, 0, 0, 0, w - rSize, 0);
1903 c.lineTo(10, 0);
1904 c.lineTo(0.87, h * 0.5 - 0.75);
1905 c.arcTo(rSize, rSize, 0, 0, 0, 0.87, h * 0.5 + 0.75);
1906 c.lineTo(10, h);
1907 c.lineTo(w - rSize, h);
1908 c.arcTo(rSize, rSize, 0, 0, 0, w, h - rSize);
1909 c.close();
1910 c.fill();
1913 mxShapeMockupiButtonBack.prototype.mainText = function(c, x, y, w, h, text, fontSize, fontColor) argument
1915 c.begin();
1916 c.setFontSize(fontSize);
1917 c.setFontColor(fontColor);
1918 …c.text(w * 0.5 + 2.5, h * 0.5, 0, 0, text, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
1948 mxShapeMockupiButtonForward.prototype.paintVertexShape = function(c, x, y, w, h) argument
1953 c.translate(x, y);
1954 this.background(c, x, y, w, h);
1955 c.setShadow(false);
1956 this.mainText(c, x, y, w, h, mainText, fontSize, fontColor);
1959 mxShapeMockupiButtonForward.prototype.background = function(c, x, y, w, h) argument
1963 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
1966 c.begin();
1967 c.moveTo(0, rSize);
1968 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
1969 c.lineTo(w - 10, 0);
1970 c.lineTo(w - 0.87, h * 0.5 - 0.75);
1971 c.arcTo(rSize, rSize, 0, 0, 1, w - 0.87, h * 0.5 + 0.75);
1972 c.lineTo(w - 10, h);
1973 c.lineTo(rSize, h);
1974 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
1975 c.close();
1976 c.fill();
1979 mxShapeMockupiButtonForward.prototype.mainText = function(c, x, y, w, h, text, fontSize, fontColor) argument
1981 c.begin();
1982 c.setFontSize(fontSize);
1983 c.setFontColor(fontColor);
1984 …c.text(w * 0.5 - 2.5, h * 0.5, 0, 0, text, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
2014 mxShapeMockupiPrevNextButton.prototype.paintVertexShape = function(c, x, y, w, h) argument
2016 c.translate(x, y);
2017 this.background(c, x, y, w, h);
2018 c.setShadow(false);
2019 this.foreground(c, x, y, w, h);
2022 mxShapeMockupiPrevNextButton.prototype.background = function(c, x, y, w, h) argument
2026 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2029 c.roundrect(0, 0, w, h, rSize, rSize);
2030 c.fill();
2032 c.begin();
2033 c.moveTo(w * 0.5, 0);
2034 c.lineTo(w * 0.5, h);
2035 c.stroke();
2038 mxShapeMockupiPrevNextButton.prototype.foreground = function(c, x, y, w, h) argument
2041 c.setFillColor(fillColor3);
2043 c.begin();
2044 c.moveTo(w * 0.25, h * 0.25);
2045 c.lineTo(w * 0.35, h * 0.75);
2046 c.lineTo(w * 0.15, h * 0.75);
2047 c.close();
2048 c.fill();
2050 c.begin();
2051 c.moveTo(w * 0.75, h * 0.75);
2052 c.lineTo(w * 0.85, h * 0.25);
2053 c.lineTo(w * 0.65, h * 0.25);
2054 c.close();
2055 c.fill();
2085 mxShapeMockupiTextInput.prototype.paintVertexShape = function(c, x, y, w, h) argument
2090 c.translate(x, y);
2091 this.background(c, x, y, w, h);
2092 c.setShadow(false);
2093 this.mainText(c, x, y, w, h, mainText, fontSize, fontColor);
2096 mxShapeMockupiTextInput.prototype.background = function(c, x, y, w, h) argument
2098 c.roundrect(0, 0, w, h, 2.5, 2.5);
2099 c.fillAndStroke();
2102 mxShapeMockupiTextInput.prototype.mainText = function(c, x, y, w, h, text, fontSize, fontColor) argument
2104 c.begin();
2105 c.setFontSize(fontSize);
2106 c.setFontColor(fontColor);
2107 c.text(2, h * 0.5, 0, 0, text, mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, 0, null, 0, 0, 0);
2137 mxShapeMockupiRadioGroup.prototype.paintVertexShape = function(c, x, y, w, h) argument
2139 c.translate(x, y);
2176 c.roundrect(0, 0, trueW, trueH, 2.5, 2.5);
2177 c.fillAndStroke();
2178 c.setShadow(false);
2180 c.setFontSize(fontSize);
2181 c.setFontColor(fontColor);
2195 …c.text(buttonSize * 2 + labelOffset, currHeight, 0, 0, currText, mxConstants.ALIGN_LEFT, mxConstan…
2199 c.setFillColor('#dddddd');
2200 c.setStrokeColor('#000000');
2204 …c.setGradient('#aaaaaa', '#666666', iconX, iconY, buttonSize, buttonSize, mxConstants.DIRECTION_SO…
2205 c.ellipse(iconX, iconY, buttonSize, buttonSize);
2206 c.fillAndStroke();
2207 c.setFillColor('#333333');
2208 c.setStrokeColor('#333333');
2209 …c.ellipse(iconX + buttonSize * 0.25, iconY + buttonSize * 0.25, buttonSize * 0.5, buttonSize * 0.5…
2210 c.fillAndStroke();
2214 …c.setGradient('#eeeeee', '#cccccc', iconX, iconY, buttonSize, buttonSize, mxConstants.DIRECTION_SO…
2215 c.ellipse(iconX, iconY, buttonSize, buttonSize);
2216 c.fillAndStroke();
2248 mxShapeMockupiCheckboxGroup.prototype.paintVertexShape = function(c, x, y, w, h) argument
2250 c.translate(x, y);
2287 c.roundrect(0, 0, trueW, trueH, 2.5, 2.5);
2288 c.fillAndStroke();
2289 c.setShadow(false);
2291 c.setFontSize(fontSize);
2292 c.setFontColor(fontColor);
2306 …c.text(buttonSize * 2 + labelOffset, currHeight, 0, 0, currText, mxConstants.ALIGN_LEFT, mxConstan…
2310 c.setFillColor('#dddddd');
2311 c.setStrokeColor('#000000');
2315 …c.setGradient('#aaaaaa', '#666666', iconX, iconY, buttonSize, buttonSize, mxConstants.DIRECTION_SO…
2316 c.rect(iconX, iconY, buttonSize, buttonSize);
2317 c.fillAndStroke();
2318 c.setStrokeColor('#333333');
2319 c.begin();
2320 c.moveTo(iconX + buttonSize * 0.25, iconY + buttonSize * 0.5);
2321 c.lineTo(iconX + buttonSize * 0.5, iconY + buttonSize * 0.75);
2322 c.lineTo(iconX + buttonSize * 0.75, iconY + buttonSize * 0.25);
2323 c.stroke();
2327 …c.setGradient('#eeeeee', '#cccccc', iconX, iconY, buttonSize, buttonSize, mxConstants.DIRECTION_SO…
2328 c.rect(iconX, iconY, buttonSize, buttonSize);
2329 c.fillAndStroke();
2363 mxShapeMockupiComboBox.prototype.paintVertexShape = function(c, x, y, w, h) argument
2368 c.translate(x, y);
2369 this.background(c, x, y, w, h);
2370 c.setShadow(false);
2371 this.foreground(c, x, y, w, h);
2372 this.mainText(c, x, y, w, h, mainText, fontSize, fontColor);
2375 mxShapeMockupiComboBox.prototype.background = function(c, x, y, w, h) argument
2377 c.setFillColor('#ffffff');
2378 c.roundrect(0, 0, w, h, 2.5, 2.5);
2379 c.fillAndStroke();
2382 mxShapeMockupiComboBox.prototype.foreground = function(c, x, y, w, h) argument
2386 c.setGradient(fillColor, fillColor2, w - 30, 0, 30, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2387 c.begin();
2388 c.moveTo(w - 15, 0);
2389 c.lineTo(w - 2.5, 0);
2390 c.arcTo(2.5, 2.5, 0, 0, 1, w, 2.5);
2391 c.lineTo(w, h - 2.5);
2392 c.arcTo(2.5, 2.5, 0, 0, 1, w - 2.5, h);
2393 c.lineTo(w - 15, h);
2394 c.close();
2395 c.fillAndStroke();
2397 c.setFillColor('#ffffff');
2398 c.begin();
2399 c.moveTo(w - 11, 5);
2400 c.lineTo(w - 7.5, 10);
2401 c.lineTo(w - 4, 5);
2402 c.fill();
2405 mxShapeMockupiComboBox.prototype.mainText = function(c, x, y, w, h, text, fontSize, fontColor) argument
2407 c.begin();
2408 c.setFontSize(fontSize);
2409 c.setFontColor(fontColor);
2410 …c.text(2.5, h * 0.5, 0, 0, text, mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, 0, null, 0, 0, …
2445 mxShapeMockupiOnOffButton.prototype.paintVertexShape = function(c, x, y, w, h) argument
2447 c.translate(x, y);
2450 this.background(c, x, y, w, h, state);
2451 c.setShadow(false);
2452 this.foreground(c, x, y, w, h, state);
2453 this.mainText(c, x, y, w, h, state);
2456 mxShapeMockupiOnOffButton.prototype.background = function(c, x, y, w, h, state) argument
2460 c.setGradient('#E2FFEB', '#008215', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2461 c.roundrect(0, 0, w, h, h * 0.5, h * 0.5);
2462 c.fillAndStroke();
2466 c.setGradient('#cc9999', '#881100', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2467 c.roundrect(0, 0, w, h, h * 0.5, h * 0.5);
2468 c.fillAndStroke();
2472 mxShapeMockupiOnOffButton.prototype.foreground = function(c, x, y, w, h, state) argument
2476 c.setGradient('#ffffff', '#888888', w - h, 0, h, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2477 c.ellipse(w - h, 0, h, h);
2478 c.fillAndStroke();
2482 c.setGradient('#ffffff', '#888888', 0, 0, h, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2483 c.ellipse(0, 0, h, h);
2484 c.fillAndStroke();
2488 mxShapeMockupiOnOffButton.prototype.mainText = function(c, x, y, w, h, state) argument
2491 c.setFontColor('#ffffff');
2492 c.setFontSize(8.5);
2498 …c.text(w * 0.5 - h * 0.4, h * 0.5, 0, 0, mainText || 'ON', mxConstants.ALIGN_CENTER, mxConstants.A…
2502 …c.text(w * 0.5 + h * 0.4, h * 0.5, 0, 0, mainText || 'OFF', mxConstants.ALIGN_CENTER, mxConstants.…
2534 mxShapeMockupiAlertBox.prototype.paintVertexShape = function(c, x, y, w, h) argument
2538 c.translate(x, y);
2540 this.background(c, x, y, w, h, rSize);
2541 c.setShadow(false);
2542 this.foreground(c, x, y, w, h, rSize);
2545 mxShapeMockupiAlertBox.prototype.background = function(c, x, y, w, h, rSize) argument
2547 c.setGradient('#497198', '#193168', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2548 c.setAlpha(0.8);
2549 c.setStrokeWidth(1);
2550 c.roundrect(0, 0, w, h, rSize, rSize);
2551 c.fillAndStroke();
2554 mxShapeMockupiAlertBox.prototype.foreground = function(c, x, y, w, h, rSize) argument
2558 c.setStrokeColor('#497198');
2559 c.setGradient('#497198', '#c5cee1', 0, 0, w, 22.5, mxConstants.DIRECTION_SOUTH, 1, 1);
2560 c.setAlpha(0.5);
2561 c.begin();
2562 c.moveTo(w - rSize, 0);
2563 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
2564 c.lineTo(w, 17.5);
2565 c.arcTo(w * 1.67, h * 2.5, 0, 0, 1, 0, 17.5);
2566 c.lineTo(0, rSize);
2567 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
2568 c.close();
2569 c.fillAndStroke();
2571 c.setAlpha(0.8);
2572 c.setStrokeColor('#ffffff');
2573 c.setStrokeWidth(1);
2574 c.roundrect(0, 0, w, h, rSize, rSize);
2575 c.stroke();
2577 c.setGradient('#497198', '#c5cee1', 5, h - 50, w - 20, 20, mxConstants.DIRECTION_SOUTH, 1, 1);
2578 c.roundrect(5, h - 25, w - 10, 20, 2.5, 2.5);
2579 c.fillAndStroke();
2581 c.setAlpha(0.9);
2582 c.setFontSize(9.5);
2583 c.setFontColor('#ffffff');
2584 …c.text(w * 0.5, h * 0.15, 0, 0, mainText[0], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
2586 c.setFontSize(8);
2587 …c.text(w * 0.5, h * 0.4, 0, 0, mainText[2], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0,…
2588 …c.text(w * 0.5, h * 0.55, 0, 0, mainText[3], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
2590 c.setFontSize(8.5);
2591 …c.text(w * 0.5, h - 15, 0, 0, mainText[1], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
2621 mxShapeMockupiDialogBox.prototype.paintVertexShape = function(c, x, y, w, h) argument
2625 c.translate(x, y);
2627 this.background(c, x, y, w, h, rSize);
2628 c.setShadow(false);
2629 this.foreground(c, x, y, w, h, rSize);
2632 mxShapeMockupiDialogBox.prototype.background = function(c, x, y, w, h, rSize) argument
2634 c.setGradient('#497198', '#193168', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2635 c.setAlpha(0.8);
2636 c.setStrokeWidth(1);
2637 c.roundrect(0, 0, w, h, rSize, rSize);
2638 c.fillAndStroke();
2641 mxShapeMockupiDialogBox.prototype.foreground = function(c, x, y, w, h, rSize) argument
2645 c.setStrokeColor('#497198');
2646 c.setGradient('#497198', '#c5cee1', 0, 0, w, 22.5, mxConstants.DIRECTION_SOUTH, 1, 1);
2647 c.setAlpha(0.5);
2648 c.begin();
2649 c.moveTo(w - rSize, 0);
2650 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
2651 c.lineTo(w, 17.5);
2652 c.arcTo(w * 1.67, h * 2.5, 0, 0, 1, 0, 17.5);
2653 c.lineTo(0, rSize);
2654 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
2655 c.close();
2656 c.fillAndStroke();
2658 c.setAlpha(0.8);
2659 c.setStrokeColor('#ffffff');
2660 c.setStrokeWidth(1);
2661 c.roundrect(0, 0, w, h, rSize, rSize);
2662 c.stroke();
2664 …c.setGradient('#497198', '#c5cee1', 5, h - 25, w * 0.5 - 10, 20, mxConstants.DIRECTION_SOUTH, 1, 1…
2665 c.roundrect(5, h - 25, w * 0.5 - 10, 20, 2.5, 2.5);
2666 c.fillAndStroke();
2668 c.roundrect(w * 0.5 + 2.5, h - 25, w * 0.5 - 10, 20, 2.5, 2.5);
2669 c.fillAndStroke();
2671 c.setAlpha(0.9);
2672 c.setFontSize(9.5);
2673 c.setFontColor('#ffffff');
2674 …c.text(w * 0.5, h * 0.15, 0, 0, mainText[0], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
2676 c.setFontSize(8);
2677 …c.text(w * 0.5, h * 0.4, 0, 0, mainText[3], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0,…
2678 …c.text(w * 0.5, h * 0.55, 0, 0, mainText[4], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
2680 c.setFontSize(8.5);
2681 …c.text(w * 0.25, h - 15, 0, 0, mainText[1], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0,…
2682 …c.text(w * 0.75, h - 15, 0, 0, mainText[2], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0,…
2712 mxShapeMockupiLockButton.prototype.paintVertexShape = function(c, x, y, w, h) argument
2714 c.translate(x, y);
2715 c.setShadow(false);
2717 c.setAlpha(0.7);
2718 c.setGradient('#4A4F56', '#70757B', 0, 0, w, h, mxConstants.DIRECTION_NORTH, 1, 1);
2719 c.rect(0, 0, w, h);
2720 c.fill();
2722 c.setAlpha(0.8);
2723 c.setGradient('#18232D', '#1F2933', 10, 10, 154, 30, mxConstants.DIRECTION_NORTH, 1, 1);
2724 c.roundrect(10, h * 0.5 - 15, w - 20, 30, 7.5, 7.5);
2725 c.fill();
2727 c.setAlpha(1);
2728 c.setGradient('#E9F3FD', '#ADB7C1', 12.5, 12.5, 40, 25, mxConstants.DIRECTION_SOUTH, 1, 1);
2729 c.roundrect(12.5, h * 0.5 - 12.5, 40, 25, 5, 5);
2730 c.fill();
2732 c.setAlpha(0.8);
2733 c.setStrokeWidth(0.5);
2734 c.setStrokeColor('#aabbbb');
2735 c.setGradient('#AEB7C1', '#667079', 20, 17.5, 25, 15, mxConstants.DIRECTION_SOUTH, 1, 1);
2736 c.begin();
2737 c.moveTo(20, h * 0.5 - 3.5);
2738 c.lineTo(35, h * 0.5 - 3.5);
2739 c.lineTo(35, h * 0.5 - 7.5);
2740 c.lineTo(45, h * 0.5);
2741 c.lineTo(35, h * 0.5 + 7.5);
2742 c.lineTo(35, h * 0.5 + 3.5);
2743 c.lineTo(20, h * 0.5 + 3.5);
2744 c.close();
2745 c.fillAndStroke();
2751 c.setFontSize(12.5);
2752 c.setFontColor('#cccccc');
2753 …c.text(w / 2 + 20.5, h / 2, 0, 0, 'slide to unlock', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_M…
2784 mxShapeMockupiArrowIcon.prototype.paintVertexShape = function(c, x, y, w, h) argument
2788 c.translate(x, y);
2789 this.background(c, x, y, w, h, strokeColor);
2790 c.setShadow(false);
2791 this.foreground(c, x, y, w, h, strokeColor);
2794 mxShapeMockupiArrowIcon.prototype.background = function(c, x, y, w, h, strokeColor) argument
2798 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2800 c.setStrokeWidth(1.5);
2801 c.setStrokeColor(strokeColor);
2802 c.ellipse(0, 0, w, h);
2803 c.fillAndStroke();
2806 mxShapeMockupiArrowIcon.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
2808 c.setStrokeWidth(2.5);
2809 c.begin();
2810 c.moveTo(w * 0.4, h * 0.22);
2811 c.lineTo(w * 0.65, h * 0.5);
2812 c.lineTo(w * 0.4, h * 0.78);
2813 c.stroke();
2843 mxShapeMockupiDeleteIcon.prototype.paintVertexShape = function(c, x, y, w, h) argument
2847 c.translate(x, y);
2848 this.background(c, x, y, w, h, strokeColor);
2849 c.setShadow(false);
2850 this.foreground(c, x, y, w, h, strokeColor);
2853 mxShapeMockupiDeleteIcon.prototype.background = function(c, x, y, w, h, strokeColor) argument
2857 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2859 c.setStrokeWidth(1.5);
2860 c.setStrokeColor(strokeColor);
2861 c.ellipse(0, 0, w, h);
2862 c.fillAndStroke();
2865 mxShapeMockupiDeleteIcon.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
2867 c.setStrokeWidth(2.5);
2868 c.begin();
2869 c.moveTo(w * 0.25, h * 0.5);
2870 c.lineTo(w * 0.75, h * 0.5);
2871 c.stroke();
2901 mxShapeMockupiAddIcon.prototype.paintVertexShape = function(c, x, y, w, h) argument
2906 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2907 c.setStrokeColor(strokeColor);
2910 c.translate(x, y);
2911 this.background(c, x, y, w, h, strokeColor);
2912 c.setShadow(false);
2913 this.foreground(c, x, y, w, h, strokeColor);
2916 mxShapeMockupiAddIcon.prototype.background = function(c, x, y, w, h, strokeColor) argument
2918 c.setStrokeWidth(1.5);
2919 c.ellipse(0, 0, w, h);
2920 c.fillAndStroke();
2923 mxShapeMockupiAddIcon.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
2925 c.setStrokeWidth(2.5);
2926 c.begin();
2927 c.moveTo(w * 0.25, h * 0.5);
2928 c.lineTo(w * 0.75, h * 0.5);
2929 c.moveTo(w * 0.5, h * 0.25);
2930 c.lineTo(w * 0.5, h * 0.75);
2931 c.stroke();
2961 mxShapeMockupiInfoIcon.prototype.paintVertexShape = function(c, x, y, w, h) argument
2965 c.translate(x, y);
2966 this.background(c, x, y, w, h, strokeColor);
2967 c.setShadow(false);
2968 this.foreground(c, x, y, w, h, strokeColor);
2971 mxShapeMockupiInfoIcon.prototype.background = function(c, x, y, w, h, strokeColor) argument
2975 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
2977 c.setStrokeWidth(1.5);
2978 c.setStrokeColor(strokeColor);
2979 c.ellipse(0, 0, w, h);
2980 c.fillAndStroke();
2983 mxShapeMockupiInfoIcon.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
2985 c.setStrokeWidth(2.5);
2986 c.begin();
2987 c.setFillColor('#ffffff');
2988 c.moveTo(w * 0.47, h * 0.334);
2989 c.arcTo(w * 0.1, h * 0.15, 60, 0, 1, w * 0.61, h * 0.42);
2990 c.lineTo(w * 0.51, h * 0.7);
2991 c.arcTo(w * 0.026, h * 0.03, 30, 0, 0, w * 0.54, h * 0.74);
2992 c.lineTo(w * 0.608, h * 0.684);
2993 c.arcTo(w * 0.02, h * 0.015, 0, 0, 1, w * 0.638, h * 0.706);
2994 c.arcTo(w * 0.45, h * 0.45, 0, 0, 1, w * 0.42, h * 0.865);
2995 c.arcTo(w * 0.1, h * 0.08, -15, 0, 1, w * 0.325, h * 0.77);
2996 c.lineTo(w * 0.358, h * 0.66);
2997 c.lineTo(w * 0.435, h * 0.46);
2998 c.arcTo(w * 0.023, h * 0.03, 0, 0, 0, w * 0.4, h * 0.43);
2999 c.lineTo(w * 0.338, h * 0.484);
3000 c.arcTo(w * 0.01, h * 0.015, 45, 0, 1, w * 0.31, h * 0.47);
3001 c.arcTo(w * 0.3, h * 0.3, 0, 0, 1, w * 0.47, h * 0.334);
3002 c.fill();
3004 c.begin();
3005 c.moveTo(w * 0.5438, h * 0.141);
3006 c.arcTo(w * 0.0776, h * 0.0898, 40, 0, 1, w * 0.6671, h * 0.2308);
3007 c.arcTo(w * 0.0776, h * 0.0898, 40, 0, 1, w * 0.5438, h * 0.141);
3008 c.close();
3009 c.fill();
3040 mxShapeMockupiSortFindIcon.prototype.paintVertexShape = function(c, x, y, w, h) argument
3044 c.translate(x, y);
3045 this.background(c, x, y, w, h, strokeColor);
3046 c.setShadow(false);
3047 this.foreground(c, x, y, w, h, strokeColor);
3050 mxShapeMockupiSortFindIcon.prototype.background = function(c, x, y, w, h, strokeColor) argument
3054 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3056 c.setStrokeWidth(1.5);
3057 c.setStrokeColor(strokeColor);
3058 c.roundrect(0, 0, w, h, w * 0.1, h * 0.1);
3059 c.fillAndStroke();
3062 mxShapeMockupiSortFindIcon.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
3064 c.setStrokeWidth((Math.min(h, w)) / 20);
3065 c.begin();
3066 c.setFillColor('#ffffff');
3067 c.moveTo(w * 0.1, h * 0.25);
3068 c.lineTo(w * 0.9, h * 0.25);
3069 c.moveTo(w * 0.1, h * 0.4);
3070 c.lineTo(w * 0.9, h * 0.4);
3071 c.moveTo(w * 0.1, h * 0.55);
3072 c.lineTo(w * 0.6, h * 0.55);
3073 c.moveTo(w * 0.1, h * 0.7);
3074 c.lineTo(w * 0.5, h * 0.7);
3075 c.stroke();
3077 c.begin();
3078 c.ellipse(w * 0.6, h * 0.6, w * 0.2, h * 0.2);
3079 c.stroke();
3081 c.begin();
3082 c.moveTo(w * 0.77, h * 0.77);
3083 c.lineTo(w * 0.85, h * 0.85);
3084 c.stroke();
3114 mxShapeMockupiCheckIcon.prototype.paintVertexShape = function(c, x, y, w, h) argument
3118 c.translate(x, y);
3119 this.background(c, x, y, w, h, strokeColor);
3120 c.setShadow(false);
3121 this.foreground(c, x, y, w, h, strokeColor);
3124 mxShapeMockupiCheckIcon.prototype.background = function(c, x, y, w, h, strokeColor) argument
3128 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3130 c.setStrokeWidth(1.5);
3131 c.setStrokeColor(strokeColor);
3132 c.ellipse(0, 0, w, h);
3133 c.fillAndStroke();
3136 mxShapeMockupiCheckIcon.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
3138 c.setStrokeWidth(2.5);
3139 c.begin();
3140 c.moveTo(w * 0.25, h * 0.5);
3141 c.lineTo(w * 0.5, h * 0.65);
3142 c.lineTo(w * 0.75, h * 0.25);
3143 c.stroke();
3173 mxShapeMockupiKeybLetters.prototype.paintVertexShape = function(c, x, y, w, h) argument
3175 c.translate(x, y);
3176 this.background(c, x, y, w, h);
3177 c.setShadow(true);
3178 this.foreground(c, x, y, w, h);
3181 mxShapeMockupiKeybLetters.prototype.background = function(c, x, y, w, h) argument
3183 c.setGradient('#8A97A7', '#425163', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3185 c.rect(0, 0, w, h);
3186 c.fill();
3189 mxShapeMockupiKeybLetters.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
3191 …c.setGradient('#EEF3F9', '#DBE2E9', w * 0.0086, h * 0.03, w * 0.0776, h * 0.19, mxConstants.DIRECT…
3194 c.setFontSize(10.5);
3195 c.setFontColor('#000000');
3197 c.roundrect(w * 0.0086, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3198 c.fill();
3199 …c.text(w * 0.0474, h * 0.125, 0, 0, 'Q', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3201 c.roundrect(w * 0.1092, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3202 c.fill();
3203 …c.text(w * 0.148, h * 0.125, 0, 0, 'W', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3205 c.roundrect(w * 0.2098, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3206 c.fill();
3207 …c.text(w * 0.2486, h * 0.125, 0, 0, 'E', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3209 c.roundrect(w * 0.3103, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3210 c.fill();
3211 …c.text(w * 0.3491, h * 0.125, 0, 0, 'R', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3213 c.roundrect(w * 0.4109, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3214 c.fill();
3215 …c.text(w * 0.4497, h * 0.125, 0, 0, 'T', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3217 c.roundrect(w * 0.5115, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3218 c.fill();
3219 …c.text(w * 0.5503, h * 0.125, 0, 0, 'Y', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3221 c.roundrect(w * 0.6121, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3222 c.fill();
3223 …c.text(w * 0.6509, h * 0.125, 0, 0, 'U', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3225 c.roundrect(w * 0.7126, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3226 c.fill();
3227 …c.text(w * 0.7514, h * 0.125, 0, 0, 'I', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3229 c.roundrect(w * 0.8132, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3230 c.fill();
3231 …c.text(w * 0.852, h * 0.125, 0, 0, 'O', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3233 c.roundrect(w * 0.9138, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3234 c.fill();
3235 …c.text(w * 0.9526, h * 0.125, 0, 0, 'P', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3237 c.roundrect(w * 0.0632, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3238 c.fill();
3239 …c.text(w * 0.102, h * 0.375, 0, 0, 'A', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3241 c.roundrect(w * 0.1638, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3242 c.fill();
3243 …c.text(w * 0.2026, h * 0.375, 0, 0, 'S', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3245 c.roundrect(w * 0.2644, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3246 c.fill();
3247 …c.text(w * 0.3032, h * 0.375, 0, 0, 'D', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3249 c.roundrect(w * 0.3649, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3250 c.fill();
3251 …c.text(w * 0.4037, h * 0.375, 0, 0, 'F', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3253 c.roundrect(w * 0.4655, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3254 c.fill();
3255 …c.text(w * 0.5043, h * 0.375, 0, 0, 'G', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3257 c.roundrect(w * 0.5661, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3258 c.fill();
3259 …c.text(w * 0.6049, h * 0.375, 0, 0, 'H', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3261 c.roundrect(w * 0.6667, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3262 c.fill();
3263 …c.text(w * 0.7055, h * 0.375, 0, 0, 'J', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3265 c.roundrect(w * 0.7672, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3266 c.fill();
3267 …c.text(w * 0.806, h * 0.375, 0, 0, 'K', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3269 c.roundrect(w * 0.8678, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3270 c.fill();
3271 …c.text(w * 0.9066, h * 0.375, 0, 0, 'L', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3274 c.roundrect(w * 0.1638, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3275 c.fill();
3276 …c.text(w * 0.2026, h * 0.625, 0, 0, 'Z', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3278 c.roundrect(w * 0.2644, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3279 c.fill();
3280 …c.text(w * 0.3032, h * 0.625, 0, 0, 'X', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3282 c.roundrect(w * 0.3649, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3283 c.fill();
3284 …c.text(w * 0.4037, h * 0.625, 0, 0, 'C', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3286 c.roundrect(w * 0.4655, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3287 c.fill();
3288 …c.text(w * 0.5043, h * 0.625, 0, 0, 'V', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3290 c.roundrect(w * 0.5661, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3291 c.fill();
3292 …c.text(w * 0.6049, h * 0.625, 0, 0, 'B', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3294 c.roundrect(w * 0.6667, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3295 c.fill();
3296 …c.text(w * 0.7055, h * 0.625, 0, 0, 'N', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3298 c.roundrect(w * 0.7672, h * 0.53, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3299 c.fill();
3300 …c.text(w * 0.806, h * 0.625, 0, 0, 'M', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3303 c.roundrect(w * 0.2644, h * 0.78, w * 0.4799, h * 0.19, rSizeX, rSizeY);
3304 c.fill();
3305 c.setFontColor('#666666');
3306 …c.text(w * 0.5043, h * 0.875, 0, 0, 'space', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
3308 c.setFontColor('#ffffff');
3310 …c.setGradient('#8B98A8', '#677488', w * 0.0115, h * 0.53, w * 0.1207, h * 0.19, mxConstants.DIRECT…
3311 c.roundrect(w * 0.0115, h * 0.53, w * 0.1207, h * 0.19, rSizeX, rSizeY);
3312 c.fill();
3314 …c.setGradient('#8B98A8', '#677488', w * 0.8736, h * 0.53, w * 0.115, h * 0.19, mxConstants.DIRECTI…
3315 c.roundrect(w * 0.8736, h * 0.53, w * 0.115, h * 0.19, rSizeX, rSizeY);
3316 c.fill();
3317 …c.setGradient('#8B98A8', '#677488', w * 0.0115, h * 0.78, w * 0.2299, h * 0.19, mxConstants.DIRECT…
3318 c.roundrect(w * 0.0115, h * 0.78, w * 0.2299, h * 0.19, rSizeX, rSizeY);
3319 c.fill();
3320 …c.setGradient('#8B98A8', '#677488', w * 0.7672, h * 0.78, w * 0.2213, h * 0.19, mxConstants.DIRECT…
3321 c.roundrect(w * 0.7672, h * 0.78, w * 0.2213, h * 0.19, rSizeX, rSizeY);
3322 c.fill();
3323 …c.text(w * 0.1264, h * 0.875, 0, 0, '.?123', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
3324 …c.text(w * 0.8779, h * 0.875, 0, 0, 'return', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, …
3326 c.setShadow(false);
3327 c.setLineJoin('round');
3328 c.setStrokeColor('#ffffff');
3329 c.setFillColor('#ffffff');
3330 c.setStrokeWidth(1.5);
3331 c.begin();
3332 c.moveTo(w * 0.0402, h * 0.635);
3333 c.lineTo(w * 0.0718, h * 0.58);
3334 c.lineTo(w * 0.1034, h * 0.635);
3335 c.lineTo(w * 0.0862, h * 0.635);
3336 c.lineTo(w * 0.0862, h * 0.67);
3337 c.lineTo(w * 0.0575, h * 0.67);
3338 c.lineTo(w * 0.0575, h * 0.635);
3339 c.close();
3340 c.stroke();
3342 c.begin();
3343 c.moveTo(w * 0.9109, h * 0.585);
3344 c.lineTo(w * 0.9655, h * 0.585);
3345 c.lineTo(w * 0.9655, h * 0.665);
3346 c.lineTo(w * 0.9109, h * 0.665);
3347 c.lineTo(w * 0.8879, h * 0.625);
3348 c.close();
3349 c.fillAndStroke();
3351 c.setStrokeColor('#677488');
3352 c.begin();
3353 c.moveTo(w * 0.9224, h * 0.605);
3354 c.lineTo(w * 0.9454, h * 0.645);
3355 c.moveTo(w * 0.9224, h * 0.645);
3356 c.lineTo(w * 0.9454, h * 0.605);
3357 c.stroke();
3387 mxShapeMockupiKeybNumbers.prototype.paintVertexShape = function(c, x, y, w, h) argument
3389 c.translate(x, y);
3390 this.background(c, x, y, w, h);
3391 c.setShadow(true);
3392 this.foreground(c, x, y, w, h);
3395 mxShapeMockupiKeybNumbers.prototype.background = function(c, x, y, w, h) argument
3397 c.setGradient('#8A97A7', '#425163', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3399 c.rect(0, 0, w, h);
3400 c.fill();
3403 mxShapeMockupiKeybNumbers.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
3405 …c.setGradient('#EEF3F9', '#DBE2E9', w * 0.0086, h * 0.03, w * 0.0776, h * 0.19, mxConstants.DIRECT…
3408 c.setFontSize(10.5);
3409 c.setFontColor('#000000');
3411 c.roundrect(w * 0.0086, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3412 c.fill();
3413 …c.text(w * 0.0474, h * 0.125, 0, 0, '1', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3415 c.roundrect(w * 0.1092, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3416 c.fill();
3417 …c.text(w * 0.148, h * 0.125, 0, 0, '2', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3419 c.roundrect(w * 0.2098, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3420 c.fill();
3421 …c.text(w * 0.2486, h * 0.125, 0, 0, '3', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3423 c.roundrect(w * 0.3103, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3424 c.fill();
3425 …c.text(w * 0.3491, h * 0.125, 0, 0, '4', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3427 c.roundrect(w * 0.4109, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3428 c.fill();
3429 …c.text(w * 0.4497, h * 0.125, 0, 0, '5', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3431 c.roundrect(w * 0.5115, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3432 c.fill();
3433 …c.text(w * 0.5503, h * 0.125, 0, 0, '6', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3435 c.roundrect(w * 0.6121, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3436 c.fill();
3437 …c.text(w * 0.6509, h * 0.125, 0, 0, '7', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3439 c.roundrect(w * 0.7126, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3440 c.fill();
3441 …c.text(w * 0.7514, h * 0.125, 0, 0, '8', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3443 c.roundrect(w * 0.8132, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3444 c.fill();
3445 …c.text(w * 0.852, h * 0.125, 0, 0, '9', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3447 c.roundrect(w * 0.9138, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3448 c.fill();
3449 …c.text(w * 0.9526, h * 0.125, 0, 0, '0', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3451 c.roundrect(w * 0.0086, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3452 c.fill();
3453 …c.text(w * 0.0474, h * 0.375, 0, 0, '-', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3455 c.roundrect(w * 0.1092, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3456 c.fill();
3457 …c.text(w * 0.148, h * 0.375, 0, 0, '/', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3459 c.roundrect(w * 0.2098, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3460 c.fill();
3461 …c.text(w * 0.2486, h * 0.375, 0, 0, ':', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3463 c.roundrect(w * 0.3103, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3464 c.fill();
3465 …c.text(w * 0.3491, h * 0.375, 0, 0, ';', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3467 c.roundrect(w * 0.4109, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3468 c.fill();
3469 …c.text(w * 0.4497, h * 0.375, 0, 0, '(', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3471 c.roundrect(w * 0.5115, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3472 c.fill();
3473 …c.text(w * 0.5503, h * 0.375, 0, 0, ')', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3475 c.roundrect(w * 0.6121, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3476 c.fill();
3477 …c.text(w * 0.6509, h * 0.375, 0, 0, '$', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3479 c.roundrect(w * 0.7126, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3480 c.fill();
3481 …c.text(w * 0.7514, h * 0.375, 0, 0, '&', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3483 c.roundrect(w * 0.8132, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3484 c.fill();
3485 …c.text(w * 0.852, h * 0.375, 0, 0, '@', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3487 c.roundrect(w * 0.9138, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3488 c.fill();
3489 …c.text(w * 0.9526, h * 0.375, 0, 0, '\"', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
3491 c.roundrect(w * 0.1638, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3492 c.fill();
3493 …c.text(w * 0.2227, h * 0.625, 0, 0, '.', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3495 c.roundrect(w * 0.3046, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3496 c.fill();
3497 …c.text(w * 0.3635, h * 0.625, 0, 0, ',', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3499 c.roundrect(w * 0.4454, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3500 c.fill();
3501 …c.text(w * 0.5043, h * 0.625, 0, 0, '?', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3503 c.roundrect(w * 0.5862, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3504 c.fill();
3505 …c.text(w * 0.6451, h * 0.625, 0, 0, '!', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3507 c.roundrect(w * 0.727, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3508 c.fill();
3509 …c.text(w * 0.7859, h * 0.625, 0, 0, '\'', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
3512 c.roundrect(w * 0.2644, h * 0.78, w * 0.4799, h * 0.19, rSizeX, rSizeY);
3513 c.fill();
3514 c.setFontColor('#666666');
3515 …c.text(w * 0.5043, h * 0.875, 0, 0, 'space', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
3517 …c.setGradient('#8B98A8', '#677488', w * 0.0115, h * 0.53, w * 0.1207, h * 0.19, mxConstants.DIRECT…
3518 c.setFontColor('#ffffff');
3520 c.roundrect(w * 0.0115, h * 0.53, w * 0.1207, h * 0.19, rSizeX, rSizeY);
3521 c.fill();
3523 c.roundrect(w * 0.8736, h * 0.53, w * 0.115, h * 0.19, rSizeX, rSizeY);
3524 c.fill();
3525 c.roundrect(w * 0.0115, h * 0.78, w * 0.2299, h * 0.19, rSizeX, rSizeY);
3526 c.fill();
3527 c.roundrect(w * 0.7672, h * 0.78, w * 0.2213, h * 0.19, rSizeX, rSizeY);
3528 c.fill();
3529 …c.text(w * 0.0718, h * 0.625, 0, 0, '#+=', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
3530 …c.text(w * 0.1264, h * 0.875, 0, 0, 'ABC', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
3531 …c.text(w * 0.8779, h * 0.875, 0, 0, 'return', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, …
3533 c.setShadow(false);
3534 c.setLineJoin('round');
3535 c.setStrokeColor('#ffffff');
3536 c.setFillColor('#ffffff');
3537 c.setStrokeWidth(1.5);
3538 c.begin();
3539 c.moveTo(w * 0.9109, h * 0.585);
3540 c.lineTo(w * 0.9655, h * 0.585);
3541 c.lineTo(w * 0.9655, h * 0.665);
3542 c.lineTo(w * 0.9109, h * 0.665);
3543 c.lineTo(w * 0.8879, h * 0.625);
3544 c.close();
3545 c.fillAndStroke();
3547 c.setStrokeColor('#677488');
3548 c.begin();
3549 c.moveTo(w * 0.9224, h * 0.605);
3550 c.lineTo(w * 0.9454, h * 0.645);
3551 c.moveTo(w * 0.9224, h * 0.645);
3552 c.lineTo(w * 0.9454, h * 0.605);
3553 c.stroke();
3583 mxShapeMockupiKeybSymbols.prototype.paintVertexShape = function(c, x, y, w, h) argument
3585 c.translate(x, y);
3586 this.background(c, x, y, w, h);
3587 c.setShadow(true);
3588 this.foreground(c, x, y, w, h);
3591 mxShapeMockupiKeybSymbols.prototype.background = function(c, x, y, w, h) argument
3593 c.setGradient('#8A97A7', '#425163', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3595 c.rect(0, 0, w, h);
3596 c.fill();
3599 mxShapeMockupiKeybSymbols.prototype.foreground = function(c, x, y, w, h, strokeColor) argument
3601 …c.setGradient('#EEF3F9', '#DBE2E9', w * 0.0086, h * 0.03, w * 0.0776, h * 0.19, mxConstants.DIRECT…
3604 c.setFontSize(10.5);
3605 c.setFontColor('#000000');
3607 c.roundrect(w * 0.0086, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3608 c.fill();
3609 …c.text(w * 0.0474, h * 0.125, 0, 0, '[', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3611 c.roundrect(w * 0.1092, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3612 c.fill();
3613 …c.text(w * 0.148, h * 0.125, 0, 0, ']', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3615 c.roundrect(w * 0.2098, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3616 c.fill();
3617 …c.text(w * 0.2486, h * 0.125, 0, 0, '{', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3619 c.roundrect(w * 0.3103, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3620 c.fill();
3621 …c.text(w * 0.3491, h * 0.125, 0, 0, '}', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3623 c.roundrect(w * 0.4109, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3624 c.fill();
3625 …c.text(w * 0.4497, h * 0.125, 0, 0, '#', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3627 c.roundrect(w * 0.5115, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3628 c.fill();
3629 …c.text(w * 0.5503, h * 0.125, 0, 0, '%', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3631 c.roundrect(w * 0.6121, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3632 c.fill();
3633 …c.text(w * 0.6509, h * 0.125, 0, 0, '^', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3635 c.roundrect(w * 0.7126, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3636 c.fill();
3637 …c.text(w * 0.7514, h * 0.125, 0, 0, '*', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3639 c.roundrect(w * 0.8132, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3640 c.fill();
3641 …c.text(w * 0.852, h * 0.125, 0, 0, '+', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
3643 c.roundrect(w * 0.9138, h * 0.03, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3644 c.fill();
3645 …c.text(w * 0.9526, h * 0.125, 0, 0, '=', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3647 c.roundrect(w * 0.0086, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3648 c.fill();
3649 …c.text(w * 0.0474, h * 0.375, 0, 0, '_', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3651 c.roundrect(w * 0.1092, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3652 c.fill();
3653 …c.text(w * 0.148, h * 0.375, 0, 0, '\\', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3655 c.roundrect(w * 0.2098, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3656 c.fill();
3657 …c.text(w * 0.2486, h * 0.375, 0, 0, '|', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3659 c.roundrect(w * 0.3103, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3660 c.fill();
3661 …c.text(w * 0.3491, h * 0.375, 0, 0, '~', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3663 c.roundrect(w * 0.4109, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3664 c.fill();
3665 …c.text(w * 0.4497, h * 0.375, 0, 0, '<', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3667 c.roundrect(w * 0.5115, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3668 c.fill();
3669 …c.text(w * 0.5503, h * 0.375, 0, 0, '>', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3671 c.roundrect(w * 0.6121, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3672 c.fill();
3673 …c.text(w * 0.6509, h * 0.375, 0, 0, String.fromCharCode(128), mxConstants.ALIGN_CENTER, mxConstant…
3675 c.roundrect(w * 0.7126, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3676 c.fill();
3677 …c.text(w * 0.7514, h * 0.375, 0, 0, String.fromCharCode(parseInt('00A3', 16)), mxConstants.ALIGN_C…
3679 c.roundrect(w * 0.8132, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3680 c.fill();
3681 …c.text(w * 0.852, h * 0.375, 0, 0, String.fromCharCode(parseInt('00A5', 16)), mxConstants.ALIGN_CE…
3683 c.roundrect(w * 0.9138, h * 0.28, w * 0.0776, h * 0.19, rSizeX, rSizeY);
3684 c.fill();
3685 …c.text(w * 0.9526, h * 0.375, 0, 0, String.fromCharCode(parseInt('0095', 16)), mxConstants.ALIGN_C…
3687 c.roundrect(w * 0.1638, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3688 c.fill();
3689 …c.text(w * 0.2227, h * 0.625, 0, 0, '.', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3691 c.roundrect(w * 0.3046, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3692 c.fill();
3693 …c.text(w * 0.3635, h * 0.625, 0, 0, ',', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3695 c.roundrect(w * 0.4454, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3696 c.fill();
3697 …c.text(w * 0.5043, h * 0.625, 0, 0, '?', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3699 c.roundrect(w * 0.5862, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3700 c.fill();
3701 …c.text(w * 0.6451, h * 0.625, 0, 0, '!', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
3703 c.roundrect(w * 0.727, h * 0.53, w * 0.1178, h * 0.19, rSizeX, rSizeY);
3704 c.fill();
3705 …c.text(w * 0.7859, h * 0.625, 0, 0, '\'', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
3707 c.roundrect(w * 0.2644, h * 0.78, w * 0.4799, h * 0.19, rSizeX, rSizeY);
3708 c.fill();
3709 c.setFontColor('#666666');
3710 …c.text(w * 0.5043, h * 0.875, 0, 0, 'space', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
3712 …c.setGradient('#8B98A8', '#677488', w * 0.0115, h * 0.53, w * 0.1207, h * 0.19, mxConstants.DIRECT…
3713 c.setFontColor('#ffffff');
3715 c.roundrect(w * 0.0115, h * 0.53, w * 0.1207, h * 0.19, rSizeX, rSizeY);
3716 c.fill();
3718 c.roundrect(w * 0.8736, h * 0.53, w * 0.115, h * 0.19, rSizeX, rSizeY);
3719 c.fill();
3720 c.roundrect(w * 0.0115, h * 0.78, w * 0.2299, h * 0.19, rSizeX, rSizeY);
3721 c.fill();
3722 c.roundrect(w * 0.7672, h * 0.78, w * 0.2213, h * 0.19, rSizeX, rSizeY);
3723 c.fill();
3724 …c.text(w * 0.0718, h * 0.625, 0, 0, '123', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
3725 …c.text(w * 0.1264, h * 0.875, 0, 0, 'ABC', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
3726 …c.text(w * 0.8779, h * 0.875, 0, 0, 'return', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, …
3728 c.setShadow(false);
3729 c.setLineJoin('round');
3730 c.setStrokeColor('#ffffff');
3731 c.setFillColor('#ffffff');
3732 c.setStrokeWidth(1.5);
3733 c.begin();
3734 c.moveTo(w * 0.9109, h * 0.585);
3735 c.lineTo(w * 0.9655, h * 0.585);
3736 c.lineTo(w * 0.9655, h * 0.665);
3737 c.lineTo(w * 0.9109, h * 0.665);
3738 c.lineTo(w * 0.8879, h * 0.625);
3739 c.close();
3740 c.fillAndStroke();
3742 c.setStrokeColor('#677488');
3743 c.begin();
3744 c.moveTo(w * 0.9224, h * 0.605);
3745 c.lineTo(w * 0.9454, h * 0.645);
3746 c.moveTo(w * 0.9224, h * 0.645);
3747 c.lineTo(w * 0.9454, h * 0.605);
3748 c.stroke();
3778 mxShapeMockupiDeleteApp.prototype.paintVertexShape = function(c, x, y, w, h) argument
3782 c.translate(x, y);
3783 this.background(c, x, y, w, h, strokeColor);
3784 c.setShadow(false);
3785 this.foreground(c, x, y, w, h);
3788 mxShapeMockupiDeleteApp.prototype.background = function(c, x, y, w, h, strokeColor) argument
3792 c.setGradient(fillColor, fillColor2, 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3794 c.setStrokeWidth(1.5);
3795 c.setStrokeColor(strokeColor);
3796 c.ellipse(0, 0, w, h);
3797 c.fillAndStroke();
3800 mxShapeMockupiDeleteApp.prototype.foreground = function(c, x, y, w, h) argument
3802 c.setStrokeWidth(2.5);
3803 c.begin();
3804 c.moveTo(w * 0.3, h * 0.3);
3805 c.lineTo(w * 0.7, h * 0.7);
3806 c.moveTo(w * 0.3, h * 0.7);
3807 c.lineTo(w * 0.7, h * 0.3);
3808 c.stroke();
3838 mxShapeMockupiDirection.prototype.paintVertexShape = function(c, x, y, w, h) argument
3840 c.translate(x, y);
3841 this.background(c, x, y, w, h);
3842 c.setShadow(false);
3843 this.foreground(c, x, y, w, h);
3846 mxShapeMockupiDirection.prototype.background = function(c, x, y, w, h) argument
3848 c.setStrokeWidth(0.5);
3849 c.setStrokeColor('#008cff');
3850 c.ellipse(0, 0, w, h);
3851 c.stroke();
3854 mxShapeMockupiDirection.prototype.foreground = function(c, x, y, w, h) argument
3856 c.setAlpha(1);
3857 …c.setGradient('#ffffff', '#ffffff', w * 0.29, h * 0.2, w * 0.42, h * 0.3, mxConstants.DIRECTION_NO…
3858 c.begin();
3859 c.moveTo(w * 0.29, h * 0.2);
3860 c.lineTo(w * 0.5, h * 0.5);
3861 c.lineTo(w * 0.71, h * 0.2);
3862 c.fillAndStroke();
3864 c.setStrokeColor('#006cdf');
3865 …c.setGradient('#ffffff', '#007cef', w * 0.47, h * 0.47, w * 0.06, h * 0.06, mxConstants.DIRECTION_…
3866 c.setAlpha(1);
3867 c.ellipse(w * 0.47, h * 0.47, w * 0.06, h * 0.06);
3868 c.fillAndStroke();
3870 c.setFillColor('#ffffff');
3871 c.setAlpha(0.8);
3872 c.ellipse(w * 0.4825, h * 0.4825, w * 0.015, h * 0.015);
3873 c.fill();
3911 mxShapeMockupiLocationBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
3913 c.translate(x, y);
3914 this.background(c, x, y, w, h);
3915 c.setShadow(false);
3916 this.foreground(c, x, y, w, h);
3919 mxShapeMockupiLocationBar.prototype.background = function(c, x, y, w, h) argument
3929 c.setStrokeWidth(0.5);
3930 c.setStrokeColor('#000000');
3931 c.setAlpha(0.7);
3932 c.begin();
3936 c.setGradient('#000000', '#888888', 0, 0, w, h, mxConstants.DIRECTION_NORTH, 1, 1);
3937 c.moveTo(0, rSize);
3938 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
3939 c.lineTo(w - rSize, 0);
3940 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
3941 c.lineTo(w, h - rSize - 7.5);
3942 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h - 7.5);
3943 c.lineTo(truePos + 7.5, h - 7.5);
3944 c.lineTo(truePos, h);
3945 c.lineTo(truePos - 7.5, h - 7.5);
3946 c.lineTo(rSize, h - 7.5);
3947 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize - 7.5);
3951 c.setGradient('#000000', '#888888', 0, 0, w, h, mxConstants.DIRECTION_NORTH, 1, 1);
3952 c.moveTo(0, rSize + 7.5);
3953 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 7.5);
3954 c.lineTo(truePos - 7.5, 7.5);
3955 c.lineTo(truePos, 0);
3956 c.lineTo(truePos + 7.5, 7.5);
3957 c.lineTo(w - rSize, 7.5);
3958 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize + 7.5);
3959 c.lineTo(w, h - rSize);
3960 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
3961 c.lineTo(rSize, h);
3962 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
3965 c.close();
3966 c.fillAndStroke();
3969 mxShapeMockupiLocationBar.prototype.foreground = function(c, x, y, w, h) argument
3973 c.setAlpha(1);
3974 c.setFontColor('#ffffff');
3975 c.setFontSize(9.5);
3979 …c.text(5, (h - 7.5) * 0.5, 0, 0, locText, mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, 0, nul…
3980 c.translate(w - 20, (h - 7.5) * 0.5 - 7.5);
3984 …c.text(5, (h + 7.5) * 0.5, 0, 0, locText, mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, 0, nul…
3985 c.translate(w - 20, (h + 7.5) * 0.5 - 7.5);
3991 c.setGradient('#8BbEff', '#135Ec8', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
3993 c.setStrokeWidth(1.5);
3994 c.setStrokeColor('#ffffff');
3995 c.ellipse(0, 0, w, h);
3996 c.fillAndStroke();
3998 c.setStrokeWidth(2.5);
3999 c.begin();
4000 c.moveTo(w * 0.4, h * 0.22);
4001 c.lineTo(w * 0.65, h * 0.5);
4002 c.lineTo(w * 0.4, h * 0.78);
4003 c.stroke();
4033 mxShapeMockupiCallDialog.prototype.paintVertexShape = function(c, x, y, w, h) argument
4036 c.translate(x, y);
4037 this.background(c, x, y, w, h, rSize);
4038 c.setShadow(false);
4039 this.foreground(c, x, y, w, h, rSize);
4042 mxShapeMockupiCallDialog.prototype.background = function(c, x, y, w, h, rSize) argument
4044 c.setAlpha(0.8);
4045 c.setStrokeColor('#888888');
4046 c.setStrokeWidth(1.5);
4047 c.setFillColor('#000000');
4048 c.roundrect(0, 0, w, h, rSize, rSize);
4049 c.fillAndStroke();
4052 mxShapeMockupiCallDialog.prototype.foreground = function(c, x, y, w, h, rSize) argument
4055 c.begin();
4056 c.moveTo(w * 0.33, 0);
4057 c.lineTo(w * 0.33, h);
4058 c.moveTo(w * 0.67, 0);
4059 c.lineTo(w * 0.67, h);
4060 c.moveTo(0, h * 0.5);
4061 c.lineTo(w, h * 0.5);
4062 c.stroke();
4064 c.setStrokeColor('#000000');
4065 c.setFillColor('#ffffff');
4066 c.setStrokeWidth(0.5);
4067 c.roundrect(w * 0.1433, h * 0.104, w * 0.0417, h * 0.148, w * 0.02, h * 0.024);
4068 c.fill();
4070 c.begin();
4071 c.moveTo(w * 0.14, h * 0.188);
4072 c.lineTo(w * 0.14, h * 0.228);
4073 c.arcTo(w * 0.025, h * 0.03, 0, 0, 0, w * 0.19, h * 0.228);
4074 c.lineTo(w * 0.19, h * 0.188);
4075 c.lineTo(w * 0.2, h * 0.188);
4076 c.lineTo(w * 0.2, h * 0.228);
4077 c.arcTo(w * 0.0367, h * 0.044, 0, 0, 1, w * 0.17, h * 0.27);
4078 c.lineTo(w * 0.17, h * 0.296);
4079 c.lineTo(w * 0.195, h * 0.296);
4080 c.lineTo(w * 0.195, h * 0.308);
4081 c.lineTo(w * 0.1367, h * 0.308);
4082 c.lineTo(w * 0.1367, h * 0.296);
4083 c.lineTo(w * 0.16, h * 0.296);
4084 c.lineTo(w * 0.16, h * 0.27);
4085 c.arcTo(w * 0.0367, h * 0.044, 0, 0, 1, w * 0.13, h * 0.228);
4086 c.lineTo(w * 0.13, h * 0.188);
4087 c.close();
4088 c.fillAndStroke();
4090 c.begin();
4091 c.moveTo(w * 0.1033, h * 0.108);
4092 c.lineTo(w * 0.24, h * 0.286);
4093 c.lineTo(w * 0.2317, h * 0.298);
4094 c.lineTo(w * 0.095, h * 0.12);
4095 c.close();
4096 c.fillAndStroke();
4098 c.rect(w * 0.44, h * 0.128, w * 0.033, h * 0.04);
4099 c.fill();
4100 c.rect(w * 0.485, h * 0.128, w * 0.033, h * 0.04);
4101 c.fill();
4102 c.rect(w * 0.53, h * 0.128, w * 0.033, h * 0.04);
4103 c.fill();
4104 c.rect(w * 0.44, h * 0.186, w * 0.033, h * 0.04);
4105 c.fill();
4106 c.rect(w * 0.485, h * 0.186, w * 0.033, h * 0.04);
4107 c.fill();
4108 c.rect(w * 0.53, h * 0.186, w * 0.033, h * 0.04);
4109 c.fill();
4110 c.rect(w * 0.44, h * 0.244, w * 0.033, h * 0.04);
4111 c.fill();
4112 c.rect(w * 0.485, h * 0.244, w * 0.033, h * 0.04);
4113 c.fill();
4114 c.rect(w * 0.53, h * 0.244, w * 0.033, h * 0.04);
4115 c.fill();
4117 c.begin();
4118 c.moveTo(w * 0.7567, h * 0.18);
4119 c.lineTo(w * 0.785, h * 0.18);
4120 c.lineTo(w * 0.825, h * 0.128);
4121 c.lineTo(w * 0.825, h * 0.28);
4122 c.lineTo(w * 0.79, h * 0.234);
4123 c.lineTo(w * 0.7567, h * 0.234);
4124 c.close();
4125 c.fill();
4127 c.setStrokeWidth(1.5);
4128 c.setStrokeColor('#ffffff');
4129 c.begin();
4130 c.moveTo(w * 0.8383, h * 0.16);
4131 c.arcTo(w * 0.0533, h * 0.064, 0, 0, 1, w * 0.8383, h * 0.252);
4132 c.moveTo(w * 0.8583, h * 0.134);
4133 c.arcTo(w * 0.0817, h * 0.098, 0, 0, 1, w * 0.8583, h * 0.276);
4134 c.moveTo(w * 0.8767, h * 0.11);
4135 c.arcTo(w * 0.1133, h * 0.136, 0, 0, 1, w * 0.8767, h * 0.304);
4136 c.stroke();
4138 c.begin();
4139 c.moveTo(w * 0.1467, h * 0.62);
4140 c.lineTo(w * 0.1833, h * 0.62);
4141 c.lineTo(w * 0.1833,h * 0.676);
4142 c.lineTo(w * 0.2267,h * 0.676);
4143 c.lineTo(w * 0.2267,h * 0.724);
4144 c.lineTo(w * 0.1833,h * 0.724);
4145 c.lineTo(w * 0.1833,h * 0.78);
4146 c.lineTo(w * 0.1467,h * 0.78);
4147 c.lineTo(w * 0.1467,h * 0.724);
4148 c.lineTo(w * 0.105,h * 0.724);
4149 c.lineTo(w * 0.105,h * 0.676);
4150 c.lineTo(w * 0.1467,h * 0.676);
4151 c.close();
4152 c.fill();
4154 c.rect(w * 0.4517, h * 0.624, w * 0.0333, h * 0.152);
4155 c.fill();
4157 c.rect(w * 0.5183, h * 0.624, w * 0.0333, h * 0.152);
4158 c.fill();
4160 c.begin();
4161 c.moveTo(w * 0.76, h * 0.752);
4162 c.arcTo(w * 0.1, h * 0.12, 0, 0, 1, w * 0.8033, h * 0.728);
4163 c.arcTo(w * 0.0167, h * 0.02, 0, 0, 0, w * 0.8167, h * 0.712);
4164 c.lineTo(w * 0.8175, h * 0.7);
4165 c.arcTo(w * 0.0267, h * 0.06, 0, 0, 1, w * 0.8067, h * 0.644);
4166 c.arcTo(w * 0.0287, h * 0.0344, 0, 0, 1, w * 0.8633, h * 0.644);
4167 c.arcTo(w * 0.0267, h * 0.06, 0, 0, 1, w * 0.855, h * 0.7);
4168 c.arcTo(w * 0.05, h * 0.724, 0, 0, 1, w * 0.8633, h * 0.724);
4169 c.arcTo(w * 0.1667, h * 0.75, 0, 0, 1, w * 0.9083, h * 0.75);
4170 c.lineTo(w * 0.9083, h * 0.78);
4171 c.lineTo(w * 0.76, h * 0.78);
4172 c.close();
4173 c.fill();
4175 c.setFontColor('#ffffff');
4176 c.setFontSize(8.5);
4177 …c.text(w * 0.1667, h * 0.35, 0, 0, 'mute', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
4178 …c.text(w * 0.5, h * 0.35, 0, 0, 'keypad', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4179 …c.text(w * 0.8333, h * 0.35, 0, 0, 'speaker', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, …
4180 …c.text(w * 0.1667, h * 0.85, 0, 0, 'add', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4181 …c.text(w * 0.5, h * 0.85, 0, 0, 'pause', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
4182 …c.text(w * 0.8333, h * 0.85, 0, 0, 'contacts', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE,…
4184 c.setGradient('#808080', '#ffffff', 0, 0, w, h * 0.308, mxConstants.DIRECTION_NORTH, 1, 1);
4185 c.setAlpha(0.4);
4186 c.begin();
4187 c.moveTo(0, h * 0.308);
4188 c.lineTo(0, rSize);
4189 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
4190 c.lineTo(w - rSize, 0);
4191 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
4192 c.lineTo(w, h * 0.308);
4193 c.arcTo(w * 1.5, h * 1.8, 0, 0, 1, 0, h * 0.308);
4194 c.close();
4195 c.fill();
4225 mxShapeMockupiCallButtons.prototype.paintVertexShape = function(c, x, y, w, h) argument
4227 c.translate(x, y);
4228 this.background(c, x, y, w, h);
4229 c.setShadow(false);
4230 this.foreground(c, x, y, w, h);
4233 mxShapeMockupiCallButtons.prototype.background = function(c, x, y, w, h) argument
4235 c.setStrokeWidth(0.5);
4236 c.setStrokeColor('#008cff');
4237 c.setGradient('#0F1B2B', '#4F5B6B', 0, 0, w, h, mxConstants.DIRECTION_NORTH, 1, 1);
4238 c.rect(0, 0, w, h);
4239 c.fillAndStroke();
4242 mxShapeMockupiCallButtons.prototype.foreground = function(c, x, y, w, h) argument
4244 c.begin();
4245 c.moveTo(0, h * 0.1667);
4246 c.lineTo(w, h * 0.1667);
4247 c.moveTo(0, h * 0.3333);
4248 c.lineTo(w, h * 0.3333);
4249 c.moveTo(0, h * 0.5);
4250 c.lineTo(w, h * 0.5);
4251 c.moveTo(0, h * 0.6667);
4252 c.lineTo(w, h * 0.6667);
4253 c.moveTo(0, h * 0.8333);
4254 c.lineTo(w, h * 0.8333);
4255 c.moveTo(w * 0.3333, h * 0.1667);
4256 c.lineTo(w * 0.3333, h);
4257 c.moveTo(w * 0.6667, h * 0.1667);
4258 c.lineTo(w * 0.6667, h);
4259 c.stroke();
4261 c.setFontSize(15.5);
4262 c.setFontColor('#ffffff');
4263 c.setFontStyle(mxConstants.FONT_BOLD);
4265 …c.text(w * 0.5, h * 0.0834, 0, 0, '(123) 456-7890', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MI…
4267 …c.text(w * 0.1667, h * 0.22, 0, 0, '1', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
4268 …c.text(w * 0.5, h * 0.22, 0, 0, '2', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null, …
4269 …c.text(w * 0.8333, h * 0.22, 0, 0, '3', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
4271 …c.text(w * 0.1667, h * 0.3867, 0, 0, '3', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4272 …c.text(w * 0.5, h * 0.3867, 0, 0, '4', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4273 …c.text(w * 0.8333, h * 0.3867, 0, 0, '5', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4275 …c.text(w * 0.1667, h * 0.5534, 0, 0, '6', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4276 …c.text(w * 0.5, h * 0.5534, 0, 0, '7', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4277 …c.text(w * 0.8333, h * 0.5534, 0, 0, '8', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4279 c.setFontSize(27.5);
4280 …c.text(w * 0.1667, h * 0.76, 0, 0, '*', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
4281 c.setFontSize(15.5);
4282 …c.text(w * 0.5, h * 0.72, 0, 0, '0', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null, …
4283 …c.text(w * 0.8333, h * 0.75, 0, 0, '#', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nul…
4285 …c.setGradient('#E2FFEB', '#008215', w * 0.3333, h * 0.8333, w * 0.3333, h * 0.1667, mxConstants.DI…
4286 c.rect(w * 0.3333, h * 0.8333, w * 0.3333, h * 0.1667);
4287 c.fillAndStroke();
4289 …c.text(w * 0.5, h * 0.9168, 0, 0, 'Call', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4291 c.setFontStyle(0);
4292 c.setFontSize(8);
4293 c.setFontColor('#bbbbbb');
4295 …c.text(w * 0.5, h * 0.28, 0, 0, 'ABC', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4296 …c.text(w * 0.8333, h * 0.28, 0, 0, 'DEF', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
4298 …c.text(w * 0.1667, h * 0.4467, 0, 0, 'GHI', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0,…
4299 …c.text(w * 0.5, h * 0.4467, 0, 0, 'JKL', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
4300 …c.text(w * 0.8333, h * 0.4467, 0, 0, 'MNO', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0,…
4302 …c.text(w * 0.1667, h * 0.6134, 0, 0, 'PQRS', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
4303 …c.text(w * 0.5, h * 0.6134, 0, 0, 'TUV', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, nu…
4304 …c.text(w * 0.8333, h * 0.6134, 0, 0, 'WXYZ', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
4306 …c.text(w * 0.5, h * 0.78, 0, 0, '+', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null, …
4308 c.setFillColor('#ffffff');
4309 c.begin();
4310 c.moveTo(w * 0.1028, h * 0.9464);
4311 c.arcTo(w * 0.0862, h * 0.0652, 0, 0, 1, w * 0.1402, h * 0.9333);
4312 c.arcTo(w * 0.0144, h * 0.0109, 0, 0, 0, w * 0.1517, h * 0.9246);
4313 c.lineTo(w * 0.1524, h * 0.9181);
4314 c.arcTo(w * 0.023, h * 0.0326, 0, 0, 1, w * 0.143, h * 0.8877);
4315 c.arcTo(w * 0.0247, h * 0.0187, 0, 0, 1, w * 0.1919, h * 0.8877);
4316 c.arcTo(w * 0.023, h * 0.0326, 0, 0, 1, w * 0.1847, h * 0.9181);
4317 c.arcTo(w * 0.0431, h * 0.0174, 0, 0, 0, w * 0.1919, h * 0.9311);
4318 c.arcTo(w * 0.1437, h * 0.1087, 0, 0, 1, w * 0.2307, h * 0.9453);
4319 c.lineTo(w * 0.2307, h * 0.9616);
4320 c.lineTo(w * 0.1028, h * 0.9616);
4321 c.close();
4322 c.fill();
4324 c.setStrokeColor('#ffffff');
4325 c.setStrokeWidth(2.5);
4326 c.setLineJoin('round');
4327 c.begin();
4328 c.moveTo(w * 0.79, h * 0.89);
4329 c.lineTo(w * 0.9, h * 0.89);
4330 c.lineTo(w * 0.9, h * 0.95);
4331 c.lineTo(w * 0.79, h * 0.95);
4332 c.lineTo(w * 0.76, h * 0.92);
4333 c.close();
4334 c.fillAndStroke();
4336 c.setStrokeColor('#0F1B2B');
4337 c.begin();
4338 c.moveTo(w * 0.82, h * 0.907);
4339 c.lineTo(w * 0.85, h * 0.933);
4340 c.moveTo(w * 0.82, h * 0.933);
4341 c.lineTo(w * 0.85, h * 0.907);
4342 c.stroke();
4380 mxShapeMockupiOption.prototype.paintVertexShape = function(c, x, y, w, h) argument
4382 c.translate(x, y);
4383 this.background(c, x, y, w, h);
4384 c.setShadow(false);
4385 this.foreground(c, x, y, w, h);
4388 mxShapeMockupiOption.prototype.background = function(c, x, y, w, h) argument
4398 c.setStrokeWidth(0.5);
4399 c.setStrokeColor('#000000');
4400 c.setAlpha(0.9);
4401 c.begin();
4405 c.setGradient('#000000', '#888888', 0, 0, w, h, mxConstants.DIRECTION_NORTH, 1, 1);
4406 c.moveTo(0, rSize);
4407 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
4408 c.lineTo(w - rSize, 0);
4409 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
4410 c.lineTo(w, h - rSize - 7.5);
4411 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h - 7.5);
4412 c.lineTo(truePos + 7.5, h - 7.5);
4413 c.lineTo(truePos, h);
4414 c.lineTo(truePos - 7.5, h - 7.5);
4415 c.lineTo(rSize, h - 7.5);
4416 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize - 7.5);
4420 c.setGradient('#000000', '#888888', 0, 0, w, h, mxConstants.DIRECTION_NORTH, 1, 1);
4421 c.moveTo(0, rSize + 7.5);
4422 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 7.5);
4423 c.lineTo(truePos - 7.5, 7.5);
4424 c.lineTo(truePos, 0);
4425 c.lineTo(truePos + 7.5, 7.5);
4426 c.lineTo(w - rSize, 7.5);
4427 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize + 7.5);
4428 c.lineTo(w, h - rSize);
4429 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
4430 c.lineTo(rSize, h);
4431 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
4434 c.close();
4435 c.fillAndStroke();
4438 mxShapeMockupiOption.prototype.foreground = function(c, x, y, w, h) argument
4442 c.setAlpha(1);
4443 c.setFontColor('#ffffff');
4444 c.setFontSize(9.5);
4448 …c.text(w * 0.5, (h - 7.5) * 0.5, 0, 0, locText, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE…
4452 …c.text(w * 0.5, (h + 7.5) * 0.5, 0, 0, locText, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE…
4483 mxShapeMockupiAlphaList.prototype.paintVertexShape = function(c, x, y, w, h) argument
4485 c.translate(x, y);
4486 c.setShadow(false);
4489 c.setFontColor('#999999');
4490 c.setFontSize(fontSize);
4491 …c.text(w * 0.5, h * 0.069, 0, 0, 'A', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4492 …c.text(w * 0.5, h * 0.1035, 0, 0, 'B', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4493 …c.text(w * 0.5, h * 0.138, 0, 0, 'C', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4494 …c.text(w * 0.5, h * 0.1725, 0, 0, 'D', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4495 …c.text(w * 0.5, h * 0.207, 0, 0, 'E', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4496 …c.text(w * 0.5, h * 0.2415, 0, 0, 'F', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4497 …c.text(w * 0.5, h * 0.276, 0, 0, 'G', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4498 …c.text(w * 0.5, h * 0.3105, 0, 0, 'H', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4499 …c.text(w * 0.5, h * 0.345, 0, 0, 'I', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4500 …c.text(w * 0.5, h * 0.3795, 0, 0, 'J', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4501 …c.text(w * 0.5, h * 0.414, 0, 0, 'K', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4502 …c.text(w * 0.5, h * 0.4485, 0, 0, 'L', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4503 …c.text(w * 0.5, h * 0.483, 0, 0, 'M', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4504 …c.text(w * 0.5, h * 0.5175, 0, 0, 'N', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4505 …c.text(w * 0.5, h * 0.552, 0, 0, 'O', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4506 …c.text(w * 0.5, h * 0.5865, 0, 0, 'P', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4507 …c.text(w * 0.5, h * 0.621, 0, 0, 'Q', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4508 …c.text(w * 0.5, h * 0.6555, 0, 0, 'R', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4509 …c.text(w * 0.5, h * 0.69, 0, 0, 'S', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null, …
4510 …c.text(w * 0.5, h * 0.7245, 0, 0, 'T', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4511 …c.text(w * 0.5, h * 0.759, 0, 0, 'U', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4512 …c.text(w * 0.5, h * 0.7935, 0, 0, 'V', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4513 …c.text(w * 0.5, h * 0.828, 0, 0, 'W', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4514 …c.text(w * 0.5, h * 0.8625, 0, 0, 'X', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4515 …c.text(w * 0.5, h * 0.897, 0, 0, 'Y', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4516 …c.text(w * 0.5, h * 0.9315, 0, 0, 'Z', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
4517 …c.text(w * 0.5, h * 0.966, 0, 0, '#', mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null,…
4519 c.setStrokeColor('#999999');
4520 c.ellipse(w * 0.5 - 2.25, h * 0.0345 - 3.5, 4.5, 4.5);
4521 c.stroke();
4523 c.begin();
4524 c.moveTo(w * 0.5 - 4.25, h * 0.0345 + 3);
4525 c.lineTo(w * 0.5 - 1.75, h * 0.0345);
4526 c.stroke();
4563 mxShapeMockupiHorButtonBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
4599 c.translate(x, y);
4600 …this.background(c, trueW, trueH, rSize, buttonNum, buttonWidths, labelOffset, minW, frameColor, se…
4601 c.setShadow(false);
4609 c.setFontColor(selectedFontColor);
4613 c.setFontColor(fontColor);
4617 this.buttonText(c, currWidth, trueH, textStrings[i], buttonWidths[i], fontSize, minW, trueW);
4622 mxShapeMockupiHorButtonBar.prototype.background = function(c, w, h, rSize, buttonNum, buttonWidths,… argument
4624 c.begin();
4627 c.setStrokeColor(frameColor);
4628 c.setFillColor(bgColor);
4629 c.moveTo(0, rSize);
4630 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
4631 c.lineTo(w - rSize, 0);
4632 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
4633 c.lineTo(w, h - rSize);
4634 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
4635 c.lineTo(rSize, h);
4636 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
4637 c.close();
4638 c.fillAndStroke();
4641 c.setStrokeColor(separatorColor);
4642 c.begin();
4655 c.moveTo(currWidth, 0);
4656 c.lineTo(currWidth, h);
4660 c.stroke();
4664 c.setStrokeColor(mxConstants.NONE);
4677 c.setGradient('#5D7585', '#008cff', 0, 0, buttonRight, h, mxConstants.DIRECTION_SOUTH, 1, 1);
4678 c.begin();
4680 c.moveTo(0, rSize);
4681 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
4682 c.lineTo(buttonRight, 0);
4683 c.lineTo(buttonRight, h);
4684 c.lineTo(rSize, h);
4685 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
4686 c.close();
4687 c.fill();
4691 …c.setGradient('#5D7585', '#008cff', buttonLeft, 0, buttonRight - buttonLeft, h, mxConstants.DIRECT…
4692 c.begin();
4694 c.moveTo(buttonLeft, 0);
4695 c.lineTo(buttonRight - rSize, 0);
4696 c.arcTo(rSize, rSize, 0, 0, 1, buttonRight, rSize);
4697 c.lineTo(buttonRight, h - rSize);
4698 c.arcTo(rSize, rSize, 0, 0, 1, buttonRight - rSize, h);
4699 c.lineTo(buttonLeft, h);
4700 c.close();
4701 c.fill();
4705 …c.setGradient('#5D7585', '#008cff', buttonLeft, 0, buttonRight - buttonLeft, h, mxConstants.DIRECT…
4706 c.begin();
4708 c.moveTo(buttonLeft, 0);
4709 c.lineTo(buttonRight, 0);
4710 c.lineTo(buttonRight, h);
4711 c.lineTo(buttonLeft, h);
4712 c.close();
4713 c.fill();
4717 c.setStrokeColor(frameColor);
4718 c.setFillColor(bgColor);
4719 c.begin();
4720 c.moveTo(0, rSize);
4721 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
4722 c.lineTo(w - rSize, 0);
4723 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
4724 c.lineTo(w, h - rSize);
4725 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
4726 c.lineTo(rSize, h);
4727 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
4728 c.close();
4729 c.stroke();
4732 mxShapeMockupiHorButtonBar.prototype.buttonText = function(c, w, h, textString, buttonWidth, fontSi… argument
4739 c.begin();
4740 c.setFontSize(fontSize);
4741 …c.text((w + buttonWidth * 0.5) * trueW / minW, h * 0.5, 0, 0, textString, mxConstants.ALIGN_CENTER…
4776 mxShapeMockupiPin.prototype.paintVertexShape = function(c, x, y, w, h) argument
4781 c.setShadow(false);
4782 c.translate(x, y);
4784 c.setStrokeWidth(1.5);
4785 c.setStrokeColor('#666666');
4786 c.begin();
4787 c.moveTo(w * 0.5, h * 0.4);
4788 c.lineTo(w * 0.5, h);
4789 c.stroke();
4791 c.setStrokeWidth(1);
4792 c.setStrokeColor(strokeColor);
4793 c.setGradient(fillColor2, fillColor3, 0, 0, w, h * 0.4, mxConstants.DIRECTION_SOUTH, 1, 1);
4794 c.setAlpha(0.9);
4795 c.ellipse(0, 0, w, h * 0.4);
4796 c.fillAndStroke();
4798 c.setFillColor('#ffffff');
4799 c.setAlpha(0.5);
4800 c.ellipse(w * 0.2, h * 0.08, w * 0.3, h * 0.12);
4801 c.fill();
4835 mxShapeMockupiVideoControls.prototype.paintVertexShape = function(c, x, y, w, h) argument
4837 c.translate(x, y);
4839 c.setStrokeWidth(1);
4840 c.setFillColor('#000000');
4841 c.setStrokeColor('#bbbbbb');
4842 c.setAlpha(0.7);
4843 c.roundrect(0, 0, w, h, rSize, rSize);
4844 c.fillAndStroke();
4845 c.setShadow(false);
4847 this.foreground(c, w, h, rSize);
4850 mxShapeMockupiVideoControls.prototype.foreground = function(c, w, h, rSize) argument
4852 c.setGradient('#ffffff', '#ffffff', 0, 0, w, h * 0.5, mxConstants.DIRECTION_SOUTH, 0.8, 0.1);
4853 c.begin();
4854 c.moveTo(0, rSize);
4855 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
4856 c.lineTo(w - rSize, 0);
4857 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
4858 c.lineTo(w, h * 0.5);
4859 c.lineTo(0, h * 0.5);
4860 c.close();
4861 c.fill();
4863 c.setAlpha(1);
4864 c.setFillColor('#ffffff');
4865 c.setStrokeColor('#ffffff');
4869 c.begin();
4870 c.moveTo(iconX - 7.5, iconY - 2.5);
4871 c.arcTo(6, 6, 0, 0, 1, iconX, iconY - 2.5);
4872 c.arcTo(6, 6, 0, 0, 1, iconX + 7.5, iconY - 2.5);
4873 c.lineTo(iconX + 7.5, iconY + 4);
4874 c.arcTo(6, 6, 0, 0, 0, iconX, iconY + 4);
4875 c.arcTo(6, 6, 0, 0, 0, iconX - 7.5, iconY + 4);
4876 c.close();
4877 c.stroke();
4879 c.begin();
4880 c.moveTo(iconX, iconY - 2.5);
4881 c.lineTo(iconX, iconY + 4);
4882 c.stroke();
4885 c.rect(iconX - 7.5, iconY - 5, 1, 10);
4886 c.fill();
4888 c.begin();
4889 c.moveTo(iconX - 6.5, iconY);
4890 c.lineTo(iconX + 0.5, iconY - 5);
4891 c.lineTo(iconX + 0.5, iconY + 5);
4892 c.close();
4893 c.fill();
4895 c.begin();
4896 c.moveTo(iconX + 0.5, iconY);
4897 c.lineTo(iconX + 7.5, iconY - 5);
4898 c.lineTo(iconX + 7.5, iconY + 5);
4899 c.close();
4900 c.fill();
4903 c.begin();
4904 c.moveTo(iconX - 6, iconY - 5);
4905 c.lineTo(iconX + 6, iconY);
4906 c.lineTo(iconX - 6, iconY + 5);
4907 c.close();
4908 c.fill();
4911 c.begin();
4912 c.moveTo(iconX - 7.5, iconY - 5);
4913 c.lineTo(iconX - 0.5, iconY);
4914 c.lineTo(iconX - 7.5, iconY + 5);
4915 c.close();
4916 c.fill();
4917 c.begin();
4918 c.moveTo(iconX - 0.5, iconY - 5);
4919 c.lineTo(iconX + 6.5, iconY);
4920 c.lineTo(iconX - 0.5, iconY + 5);
4921 c.close();
4922 c.fill();
4923 c.rect(iconX + 6.5, iconY - 5, 1, 10);
4924 c.fill();
4927 c.rect(iconX - 7.5, iconY - 4, 15, 8);
4928 c.stroke();
4929 c.setStrokeWidth(0.5);
4930 c.begin();
4931 c.moveTo(iconX - 7.5, iconY - 4);
4932 c.lineTo(iconX, iconY + 1.5);
4933 c.lineTo(iconX + 7.5, iconY - 4);
4934 c.stroke();
4935 c.begin();
4936 c.moveTo(iconX - 7.5, iconY + 4);
4937 c.lineTo(iconX - 2, iconY);
4938 c.stroke();
4939 c.begin();
4940 c.moveTo(iconX + 7.5, iconY + 4);
4941 c.lineTo(iconX + 2, iconY);
4942 c.stroke();
4944 …c.setGradient('#444444', '#ffffff', w * 0.1, h * 0.75 - 2.5, w * 0.8, 5, mxConstants.DIRECTION_SOU…
4945 c.roundrect(w * 0.1, h * 0.75 - 2.5, w * 0.8, 5, 2.5, 2.5);
4946 c.fill();
4955 …c.setGradient('#96D1FF', '#003377', w * 0.1, h * 0.75 - 5, truePos - w * 0.1, 10, mxConstants.DIRE…
4956 c.begin();
4957 c.moveTo(truePos, h * 0.75 - 2.5);
4958 c.lineTo(truePos, h * 0.75 + 2.5);
4959 c.lineTo(w * 0.1 + 2.5, h * 0.75 + 2.5);
4960 c.arcTo(2.5, 2.5, 0, 0, 1, w * 0.1 + 2.5, h * 0.75 - 2.5);
4961 c.close();
4962 c.fill();
4964 c.setStrokeColor('#999999');
4965 …c.setGradient('#444444', '#ffffff', truePos - 5, h * 0.75 - 5, 10, 10, mxConstants.DIRECTION_NORTH…
4966 c.ellipse(truePos - 5, h * 0.75 - 5, 10, 10);
4967 c.fillAndStroke();
4969 c.setStrokeColor('#dddddd');
4970 c.roundrect(0, 0, w, h, rSize, rSize);
4971 c.stroke();
5016 mxShapeMockupiURLBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
5018 c.translate(x, y);
5020 c.setGradient('#cccccc', '#003377', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
5021 c.rect(0, 0, w, h);
5022 c.fill();
5023 c.setShadow(false);
5025 this.foreground(c, w, h);
5028 mxShapeMockupiURLBar.prototype.foreground = function(c, w, h) argument
5030 c.setStrokeWidth(0.5);
5031 c.setFillColor('#ffffff');
5032 c.setStrokeColor('#008cff');
5033 c.roundrect(w * 0.0287, h * 0.625 - 6.25, w * 0.7184, 12.5, 6.25, 6.25);
5034 c.fillAndStroke();
5036 …c.setGradient('#cccccc', '#001144', w * 0.7816, h * 0.625 - 6.25, w * 0.1868, 12.5, mxConstants.DI…
5037 c.setStrokeColor('#000000');
5038 c.roundrect(w * 0.7816, h * 0.625 - 6.25, w * 0.1868, 12.5, 2.5, 2.5);
5039 c.fillAndStroke();
5041 c.setFillColor('#bbbbbb');
5042 c.ellipse(w * 0.7471 - 11.5, h * 0.625 - 5, 10, 10);
5043 c.fill();
5045 c.setStrokeColor('#ffffff');
5046 c.setStrokeWidth(1.5);
5047 c.begin();
5048 c.moveTo(w * 0.7471 - 8.5, h * 0.625 - 2.5);
5049 c.lineTo(w * 0.7471 - 3.5, h * 0.625 + 2.5);
5050 c.moveTo(w * 0.7471 - 8.5, h * 0.625 + 2.5);
5051 c.lineTo(w * 0.7471 - 3.5, h * 0.625 - 2.5);
5052 c.stroke();
5055 c.setFontColor('#425664');
5056 c.setFontStyle(mxConstants.FONT_BOLD);
5057 c.setFontSize(8);
5058 …c.text(w * 0.5, h * 0.2, 0, 0, fieldText[0], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0…
5059 c.setFontColor('#000000');
5060 …c.text(w * 0.06, h * 0.625, 0, 0, fieldText[1], mxConstants.ALIGN_LEFT, mxConstants.ALIGN_MIDDLE, …
5061 c.setFontColor('#ffffff');
5062 …c.text(w * 0.875, h * 0.625, 0, 0, fieldText[2], mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDL…
5096 mxShapeMockupiSlider.prototype.paintVertexShape = function(c, x, y, w, h) argument
5098 c.translate(x, y);
5099 c.setShadow(false);
5101 this.foreground(c, w, h);
5104 mxShapeMockupiSlider.prototype.foreground = function(c, w, h) argument
5106 c.setStrokeWidth(0.5);
5107 c.setGradient('#444444', '#ffffff', 0, h * 0.5 - 2.5, w, 5, mxConstants.DIRECTION_SOUTH, 1, 1);
5108 c.roundrect(0, h * 0.5 - 2.5, w, 5, 2.5, 2.5);
5109 c.fill();
5118 …c.setGradient('#96D1FF', '#003377', 2.5, h * 0.5 - 2.5, truePos - 2.5, 5, mxConstants.DIRECTION_SO…
5119 c.begin();
5120 c.moveTo(truePos, h * 0.5 - 2.5);
5121 c.lineTo(truePos, h * 0.5 + 2.5);
5122 c.lineTo(2.5, h * 0.5 + 2.5);
5123 c.arcTo(2.5, 2.5, 0, 0, 1, 2.5, h * 0.5 - 2.5);
5124 c.close();
5125 c.fill();
5127 c.setStrokeColor('#999999');
5128 …c.setGradient('#444444', '#ffffff', truePos - 5, h * 0.5 - 5, 10, 10, mxConstants.DIRECTION_NORTH,…
5129 c.ellipse(truePos - 5, h * 0.5 - 5, 10, 10);
5130 c.fillAndStroke();
5180 mxShapeMockupiProgressBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
5182 c.translate(x, y);
5183 c.setShadow(false);
5185 this.foreground(c, w, h);
5188 mxShapeMockupiProgressBar.prototype.foreground = function(c, w, h) argument
5190 c.setStrokeWidth(0.5);
5191 c.setGradient('#444444', '#ffffff', 0, h * 0.5 - 2.5, w, 5, mxConstants.DIRECTION_SOUTH, 1, 1);
5192 c.roundrect(0, h * 0.5 - 2.5, w, 5, 2.5, 2.5);
5193 c.fill();
5202 …c.setGradient('#96D1FF', '#003377', 2.5, h * 0.5 - 2.5, truePos - 2.5, 5, mxConstants.DIRECTION_SO…
5203 c.begin();
5204 c.moveTo(truePos, h * 0.5 - 2.5);
5205 c.arcTo(2.5, 2.5, 0, 0, 1, truePos, h * 0.5 + 2.5);
5206 c.lineTo(2.5, h * 0.5 + 2.5);
5207 c.arcTo(2.5, 2.5, 0, 0, 1, 2.5, h * 0.5 - 2.5);
5208 c.close();
5209 c.fill();
5258 mxShapeMockupiCloudProgressBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
5260 c.translate(x, y);
5261 c.setShadow(false);
5263 this.foreground(c, w, h);
5266 mxShapeMockupiCloudProgressBar.prototype.foreground = function(c, w, h) argument
5268 c.setStrokeWidth(0.5);
5269 c.setFillColor('#5C6E86');
5270 c.rect(0, h * 0.5 - 2.5, w, 5);
5271 c.fill();
5280 c.setFillColor('#8AD155');
5281 c.rect(0, h * 0.5 - 2.5, truePos, 5);
5282 c.fill();
5331 mxShapeMockupiDownloadBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
5333 c.translate(x, y);
5335 c.setGradient('#00ccff', '#0066cc', 0, 0, w, h, mxConstants.DIRECTION_SOUTH, 1, 1);
5336 c.rect(0, 0, w, h);
5337 c.fill();
5338 c.setShadow(false);
5340 this.foreground(c, w, h);
5343 mxShapeMockupiDownloadBar.prototype.foreground = function(c, w, h) argument
5346 c.setFontColor('#ffffff');
5347 c.setFontStyle(mxConstants.FONT_BOLD);
5348 c.setFontSize(8);
5349 …c.text(w * 0.5, h * 0.2, 0, 0, fieldText, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, n…
5358 c.setStrokeWidth(0.5);
5359 …c.setGradient('#96D1FF', '#003377', deadzone, h * 0.65 - 2.5, w - 2 * deadzone, 5, mxConstants.DIR…
5360 c.roundrect(deadzone, h * 0.65 - 2.5, w - 2 * deadzone, 5, 2.5, 2.5);
5361 c.fill();
5363 …c.setGradient('#aaaaaa', '#ffffff', deadzone + 2.5, h * 0.65 - 2.5, truePos - deadzone - 2.5, 5, m…
5364 c.begin();
5365 c.moveTo(truePos, h * 0.65 - 2.5);
5366 c.arcTo(2.5, 2.5, 0, 0, 1, truePos, h * 0.65 + 2.5);
5367 c.lineTo(deadzone + 2.5, h * 0.65 + 2.5);
5368 c.arcTo(2.5, 2.5, 0, 0, 1, deadzone + 2.5, h * 0.65 - 2.5);
5369 c.close();
5370 c.fill();
5415 mxShapeMockupiScreenNameBar.prototype.paintVertexShape = function(c, x, y, w, h) argument
5417 c.translate(x, y);
5419 c.setStrokeWidth(0.5);
5421 c.setFillColor(fillColor2);
5422 c.rect(0, 0, w, h);
5423 c.fill();
5424 c.setShadow(false);
5426 this.foreground(c, w, h, rSize);
5429 mxShapeMockupiScreenNameBar.prototype.foreground = function(c, w, h, rSize) argument
5432 c.setGradient(fillColor3, fillColor3, 0, 0, w, h * 0.5, mxConstants.DIRECTION_SOUTH, 0.8, 0.1);
5433 c.rect(0, 0, w, h * 0.5);
5434 c.fill();
5438 c.setFontColor(textColor);
5439 c.setFontSize(9.5);
5440 …c.text(w * 0.5, h * 0.45, 0, 0, fieldText, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, …
5474 mxShapeMockupiIconGrid.prototype.paintVertexShape = function(c, x, y, w, h) argument
5476 c.translate(x, y);
5478 this.background(c, w, h, gridSize);
5479 c.setShadow(false);
5481 this.foreground(c, w, h, gridSize);
5484 mxShapeMockupiIconGrid.prototype.background = function(c, w, h, gridSize) argument
5488 c.setStrokeColor(strokeColor);
5489 c.setFillColor(fillColor);
5498 c.rect(boxSizeX * 1.5 * i, boxSizeY * 1.5 * j, boxSizeX, boxSizeY);
5499 c.fillAndStroke();
5504 mxShapeMockupiIconGrid.prototype.foreground = function(c, w, h, gridSize) argument
5513 c.begin();
5514 c.moveTo(boxSizeX * 1.5 * i, boxSizeY * 1.5 * j);
5515 c.lineTo(boxSizeX * 1.5 * i + boxSizeX, boxSizeY * 1.5 * j + boxSizeY);
5516 c.moveTo(boxSizeX * 1.5 * i + boxSizeX, boxSizeY * 1.5 * j);
5517 c.lineTo(boxSizeX * 1.5 * i, boxSizeY * 1.5 * j + boxSizeY);
5518 c.stroke();
5550 mxShapeMockupiCopy.prototype.paintVertexShape = function(c, x, y, w, h) argument
5553 c.translate(x, y);
5554 this.background(c, w, h, rSize);
5555 c.setShadow(false);
5557 this.foreground(c, w, h, rSize);
5560 mxShapeMockupiCopy.prototype.background = function(c, w, h, rSize) argument
5562 c.begin();
5563 c.moveTo(0, rSize);
5564 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
5565 c.lineTo(w - rSize, 0);
5566 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
5567 c.lineTo(w, h - rSize - 7.5);
5568 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h - 7.5);
5569 c.lineTo(w * 0.5 + 7.5, h - 7.5);
5570 c.lineTo(w * 0.5, h);
5571 c.lineTo(w * 0.5 - 7.5, h - 7.5);
5572 c.lineTo(rSize, h - 7.5);
5573 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize - 7.5);
5574 c.close();
5575 c.fillAndStroke();
5578 mxShapeMockupiCopy.prototype.foreground = function(c, w, h, rSize) argument
5581 c.setGradient(fillColor3, fillColor3, 0, 0, w, h * 0.5, mxConstants.DIRECTION_SOUTH, 0.8, 0.1);
5582 c.begin();
5583 c.moveTo(0, rSize);
5584 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
5585 c.lineTo(w - rSize, 0);
5586 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
5587 c.lineTo(w, (h - 7.5) * 0.5);
5588 c.lineTo(0, (h - 7.5) * 0.5);
5589 c.close();
5590 c.fill();
5594 c.setFontColor(textColor);
5595 c.setFontSize(8.5);
5596 …c.text(w * 0.5, (h - 7.5)* 0.45, 0, 0, fieldText, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDD…
5626 mxShapeMockupiCopyArea.prototype.paintVertexShape = function(c, x, y, w, h) argument
5629 c.translate(x, y);
5630 this.background(c, w, h, rSize);
5631 c.setShadow(false);
5633 this.foreground(c, w, h, rSize);
5636 mxShapeMockupiCopyArea.prototype.background = function(c, w, h, rSize) argument
5638 c.begin();
5639 c.moveTo(w * 0.5 - 20, 0 + rSize);
5640 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 - 20 + rSize, 0);
5641 c.lineTo(w * 0.5 + 20 - rSize, 0);
5642 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 + 20, rSize);
5643 c.lineTo(w * 0.5 + 20, 20 - rSize);
5644 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 + 20 - rSize, 20);
5645 c.lineTo(w * 0.5 + 7.5, 20);
5646 c.lineTo(w * 0.5, 27.5);
5647 c.lineTo(w * 0.5 - 7.5, 20);
5648 c.lineTo(w * 0.5 - 20 + rSize, 20);
5649 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 - 20, 20 - rSize);
5650 c.close();
5651 c.fillAndStroke();
5654 mxShapeMockupiCopyArea.prototype.foreground = function(c, w, h, rSize) argument
5656 c.setAlpha(0.3);
5657 c.setFillColor('#2266ff');
5658 c.rect(2.5, 27.5, w - 5, h - 30);
5659 c.fill();
5660 c.setAlpha(1);
5664 c.setStrokeColor('#ffffff');
5665 c.setGradient('#88ddff', '#2266ff', w * 0.5 - 2.5, 25, 5, 5, mxConstants.DIRECTION_SOUTH, 1, 1);
5666 c.ellipse(w * 0.5 - 2.5, 25, 5, 5);
5667 c.fillAndStroke();
5668 …c.setGradient('#88ddff', '#2266ff', w * 0.5 - 2.5, h - 5, 5, 5, mxConstants.DIRECTION_SOUTH, 1, 1);
5669 c.ellipse(w * 0.5 - 2.5, h - 5, 5, 5);
5670 c.fillAndStroke();
5671 c.setGradient('#88ddff', '#2266ff', 0, h * 0.5 + 10, 5, 5, mxConstants.DIRECTION_SOUTH, 1, 1);
5672 c.ellipse(0, h * 0.5 + 10, 5, 5);
5673 c.fillAndStroke();
5674 c.setGradient('#88ddff', '#2266ff', w - 5, h * 0.5 + 10, 5, 5, mxConstants.DIRECTION_SOUTH, 1, 1);
5675 c.ellipse(w - 5, h * 0.5 + 10, 5, 5);
5676 c.fillAndStroke();
5682 c.setFillColor(fillColor2);
5683 c.setStrokeColor(strokeColor);
5684 c.begin();
5685 c.moveTo(w * 0.5 - 20, 0 + rSize);
5686 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 - 20 + rSize, 0);
5687 c.lineTo(w * 0.5 + 20 - rSize, 0);
5688 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 + 20, rSize);
5689 c.lineTo(w * 0.5 + 20, 20 - rSize);
5690 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 + 20 - rSize, 20);
5691 c.lineTo(w * 0.5 + 7.5, 20);
5692 c.lineTo(w * 0.5, 27.5);
5693 c.lineTo(w * 0.5 - 7.5, 20);
5694 c.lineTo(w * 0.5 - 20 + rSize, 20);
5695 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 - 20, 20 - rSize);
5696 c.close();
5697 c.fillAndStroke();
5700 …c.setGradient(fillColor3, fillColor3, w * 0.5 - 20, 0, 40, 10, mxConstants.DIRECTION_SOUTH, 0.8, 0…
5701 c.begin();
5702 c.moveTo(w * 0.5 - 20, rSize);
5703 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 - 20 + rSize, 0);
5704 c.lineTo(w * 0.5 + 20 - rSize, 0);
5705 c.arcTo(rSize, rSize, 0, 0, 1, w * 0.5 + 20, rSize);
5706 c.lineTo(w * 0.5 + 20, 10);
5707 c.lineTo(w * 0.5 - 20, 10);
5708 c.close();
5709 c.fill();
5713 c.setFontColor(textColor);
5714 c.setFontSize(8.5);
5716 …c.text(w * 0.5, 8.75, 0, 0, fieldText, mxConstants.ALIGN_CENTER, mxConstants.ALIGN_MIDDLE, 0, null…
5746 mxShapeMockupiHomePageControl.prototype.paintVertexShape = function(c, x, y, w, h) argument
5748 c.translate(x, y);
5753 c.setStrokeColor(strokeColor);
5754 c.setFillColor(fillColor);
5757 c.ellipse(w * 0.35 - rSize, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5758 c.fill();
5759 c.ellipse(w * 0.65 - rSize, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5760 c.fill();
5761 c.ellipse(w - 2 * rSize, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5762 c.fill();
5764 c.ellipse(rSize * 0.2, h * 0.5 - rSize * 0.8, rSize * 1.2, rSize * 1.2);
5765 c.stroke();
5766 c.begin();
5767 c.moveTo(rSize * 1.15, h * 0.5 + rSize * 0.25);
5768 c.lineTo(rSize * 1.6, h * 0.5 + rSize * 0.8);
5769 c.stroke();
5799 mxShapeMockupiPageControl.prototype.paintVertexShape = function(c, x, y, w, h) argument
5801 c.translate(x, y);
5808 c.setFillColor(strokeColor);
5809 c.ellipse(0, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5810 c.fill();
5811 c.setFillColor(fillColor);
5812 c.ellipse(w * 0.35 - rSize, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5813 c.fill();
5814 c.ellipse(w * 0.65 - rSize, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5815 c.fill();
5816 c.ellipse(w - 2 * rSize, h * 0.5 - rSize, 2 * rSize, 2 * rSize);
5817 c.fill();
5853 mxShapeMockupiPad.prototype.paintVertexShape = function(c, x, y, w, h) argument
5856 c.translate(x, y);
5857 this.background(c, x, y, w, h, rSize);
5858 c.setShadow(false);
5859 this.foreground(c, x, y, w, h, rSize);
5862 mxShapeMockupiPad.prototype.background = function(c, x, y, w, h, rSize) argument
5864 c.setFillColor('#000000');
5865 c.setStrokeColor('#000000');
5866 c.roundrect(0, 0, w, h, rSize, rSize);
5867 c.fillAndStroke();
5870 mxShapeMockupiPad.prototype.foreground = function(c, x, y, w, h, rSize) argument
5872 c.setStrokeWidth(1.5);
5873 c.setStrokeColor('#999999');
5875 c.begin();
5876 c.setStrokeColor('none');
5877 c.setFillColor('#808080');
5878 …c.setGradient('#808080', '#000000', w * 0.325, 0, w * 0.675, h * 0.5, mxConstants.DIRECTION_SOUTH,…
5879 c.moveTo(w * 0.325, 0);
5880 c.lineTo(w - rSize, 0);
5881 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
5882 c.lineTo(w, h * 0.5);
5883 c.lineTo(w * 0.7, h * 0.5);
5884 c.close();
5885 c.fillAndStroke();
5887 c.begin();
5888 c.setFillColor('#1f2923');
5889 c.setStrokeColor('#18211b');
5890 c.setStrokeWidth(1);
5895 c.setStrokeWidth(1);
5899 c.setFillColor('#ffffff');
5900 c.rect(w * 0.0928, h * 0.08, w * 0.8144, h * 0.816);
5901 c.fill();
5905 c.setFillColor('#1f2923');
5906 c.rect(w * 0.0928, h * 0.08, w * 0.8144, h * 0.816);
5907 c.fill();
5911 c.setFillColor('#dddddd');
5912 c.rect(w * 0.0928, h * 0.08, w * 0.8144, h * 0.816);
5913 c.fill();
5917 c.setFillColor(fillColor);
5918 c.rect(w * 0.0928, h * 0.08, w * 0.8144, h * 0.816);
5919 c.fill();
5927 c.translate(w * 0.0928, h * 0.08);
5931 c.setFillColor('#5D7585');
5932 c.rect(0, 0, w, h);
5933 c.fillAndStroke();
5938 c.setStrokeColor(strokeColor2);
5940 c.begin();
5944 c.moveTo(i, 0);
5945 c.lineTo(i, h);
5949 c.stroke();
5951 c.setStrokeColor(strokeColor);
5952 c.begin();
5953 c.rect(0, 0, w, h);
5954 c.stroke();
5958 c.translate( - w * 0.0928, - h * 0.08);
5966 c.translate(w * 0.0928, h * 0.08);
5970 c.setFillColor('#ffffff');
5971 c.rect(0, 0, w, h);
5972 c.fillAndStroke();
5978 c.setFillColor(fillColor2);
5979 c.setStrokeColor(strokeColor2);
5980 c.setStrokeWidth(0.5);
5982 c.begin();
5983 c.moveTo(0, 0);
5984 c.lineTo(w * 0.1171, 0);
5985 c.lineTo(w * 0.1136, h * 0.0438);
5986 c.lineTo(w * 0.0993, h * 0.054);
5987 c.lineTo(0, h * 0.0446);
5988 c.close();
5989 c.fillAndStroke();
5991 c.begin();
5992 c.moveTo(w * 0.1993, 0);
5993 c.lineTo(w * 0.1914, h * 0.03884);
5994 c.lineTo(w * 0.1536, h * 0.0362);
5995 c.lineTo(w * 0.1586, 0);
5996 c.close();
5997 c.fillAndStroke();
5999 c.begin();
6000 c.moveTo(w * 0.24, 0);
6001 c.lineTo(w * 0.2257, h * 0.054);
6002 c.lineTo(w * 0.2414, h * 0.0674);
6003 c.lineTo(w * 0.4707, h * 0.0835);
6004 c.lineTo(w * 0.5264, h * 0.0906);
6005 c.lineTo(w * 0.6429, h * 0.0929);
6006 c.arcTo(w * 0.0857, h * 0.0536, 0, 0, 0, w * 0.7193, h * 0.0621);
6007 c.arcTo(w * 0.48, h * 0.2143, 0, 0, 0, w * 0.7286, 0);
6008 c.close();
6009 c.fillAndStroke();
6011 c.begin();
6012 c.moveTo(w * 0.8, 0);
6013 c.lineTo(w * 0.7886, h * 0.04554);
6014 c.arcTo(w * 0.0857, h * 0.0536, 0, 0, 0, w * 0.8164, h * 0.0875);
6015 c.arcTo(w * 0.1429, h * 0.0893, 0, 0, 0, w * 0.88, h * 0.1036);
6016 c.lineTo(w, h * 0.1112);
6017 c.lineTo(w, 0);
6018 c.close();
6019 c.fillAndStroke();
6021 c.begin();
6022 c.moveTo(0, h * 0.0933);
6023 c.lineTo(w * 0.08, h * 0.1036);
6024 c.lineTo(w * 0.1021, h * 0.1246);
6025 c.lineTo(w * 0.1007, h * 0.1768);
6026 c.lineTo(w * 0.0471, h * 0.2241);
6027 c.lineTo(0, h * 0.2527);
6028 c.close();
6029 c.fillAndStroke();
6031 c.ellipse(w * 0.1214, h * 0.0603, w * 0.0843, h * 0.0576);
6032 c.fillAndStroke();
6034 c.begin();
6035 c.moveTo(w * 0.1293, h * 0.1924);
6036 c.lineTo(w * 0.1729, h * 0.142);
6037 c.lineTo(w * 0.1407, h * 0.1411);
6038 c.lineTo(w * 0.14, h * 0.1777);
6039 c.close();
6040 c.fillAndStroke();
6042 c.begin();
6043 c.moveTo(w * 0.4586, h * 0.1241);
6044 c.lineTo(w * 0.455, h * 0.1835);
6045 c.lineTo(w * 0.3893, h * 0.2246);
6046 c.lineTo(w * 0.2171, h * 0.1362);
6047 c.lineTo(w * 0.2171, h * 0.1308);
6048 c.lineTo(w * 0.2293, h * 0.1214);
6049 c.lineTo(w * 0.2857, h * 0.1174);
6050 c.close();
6051 c.fillAndStroke();
6053 c.begin();
6054 c.moveTo(w * 0.5079, h * 0.1134);
6055 c.lineTo(w * 0.7307, h * 0.1223);
6056 c.lineTo(w * 0.7279, h * 0.1625);
6057 c.lineTo(w * 0.715, h * 0.1772);
6058 c.lineTo(w * 0.6929, h * 0.1688);
6059 c.lineTo(w * 0.625, h * 0.1795);
6060 c.lineTo(w * 0.4779, h * 0.2835);
6061 c.lineTo(w * 0.395, h * 0.2299);
6062 c.lineTo(w * 0.4657, h * 0.1826);
6063 c.lineTo(w * 0.4707, h * 0.1223);
6064 c.close();
6065 c.fillAndStroke();
6067 c.begin();
6068 c.moveTo(w, h * 0.1362);
6069 c.lineTo(w * 0.7643, h * 0.1237);
6070 c.lineTo(w * 0.7543, h * 0.1562);
6071 c.lineTo(w * 0.7643, h * 0.1585);
6072 c.lineTo(w * 0.9186, h * 0.2366);
6073 c.lineTo(w, h * 0.1732);
6074 c.close();
6075 c.fillAndStroke();
6077 c.begin();
6078 c.moveTo(w * 0.2079, h * 0.1545);
6079 c.lineTo(w * 0.3886, h * 0.2536);
6080 c.lineTo(w * 0.3414, h * 0.2933);
6081 c.lineTo(w * 0.1743, h * 0.1969);
6082 c.close();
6083 c.fillAndStroke();
6085 c.begin();
6086 c.moveTo(w * 0.1579, h * 0.2134);
6087 c.lineTo(w * 0.3221, h * 0.3067);
6088 c.lineTo(w * 0.2957, h * 0.3237);
6089 c.lineTo(w * 0.1157, h * 0.2424);
6090 c.close();
6091 c.fillAndStroke();
6093 c.begin();
6094 c.moveTo(w * 0.405, h * 0.2656);
6095 c.lineTo(w * 0.31, h * 0.3353);
6096 c.lineTo(w * 0.3693, h * 0.3661);
6097 c.lineTo(w * 0.4571, h * 0.2982);
6098 c.close();
6099 c.fillAndStroke();
6101 c.begin();
6102 c.moveTo(w * 0.7121, h * 0.1848);
6103 c.lineTo(w * 0.6879, h * 0.1754);
6104 c.lineTo(w * 0.6329, h * 0.1844);
6105 c.lineTo(w * 0.61, h * 0.2018);
6106 c.lineTo(w * 0.6207, h * 0.2085);
6107 c.lineTo(w * 0.4986, h * 0.2982);
6108 c.lineTo(w * 0.535, h * 0.3237);
6109 c.close();
6110 c.fillAndStroke();
6112 c.begin();
6113 c.moveTo(w * 0.5557, h * 0.3379);
6114 c.lineTo(w * 0.7464, h * 0.1826);
6115 c.lineTo(w * 0.8036, h * 0.2076);
6116 c.lineTo(w * 0.595, h * 0.3616);
6117 c.close();
6118 c.fillAndStroke();
6120 c.begin();
6121 c.moveTo(w * 0.8293, h * 0.2188);
6122 c.lineTo(w * 0.8979, h * 0.2509);
6123 c.lineTo(w * 0.6936, h * 0.4125);
6124 c.lineTo(w * 0.6171, h * 0.3737);
6125 c.close();
6126 c.fillAndStroke();
6128 c.begin();
6129 c.moveTo(w, h * 0.2138);
6130 c.lineTo(w * 0.6821, h * 0.4603);
6131 c.lineTo(w * 0.815, h * 0.5277);
6132 c.lineTo(w, h * 0.4);
6133 c.close();
6134 c.fillAndStroke();
6136 c.begin();
6137 c.moveTo(0, h * 0.317);
6138 c.lineTo(w * 0.0971, h * 0.2554);
6139 c.lineTo(w * 0.4121, h * 0.4143);
6140 c.lineTo(w * 0.3736, h * 0.4415);
6141 c.lineTo(w * 0.315, h * 0.4076);
6142 c.lineTo(w * 0.3093, h * 0.4116);
6143 c.lineTo(w * 0.3686, h * 0.4455);
6144 c.lineTo(w * 0.285, h * 0.5045);
6145 c.lineTo(w * 0.1114, h * 0.4134);
6146 c.lineTo(w * 0.025, h * 0.4603);
6147 c.lineTo(w * 0.0371, h * 0.4723);
6148 c.lineTo(w * 0.1114, h * 0.4371);
6149 c.lineTo(w * 0.2871, h * 0.5312);
6150 c.lineTo(w * 0.1929, h * 0.6058);
6151 c.lineTo(w * 0.2271, h * 0.6705);
6152 c.lineTo(w * 0.17, h * 0.7147);
6153 c.lineTo(w * 0.0314, h * 0.6321);
6154 c.lineTo(0, h * 0.6246);
6155 c.close();
6156 c.fillAndStroke();
6158 c.begin();
6159 c.moveTo(w * 0.48, h * 0.3121);
6160 c.lineTo(w * 0.5157, h * 0.3375);
6161 c.lineTo(w * 0.4314, h * 0.3982);
6162 c.lineTo(w * 0.3929, h * 0.3786);
6163 c.close();
6164 c.fillAndStroke();
6166 c.begin();
6167 c.moveTo(w * 0.3086, h * 0.5179);
6168 c.lineTo(w * 0.53, h * 0.3518);
6169 c.lineTo(w * 0.5757, h * 0.3745);
6170 c.lineTo(w * 0.3479, h * 0.5411);
6171 c.close();
6172 c.fillAndStroke();
6174 c.begin();
6175 c.moveTo(w * 0.5964, h * 0.3884);
6176 c.lineTo(w * 0.6736, h * 0.4277);
6177 c.lineTo(w * 0.445, h * 0.5991);
6178 c.lineTo(w * 0.3664, h * 0.5531);
6179 c.lineTo(w * 0.5057, h * 0.4545);
6180 c.lineTo(w * 0.5507, h * 0.4754);
6181 c.lineTo(w * 0.5571, h * 0.4723);
6182 c.lineTo(w * 0.5114, h * 0.4504);
6183 c.close();
6184 c.fillAndStroke();
6186 c.begin();
6187 c.moveTo(w * 0.4793, h * 0.6161);
6188 c.lineTo(w * 0.6771, h * 0.4643);
6189 c.lineTo(w * 0.8086, h * 0.5326);
6190 c.lineTo(w * 0.7471, h * 0.5817);
6191 c.lineTo(w * 0.7214, h * 0.567);
6192 c.lineTo(w * 0.715, h * 0.571);
6193 c.lineTo(w * 0.7421, h * 0.5871);
6194 c.lineTo(w * 0.6014, h * 0.6933);
6195 c.close();
6196 c.fillAndStroke();
6198 c.begin();
6199 c.moveTo(w, h * 0.4371);
6200 c.lineTo(w * 0.8443, h * 0.546);
6201 c.lineTo(w * 0.9071, h * 0.5701);
6202 c.lineTo(w, h * 0.5022);
6203 c.close();
6204 c.fillAndStroke();
6206 c.begin();
6207 c.moveTo(w * 0.8407, h * 0.5504);
6208 c.lineTo(w * 0.8993, h * 0.5759);
6209 c.lineTo(w * 0.6757, h * 0.7416);
6210 c.lineTo(w * 0.6286, h * 0.7139);
6211 c.close();
6212 c.fillAndStroke();
6214 c.begin();
6215 c.moveTo(w, h * 0.5321);
6216 c.lineTo(w * 0.6979, h * 0.7549);
6217 c.lineTo(w * 0.7457, h * 0.7781);
6218 c.lineTo(w * 0.9814, h * 0.6094);
6219 c.lineTo(w, h * 0.6067);
6220 c.close();
6221 c.fillAndStroke();
6223 c.begin();
6224 c.moveTo(w, h * 0.6254);
6225 c.lineTo(w * 0.7664, h * 0.792);
6226 c.lineTo(w * 0.9586, h * 0.9062);
6227 c.lineTo(w, h * 0.8786);
6228 c.close();
6229 c.fillAndStroke();
6231 c.begin();
6232 c.moveTo(w * 0.3093, h * 0.5464);
6233 c.lineTo(w * 0.4271, h * 0.6152);
6234 c.lineTo(w * 0.245, h * 0.7643);
6235 c.lineTo(w * 0.185, h * 0.7228);
6236 c.lineTo(w * 0.2493, h * 0.6728);
6237 c.lineTo(w * 0.2214, h * 0.6143);
6238 c.close();
6239 c.fillAndStroke();
6241 c.begin();
6242 c.moveTo(0, h * 0.65);
6243 c.lineTo(w * 0.2179, h * 0.7826);
6244 c.lineTo(w * 0.1136, h * 0.8424);
6245 c.close();
6246 c.fillAndStroke();
6248 c.begin();
6249 c.moveTo(0, h * 0.7272);
6250 c.lineTo(w * 0.0821, h * 0.859);
6251 c.lineTo(0, h * 0.9085);
6252 c.close();
6253 c.fillAndStroke();
6255 c.begin();
6256 c.moveTo(w * 0.4529, h * 0.6366);
6257 c.lineTo(w * 0.575, h * 0.7143);
6258 c.lineTo(w * 0.39, h * 0.8621);
6259 c.lineTo(w * 0.2657, h * 0.7902);
6260 c.close();
6261 c.fillAndStroke();
6263 c.begin();
6264 c.moveTo(0, h * 0.9415);
6265 c.lineTo(w * 0.1036, h * 0.8821);
6266 c.lineTo(w * 0.2343, h * 0.959);
6267 c.lineTo(w * 0.1721, h);
6268 c.lineTo(0, h);
6269 c.close();
6270 c.fillAndStroke();
6272 c.begin();
6273 c.moveTo(w * 0.2586, h * 0.7951);
6274 c.lineTo(w * 0.3829, h * 0.8674);
6275 c.lineTo(w * 0.2543, h * 0.9451);
6276 c.lineTo(w * 0.1279, h * 0.8692);
6277 c.close();
6278 c.fillAndStroke();
6280 c.begin();
6281 c.moveTo(w * 0.2836, h * 0.9639);
6282 c.lineTo(w * 0.4207, h * 0.8772);
6283 c.lineTo(w * 0.605, h * 0.7321);
6284 c.lineTo(w * 0.6521, h * 0.7634);
6285 c.lineTo(w * 0.3486, h);
6286 c.lineTo(w * 0.3393, h);
6287 c.close();
6288 c.fillAndStroke();
6290 c.begin();
6291 c.moveTo(w * 0.3879, h);
6292 c.lineTo(w * 0.6721, h * 0.7759);
6293 c.lineTo(w * 0.7171, h * 0.7982);
6294 c.lineTo(w * 0.4564, h);
6295 c.close();
6296 c.fillAndStroke();
6298 c.begin();
6299 c.moveTo(w * 0.4986, h);
6300 c.lineTo(w * 0.7386, h * 0.8125);
6301 c.lineTo(w * 0.9307, h * 0.925);
6302 c.lineTo(w * 0.8264, h);
6303 c.close();
6304 c.fillAndStroke();
6306 c.begin();
6307 c.moveTo(w * 0.8671, h);
6308 c.lineTo(w * 0.9464, h * 0.9491);
6309 c.lineTo(w, h * 0.975);
6310 c.lineTo(w, h);
6311 c.close();
6312 c.fillAndStroke();
6314 c.begin();
6315 c.moveTo(w * 0.2295, h);
6316 c.lineTo(w * 0.2648, h * 0.9792);
6317 c.lineTo(w * 0.2981, h);
6318 c.close();
6319 c.fillAndStroke();
6323 c.translate( - w * 0.0928, - h * 0.08);
6326 c.setStrokeWidth(1);
6327 c.setStrokeColor('#18211b');
6328 c.rect(w * 0.0928, h * 0.08, w * 0.8144, h * 0.816);
6329 c.stroke();
6331 c.setStrokeWidth(1.5);
6332 c.setAlpha(0.8);
6333 c.setStrokeColor('#dddddd');
6334 c.begin();
6335 c.moveTo(0, rSize);
6336 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
6337 c.lineTo(w - rSize, 0);
6338 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
6339 c.lineTo(w, h - rSize);
6340 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
6341 c.lineTo(rSize, h);
6342 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
6343 c.close();
6344 c.stroke();
6347 c.begin();
6348 c.setStrokeColor('#666666');
6349 c.begin();
6350 c.moveTo(2.5, 2.5 + rSize);
6351 c.arcTo(rSize, rSize, 0, 0, 1, 2.5 + rSize, 2.5);
6352 c.lineTo(w - rSize - 5, 2.5);
6353 c.arcTo(rSize, rSize, 0, 0, 1, w - 2.5, rSize + 2.5);
6354 c.lineTo(w - 2.5, h - rSize - 2.5);
6355 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize - 2.5, h - 2.5);
6356 c.lineTo(rSize + 2.5, h - 2.5);
6357 c.arcTo(rSize, rSize, 0, 0, 1, 2.5, h - rSize - 2.5);
6358 c.close();
6359 c.stroke();
6361 c.setAlpha(1);
6362 c.ellipse(w * 0.4948, h * 0.0444, w * 0.0103, h * 0.008);
6363 c.setStrokeWidth(2.5);
6364 c.setStrokeColor('#000000');
6365 c.setFillColor('#000099');
6366 c.fillAndStroke();
6368 …c.setGradient('#bbbbbb', '#000000', w * 0.4588, h * 0.912, w * 0.0825, h * 0.064, mxConstants.DIRE…
6369 c.ellipse(w * 0.4588, h * 0.912, w * 0.0825, h * 0.064);
6370 c.fill();
6372 c.setAlpha(0.5);
6373 c.ellipse(w * 0.4588, h * 0.912, w * 0.0825, h * 0.064);
6374 c.stroke();
6376 c.begin();
6377 c.setAlpha(0.85);
6378 c.setFillColor('#000000');
6379 c.moveTo(w * 0.4598, h * 0.944);
6380 c.arcTo(w * 0.0402, h * 0.0296, 0, 0, 1, w * 0.5402, h * 0.944);
6381 c.arcTo(w * 0.0825, h * 0.064, 0, 0, 1, w * 0.4598, h * 0.944);
6382 c.close();
6383 c.fillAndStroke();
6385 c.begin();
6386 c.setAlpha(0.7);
6387 c.setStrokeWidth(1.5);
6388 c.setStrokeColor('#dddddd');
6390 c.roundrect(w * 0.4814, h * 0.9296, w * 0.0371, h * 0.0288, h * 0.00515, h * 0.004);
6391 c.stroke();
6430 mxShapeMockupRRect.prototype.paintVertexShape = function(c, x, y, w, h) argument
6432 c.translate(x, y);
6435 c.roundrect(0, 0, w, h, rSize);
6436 c.fillAndStroke();
6475 mxShapeIosTopButton.prototype.paintVertexShape = function(c, x, y, w, h) argument
6477 c.translate(x, y);
6481 c.begin();
6482 c.moveTo(0, rSize);
6483 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
6484 c.lineTo(w - rSize, 0);
6485 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
6486 c.lineTo(w, h);
6487 c.lineTo(0, h);
6488 c.close();
6489 c.fillAndStroke();
6528 mxShapeIosBottomButton.prototype.paintVertexShape = function(c, x, y, w, h) argument
6530 c.translate(x, y);
6534 c.begin();
6535 c.moveTo(0, 0);
6536 c.lineTo(w, 0);
6537 c.lineTo(w, h - rSize);
6538 c.arcTo(rSize, rSize, 0, 0, 1, w - rSize, h);
6539 c.lineTo(rSize, h);
6540 c.arcTo(rSize, rSize, 0, 0, 1, 0, h - rSize);
6541 c.close();
6542 c.fillAndStroke();
6573 mxShapeIosAnchor.prototype.paintVertexShape = function(c, x, y, w, h) argument
6608 mxShapeIosCheckbox.prototype.paintVertexShape = function(c, x, y, w, h) argument
6610 c.translate(x, y);
6611 c.rect(0, 0, w, h);
6612 c.fillAndStroke();
6614 c.begin();
6615 c.moveTo(w * 0.8, h * 0.2);
6616 c.lineTo(w * 0.4, h * 0.8);
6617 c.lineTo(w * 0.25, h * 0.6);
6618 c.stroke();
6657 mxShapeMockupFancyRRect.prototype.paintVertexShape = function(c, x, y, w, h) argument
6659 c.translate(x, y);
6666 c.roundrect(0, 0, w, h, rSize);
6667 c.fillAndStroke();
6669 c.setShadow(false);
6671 c.setStrokeColor(fillColor);
6672 c.setGradient(fillColor, '#ffffff', 0, 0, w, 22.5, mxConstants.DIRECTION_SOUTH, 1, 1);
6673 c.setAlpha(0.3);
6674 c.begin();
6675 c.moveTo(w - rSize, 0);
6676 c.arcTo(rSize, rSize, 0, 0, 1, w, rSize);
6677 c.lineTo(w, 17.5);
6678 c.arcTo(w * 1.67, h * 2.5, 0, 0, 1, 0, 17.5);
6679 c.lineTo(0, rSize);
6680 c.arcTo(rSize, rSize, 0, 0, 1, rSize, 0);
6681 c.close();
6682 c.fillAndStroke();
6684 c.setAlpha(0.8);
6685 c.setStrokeColor(strokeColor);
6686 c.setStrokeWidth(1);
6687 c.roundrect(0, 0, w, h, rSize, rSize);
6688 c.stroke();