This commit is contained in:
chenp
2021-06-25 21:37:59 +08:00
commit 4838fc46cb
312 changed files with 264826 additions and 0 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -0,0 +1,831 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="610.4167px" preserveAspectRatio="none" style="width:673px;height:610px;background:#00000000;" version="1.1" viewBox="0 0 673 610" width="673.9583px" zoomAndPan="magnify"><defs><filter height="300%" id="f1f9dfydq34m8b" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0833333333333335"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.166666666666667" dy="4.166666666666667" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter><linearGradient id="g1f9dfydq34m8b0" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2196F3"/><stop offset="100%" stop-color="#1A78C2"/></linearGradient></defs><g><rect height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="448.9583" x="105.2083" y="2.0833"/><text fill="#2196F3" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="411.4583" x="123.9583" y="38.6536">Class Diagram - materia-outline theme</text><!--MD5=[b4fa10df80476353258f72a232547d63]
class AbstractList--><rect codeLine="10" filter="url(#f1f9dfydq34m8b)" height="63.1083" id="AbstractList" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="127.0833" x="207.8125" y="336.7778"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="336.7778"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="379.0527"/><rect codeLine="10" fill="none" height="63.1083" id="AbstractList" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="127.0833" x="207.8125" y="336.7778"/><ellipse cx="222.3958" cy="359.9986" fill="#70BF73" rx="10.4167" ry="10.4167" style="stroke:#3D8C40;stroke-width:1.0416666666666667;"/><path d="M221.9889,356.955 L221.1426,360.6822 L222.8516,360.6822 L221.9889,356.955 Z M220.8984,355.3111 L223.0957,355.3111 L225.5534,364.4257 L223.7467,364.4257 L223.1934,362.1796 L220.7845,362.1796 L220.2311,364.4257 L218.4245,364.4257 L220.8984,355.3111 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="75" x="246.3542" y="364.9699">AbstractList</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="208.8542" x2="333.8542" y1="383.2194" y2="383.2194"/><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="208.8542" x2="333.8542" y1="391.5527" y2="391.5527"/><!--MD5=[8e34b16d8d8f96f4a11290cd523ed859]
class AbstractCollection--><rect codeLine="11" filter="url(#f1f9dfydq34m8b)" height="63.1083" id="AbstractCollection" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="163.5417" x="7.2917" y="336.7778"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="336.7778"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="379.0527"/><rect codeLine="11" fill="none" height="63.1083" id="AbstractCollection" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="163.5417" x="7.2917" y="336.7778"/><ellipse cx="21.875" cy="359.9986" fill="#70BF73" rx="10.4167" ry="10.4167" style="stroke:#3D8C40;stroke-width:1.0416666666666667;"/><path d="M21.4681,356.955 L20.6217,360.6822 L22.3307,360.6822 L21.4681,356.955 Z M20.3776,355.3111 L22.5749,355.3111 L25.0326,364.4257 L23.2259,364.4257 L22.6725,362.1796 L20.2637,362.1796 L19.7103,364.4257 L17.9036,364.4257 L20.3776,355.3111 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="111.4583" x="45.8333" y="364.9699">AbstractCollection</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="8.3333" x2="169.7917" y1="383.2194" y2="383.2194"/><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="8.3333" x2="169.7917" y1="391.5527" y2="391.5527"/><!--MD5=[3d4177ac58b4411586d067f34e84928f]
class List--><rect codeLine="12" filter="url(#f1f9dfydq34m8b)" height="63.1083" id="List" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="75" x="226.5625" y="121.1528"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="75" x="226.5625" y="121.1528"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="75" x="226.5625" y="163.4277"/><rect codeLine="12" fill="none" height="63.1083" id="List" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="75" x="226.5625" y="121.1528"/><ellipse cx="241.1458" cy="144.3736" fill="#B7161C" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M238.0371,141.5415 L238.0371,139.9465 L243.457,139.9465 L243.457,141.5415 L241.6504,141.5415 L241.6504,147.466 L243.457,147.466 L243.457,149.0611 L238.0371,149.0611 L238.0371,147.466 L239.8438,147.466 L239.8438,141.5415 L238.0371,141.5415 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="22.9167" x="265.1042" y="149.3449">List</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="227.6042" x2="300.5208" y1="167.5944" y2="167.5944"/><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="227.6042" x2="300.5208" y1="175.9277" y2="175.9277"/><!--MD5=[c160724f8e3bb89ca8141a12554ac2e3]
class Collection--><rect codeLine="13" filter="url(#f1f9dfydq34m8b)" height="63.1083" id="Collection" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="111.4583" x="71.875" y="121.1528"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="121.1528"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="163.4277"/><rect codeLine="13" fill="none" height="63.1083" id="Collection" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="111.4583" x="71.875" y="121.1528"/><ellipse cx="86.4583" cy="144.3736" fill="#B7161C" rx="10.4167" ry="10.4167" style="stroke:#FFFFFF;stroke-width:1.0416666666666667;"/><path d="M83.3496,141.5415 L83.3496,139.9465 L88.7695,139.9465 L88.7695,141.5415 L86.9629,141.5415 L86.9629,147.466 L88.7695,147.466 L88.7695,149.0611 L83.3496,149.0611 L83.3496,147.466 L85.1563,147.466 L85.1563,141.5415 L83.3496,141.5415 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" font-style="italic" lengthAdjust="spacing" textLength="59.375" x="110.4167" y="149.3449">Collection</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="72.9167" x2="182.2917" y1="167.5944" y2="167.5944"/><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="72.9167" x2="182.2917" y1="175.9277" y2="175.9277"/><!--MD5=[ab8871ed637f40707b866ba6597734bc]
class ArrayList--><rect codeLine="22" filter="url(#f1f9dfydq34m8b)" height="132.6263" id="ArrayList" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="162.5" x="190.1042" y="463.8611"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="463.8611"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="506.1361"/><rect codeLine="22" fill="none" height="132.6263" id="ArrayList" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="162.5" x="190.1042" y="463.8611"/><ellipse cx="228.5938" cy="487.0819" fill="#FFFFFF" rx="10.4167" ry="10.4167" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;"/><path d="M230.498,491.509 Q230.0749,491.7206 229.6029,491.8345 Q229.1309,491.9484 228.6263,491.9484 Q226.7708,491.9484 225.7943,490.744 Q224.834,489.5233 224.834,487.2284 Q224.834,484.9172 225.7943,483.7128 Q226.7708,482.4921 228.6263,482.4921 Q229.1309,482.4921 229.6029,482.606 Q230.0911,482.7037 230.498,482.9315 L230.498,484.9335 Q230.0423,484.5103 229.6029,484.315 Q229.1634,484.1034 228.7077,484.1034 Q227.7148,484.1034 227.2103,484.9009 Q226.7057,485.6822 226.7057,487.2284 Q226.7057,488.7583 227.2103,489.5396 Q227.7148,490.3208 228.7077,490.3208 Q229.1634,490.3208 229.6029,490.1255 Q230.0423,489.9302 230.498,489.507 L230.498,491.509 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="257.8646" y="492.0532">ArrayList</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="191.1458" x2="351.5625" y1="510.3027" y2="510.3027"/><text fill="#222222" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="129.1667" x="206.7708" y="536.4059">Object[] elementData</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="191.1458" x2="351.5625" y1="553.3951" y2="553.3951"/><text fill="#222222" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="206.7708" y="579.4983">size()</text><!--MD5=[15b68e006199004da79ea2a4d117d8e9]
class TimeUnit--><rect codeLine="27" filter="url(#f1f9dfydq34m8b)" height="167.3854" id="TimeUnit" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="108.3333" x="338.0208" y="69.0694"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="69.0694"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="111.3444"/><rect codeLine="27" fill="none" height="167.3854" id="TimeUnit" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="108.3333" x="338.0208" y="69.0694"/><ellipse cx="352.6042" cy="92.2902" fill="#FFAD33" rx="10.4167" ry="10.4167" style="stroke:#CC7A00;stroke-width:1.0416666666666667;"/><path d="M355.1432,96.9777 L349.4629,96.9777 L349.4629,87.8632 L355.1432,87.8632 L355.1432,89.4582 L351.2695,89.4582 L351.2695,91.4113 L354.7689,91.4113 L354.7689,93.0064 L351.2695,93.0064 L351.2695,95.3827 L355.1432,95.3827 L355.1432,96.9777 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="56.25" x="376.5625" y="97.2616">TimeUnit</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="339.0625" x2="445.3125" y1="115.5111" y2="115.5111"/><text fill="#222222" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="33.3333" x="354.6875" y="141.6143">DAYS</text><text fill="#222222" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="42.7083" x="354.6875" y="176.3733">HOURS</text><text fill="#222222" font-family="Verdana" font-size="11.4583" lengthAdjust="spacing" textLength="54.1667" x="354.6875" y="211.1323">MINUTES</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="339.0625" x2="445.3125" y1="228.1214" y2="228.1214"/><!--MD5=[0c8287f799745f7b534bf75518604c1e]
class SuppressWarnings--><rect codeLine="33" filter="url(#f1f9dfydq34m8b)" height="63.1083" id="SuppressWarnings" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;fill:none;" width="176.0417" x="483.3333" y="121.1528"/><rect fill="url(#g1f9dfydq34m8b0)" height="46.4417" rx="4.1667" ry="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="121.1528"/><rect fill="url(#g1f9dfydq34m8b0)" height="4.1667" style="stroke:url(#g1f9dfydq34m8b0);stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="163.4277"/><rect codeLine="33" fill="none" height="63.1083" id="SuppressWarnings" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.0416666666666667;" width="176.0417" x="483.3333" y="121.1528"/><ellipse cx="497.9167" cy="144.3736" fill="#B052C0" rx="10.4167" ry="10.4167" style="stroke:#7D1F8D;stroke-width:1.0416666666666667;"/><path d="M499.1699,144.1783 Q499.1699,143.4784 498.8607,143.0878 Q498.5514,142.6971 497.998,142.6971 Q497.4609,142.6971 497.1517,143.0878 Q496.8424,143.4784 496.8424,144.1783 Q496.8424,144.8619 497.1517,145.2525 Q497.4609,145.6431 497.998,145.6431 Q498.5514,145.6431 498.8607,145.2525 Q499.1699,144.8619 499.1699,144.1783 Z M500.3092,146.6685 L499.1048,146.6685 L499.1048,146.1802 Q498.877,146.4895 498.5514,146.6522 Q498.2422,146.7987 497.8027,146.7987 Q496.8099,146.7987 496.1914,146.0826 Q495.5729,145.3501 495.5729,144.1783 Q495.5729,142.9901 496.1751,142.274 Q496.7936,141.5578 497.8027,141.5578 Q498.2422,141.5578 498.5677,141.7043 Q498.8932,141.8508 499.1048,142.1438 L499.1048,141.8996 Q499.1048,141.0695 498.6491,140.6138 Q498.1934,140.1581 497.3633,140.1581 Q496.0938,140.1581 495.2799,141.2811 Q494.4824,142.3879 494.4824,144.1783 Q494.4824,146.05 495.4102,147.1731 Q496.3379,148.2798 497.8841,148.2798 Q498.3724,148.2798 498.8281,148.1333 Q499.2839,147.9869 499.707,147.6939 L500.2604,148.7681 Q499.7721,149.1099 499.1862,149.2727 Q498.6003,149.4517 497.9492,149.4517 Q495.8008,149.4517 494.5313,148.0194 Q493.2617,146.6034 493.2617,144.1783 Q493.2617,141.8182 494.401,140.4022 Q495.5566,138.9862 497.4284,138.9862 Q498.763,138.9862 499.528,139.7837 Q500.3092,140.5813 500.3092,141.981 L500.3092,146.6685 Z " fill="#000000"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="123.9583" x="521.875" y="149.3449">SuppressWarnings</text><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="484.375" x2="658.3333" y1="167.5944" y2="167.5944"/><line style="stroke:#2196F3;stroke-width:1.0416666666666667;" x1="484.375" x2="658.3333" y1="175.9277" y2="175.9277"/><!--MD5=[00308d07b6a5721fb0cf5861877e6652]
reverse link List to AbstractList--><path codeLine="15" d="M265.8438,206.0173 C267.2396,246.9757 269.1354,302.6319 270.3021,336.7673 " fill="none" id="List-backto-AbstractList" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="none" points="258.5417,206.0903,265.125,185.0173,273.125,205.5903,258.5417,206.0903" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="114.5833" x="279.6875" y="292.0532">this is a message</text><!--MD5=[1822909749df1453bdd84de7a60a3406]
reverse link Collection to AbstractCollection--><path codeLine="16" d="M118.2604,205.7361 C110.8646,246.7153 100.7813,302.559 94.6146,336.7673 " fill="none" id="Collection-backto-AbstractCollection" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="none" points="111.125,204.2257,122,185.0173,125.4792,206.809,111.125,204.2257" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[0159284274f96a472eb2618ad803aaca]
reverse link Collection to List--><path codeLine="18" d="M204.6146,152.9236 C211.8542,152.9236 219.0938,152.9236 226.3333,152.9236 " fill="none" id="Collection-backto-List" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="none" points="204.4063,160.2153,183.5729,152.9236,204.4063,145.6319,204.4063,160.2153" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[7a3a52e8f65ef1a8d8d29530ea5cd870]
reverse link AbstractCollection to AbstractList--><path codeLine="19" d="M192.0417,368.5486 C197.1667,368.5486 202.2917,368.5486 207.4271,368.5486 " fill="none" id="AbstractCollection-backto-AbstractList" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="none" points="191.7813,375.8403,170.9479,368.5486,191.7813,361.2569,191.7813,375.8403" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[40e4bb1af59cca28d4643aaff05088cc]
reverse link AbstractList to ArrayList--><path codeLine="20" d="M271.3542,421.7778 C271.3542,435.1528 271.3542,449.7048 271.3542,463.6423 " fill="none" id="AbstractList-backto-ArrayList" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="none" points="264.0625,421.5278,271.3542,400.6944,278.6458,421.5278,264.0625,421.5278" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[4d8a149dc826129de61a411f98f6ff40]
@startuml
!$THEME = "materia-outline"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$BLUE = "#2196F3"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#e51c23"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ff9800"
!$GREEN = "#4CAF50"
!$TEAL = "#20c997"
!$CYAN = "#9C27B0"
!$WHITE = "#FFF"
!$GRAY_DARK = "#222"
!$GRAY = "#666"
!$PRIMARY = "#2196F3"
!$SECONDARY = "#fff"
!$SUCCESS = "#4CAF50"
!$INFO = "#9C27B0"
!$WARNING = "#ff9800"
!$DANGER = "#e51c23"
!$LIGHT = "#fff"
!$DARK = "#222"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#4dabf5"
!$PRIMARY_DARK = "#1a78c2"
!$PRIMARY_TEXT = $PRIMARY
!$SECONDARY_LIGHT = "#fff"
!$SECONDARY_DARK = "#cccccc"
!$SECONDARY_TEXT = $SECONDARY_DARK
!$INFO_LIGHT = "#b052c0"
!$INFO_DARK = "#7D1F8D"
!$INFO_TEXT = $INFO
!$SUCCESS_LIGHT = "#70bf73"
!$SUCCESS_DARK = "#3D8C40"
!$SUCCESS_TEXT = $SUCCESS
!$WARNING_LIGHT = "#ffad33"
!$WARNING_DARK = "#CC7A00"
!$WARNING_TEXT = $WARNING
!$DANGER_LIGHT = "#B7161C"
!$DANGER_TEXT = $DANGER
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $BGCOLOR
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor $DARK
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $BGCOLOR
}
skinparam legend {
BackgroundColor $BGCOLOR
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $BGCOLOR
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $BGCOLOR
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $BGCOLOR
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $BGCOLOR
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $BGCOLOR
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $LIGHT
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title Class Diagram - $THEME theme
!else
title Class Diagram
!endif
'skinparam BackgroundColor transparent
abstract class AbstractList
abstract AbstractCollection
interface List
interface Collection
List <|- - AbstractList: this is a message
Collection <|- - AbstractCollection
Collection <|- List
AbstractCollection <|- AbstractList
AbstractList <|- - ArrayList
class ArrayList {
Object[] elementData
size()
}
enum TimeUnit {
DAYS
HOURS
MINUTES
}
annotation SuppressWarnings
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor #222
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor #666
skinparam stereotype {
CBackgroundColor #fff
CBorderColor #cccccc
ABackgroundColor #70bf73
ABorderColor #3D8C40
IBackgroundColor #B7161C
IBorderColor $DANGER_DARK
EBackgroundColor #ffad33
EBorderColor #CC7A00
NBackgroundColor #b052c0
NBorderColor #7D1F8D
}
skinparam title {
FontColor #2196F3
BorderColor #cccccc
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor transparent
}
skinparam legend {
BackgroundColor transparent
BorderColor #cccccc
FontColor #222
}
skinparam swimlane {
BorderColor #9C27B0
BorderThickness 2
TitleBackgroundColor #fff-#fff
TitleFontColor #2196F3
}
skinparam activity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BarColor #4CAF50
StartColor #9C27B0
EndColor #9C27B0
DiamondBackgroundColor transparent
DiamondBorderColor #cccccc
DiamondFontColor #cccccc
}
skinparam participant {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam arrow {
Thickness 3
Color #2196F3
FontColor #222
}
skinparam sequence {
BorderColor #2196F3
TitleFontColor #2196F3
BackgroundColor transparent
StartColor #2196F3
EndColor #2196F3
BoxBackgroundColor transparent
BoxBorderColor #666
BoxFontColor #222
LifeLineBorderColor #cccccc
LifeLineBorderThickness 2
LifeLineBackgroundColor transparent
GroupBorderColor #666
GroupFontColor #222
GroupHeaderFontColor #9C27B0
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor transparent
DividerBorderColor #666
DividerBorderThickness 2
DividerFontColor #222
ReferenceBackgroundColor transparent
ReferenceBorderColor #666
ReferenceFontColor #222
ReferenceHeaderFontColor #9C27B0
}
skinparam partition {
BorderColor #2196F3
FontColor #2196F3
BackgroundColor transparent
}
skinparam collections {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam control {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam entity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam boundary {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam agent {
BackgroundColor transparent
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam artifact {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam component {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam interface {
BackgroundColor transparent
BorderColor #e51c23
FontColor #222
}
skinparam storage {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
}
skinparam node {
BackgroundColor transparent
BorderColor #222
FontColor #222
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #222
}
skinparam database {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam class {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
FontColor #fff
HeaderBackgroundColor #2196F3-#1a78c2
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #222
AttributeFontSize 11
}
skinparam object {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam usecase {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam rectangle {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam package {
BackgroundColor transparent
BorderColor #2196F3
FontColor #2196F3
BorderThickness 2
}
skinparam folder {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
BorderThickness 2
}
skinparam frame {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
BorderThickness 2
}
skinparam state {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StartColor #9C27B0
EndColor #9C27B0
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam queue {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam card {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam file {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam stack {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
title Class Diagram - materia-outline theme
abstract class AbstractList
abstract AbstractCollection
interface List
interface Collection
List <|- - AbstractList: this is a message
Collection <|- - AbstractCollection
Collection <|- List
AbstractCollection <|- AbstractList
AbstractList <|- - ArrayList
class ArrayList {
Object[] elementData
size()
}
enum TimeUnit {
DAYS
HOURS
MINUTES
}
annotation SuppressWarnings
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -0,0 +1,887 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="894.7917px" preserveAspectRatio="none" style="width:1307px;height:894px;background:#00000000;" version="1.1" viewBox="0 0 1307 894" width="1307.2917px" zoomAndPan="magnify"><defs><filter height="300%" id="frvjqd0o8fi5c" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0833333333333335"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.166666666666667" dy="4.166666666666667" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="514.5833" x="389.3229" y="2.0833"/><text fill="#2196F3" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="477.0833" x="408.0729" y="38.6536">Component Diagram - materia-outline theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M10.4167,68.0278 L111.4583,68.0278 A6.25,6.25 0 0 1 115.625,72.1944 L122.9167,110.3027 L830.2083,110.3027 A4.1667,4.1667 0 0 1 834.375,114.4694 L834.375,203.4444 A4.1667,4.1667 0 0 1 830.2083,207.6111 L10.4167,207.6111 A4.1667,4.1667 0 0 1 6.25,203.4444 L6.25,72.1944 A4.1667,4.1667 0 0 1 10.4167,68.0278 " filter="url(#frvjqd0o8fi5c)" style="stroke:#2196F3;stroke-width:2.0833333333333335;fill:none;"/><line style="stroke:#2196F3;stroke-width:2.0833333333333335;fill:none;" x1="6.25" x2="122.9167" y1="110.3027" y2="110.3027"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="20.8333" y="93.0949">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
cluster My Node--><polygon filter="url(#frvjqd0o8fi5c)" points="173.9583,288.8611,184.375,278.4444,623.9583,278.4444,623.9583,412.8194,613.5417,423.2361,173.9583,423.2361,173.9583,288.8611" style="stroke:#222222;stroke-width:1.5625;fill:none;"/><line style="stroke:#222222;stroke-width:1.5625;fill:none;" x1="613.5417" x2="623.9583" y1="288.8611" y2="278.4444"/><line style="stroke:#222222;stroke-width:1.5625;fill:none;" x1="173.9583" x2="613.5417" y1="288.8611" y2="288.8611"/><line style="stroke:#222222;stroke-width:1.5625;fill:none;" x1="613.5417" x2="613.5417" y1="288.8611" y2="423.2361"/><text fill="#222222" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="365.1042" y="314.9699">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
cluster My Cloud--><path d="M665.6685,292.1684 C669.4685,286.1846 674.9403,286.9032 678.0885,292.8471 C681.3938,284.1593 687.3595,283.5265 693.0047,290.6379 C697.2265,284.9837 702.9662,285.7599 706.5517,291.401 C709.9815,284.1861 714.9047,283.1975 719.8156,289.9995 C723.5322,284.2657 728.085,284.058 731.8874,289.9101 C736.1129,282.6371 741.2624,283.0629 746.4217,288.8727 C751.665,282.6049 756.8883,284.7862 759.5164,291.5089 C763.0012,286.2225 767.2363,284.6145 771.5816,290.5869 C775.6818,283.9527 782.3351,285.9645 785.1861,291.9352 C794.5909,283.806 802.5364,289.0475 805.2083,299.2778 C806.0869,299.6816 806.1734,300.4671 805.4501,301.0852 C811.3712,303.6127 813.8875,307.2849 808.7117,312.8808 C816.77,317.4281 815.7079,322.4319 809.0964,327.3687 C816.7102,329.374 817.7375,335.6266 811.4505,340.1853 C819.1904,344.0724 820.1869,350.6139 812.6191,355.6572 C816.9212,359.6405 816.7926,364.4783 811.0271,367.0554 C817.4487,372.2341 816.2041,376.9866 809.8837,381.1301 C816.2977,386.2258 815.2952,390.948 808.4468,394.6324 C813.7601,404.903 811.5662,414.483 797.9167,414.9028 C798.3498,414.3804 798.8846,414.4819 799.1829,415.0583 C795.1733,421.4286 790.9734,423.6737 785.2617,416.8549 C781.6049,423.2321 777.4266,424.1082 772.4451,418.2417 C768.8354,424.7813 762.8594,424.1692 759.3648,418.1221 C755.2503,424.8913 749.9229,424.9282 745.4086,418.5464 C741.817,425.7159 736.4708,425.1607 732.2172,419.2122 C727.7242,425.3863 723.5597,425.3188 719.6319,418.6581 C714.942,423.848 708.9786,423.4362 705.9983,416.7033 C702.4165,422.8207 695.6688,423.9112 692.3782,416.412 C687.9238,423.6972 683.1652,423.1307 678.9465,416.1895 C668.9795,422.692 659.7038,420.1799 657.2917,407.6111 C657.7694,407.6934 657.9531,407.9279 657.731,408.3999 C650.0745,405.4924 650.2018,398.6253 656.0602,394.1349 C649.0083,391.4828 648.9181,384.8374 654.5299,380.7386 C646.8257,378.0801 646.4288,371.2696 653.049,367.0602 C647.2429,364.9179 645.7842,360.2846 650.4013,355.7107 C644.0527,349.848 645.0828,344.8874 653.1935,341.9611 C647.3802,336.1715 647.9678,331.5978 655.2621,327.711 C649.8316,323.7997 648.5418,318.2764 655.5908,314.6798 C646.225,303.328 649.9337,293.8216 664.5833,291.9861 C664.9794,291.4857 665.4526,291.5968 665.6685,292.1684 " filter="url(#frvjqd0o8fi5c)" style="stroke:#F2FCFE;stroke-width:1.5625;fill:none;"/><text fill="#222222" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="700" y="320.1782">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
cluster My Database--><path d="M632.2917,481.0486 C632.2917,470.6319 731.25,470.6319 731.25,470.6319 C731.25,470.6319 830.2083,470.6319 830.2083,481.0486 L830.2083,877.9236 C830.2083,888.3403 731.25,888.3403 731.25,888.3403 C731.25,888.3403 632.2917,888.3403 632.2917,877.9236 L632.2917,481.0486 " filter="url(#frvjqd0o8fi5c)" style="stroke:#2196F3;stroke-width:1.5625;fill:none;"/><path d="M632.2917,481.0486 C632.2917,491.4653 731.25,491.4653 731.25,491.4653 C731.25,491.4653 830.2083,491.4653 830.2083,481.0486 " fill="none" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="686.9792" y="516.5324">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
cluster My folder--><path d="M661.4583,549.7986 L744.7917,549.7986 A6.25,6.25 0 0 1 748.9583,553.9653 L756.25,592.0736 L801.0417,592.0736 A4.1667,4.1667 0 0 1 805.2083,596.2402 L805.2083,685.2153 A4.1667,4.1667 0 0 1 801.0417,689.3819 L661.4583,689.3819 A4.1667,4.1667 0 0 1 657.2917,685.2153 L657.2917,553.9653 A4.1667,4.1667 0 0 1 661.4583,549.7986 " filter="url(#frvjqd0o8fi5c)" style="stroke:#FF9800;stroke-width:1.5625;fill:none;"/><line style="stroke:#FF9800;stroke-width:1.5625;fill:none;" x1="657.2917" x2="756.25" y1="592.0736" y2="592.0736"/><text fill="#FF9800" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="671.875" y="574.8657">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
cluster My Frame--><rect filter="url(#frvjqd0o8fi5c)" height="139.5833" rx="4.1667" ry="4.1667" style="stroke:#9C27B0;stroke-width:1.5625;fill:none;" width="147.9167" x="657.2917" y="723.7569"/><path d="M756.25,723.7569 L756.25,752.4902 L745.8333,762.9069 L657.2917,762.9069 " fill="none" style="stroke:#9C27B0;stroke-width:1.5625;"/><text fill="#9C27B0" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="670.8333" y="747.7824">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
entity HTTP--><ellipse cx="577.0833" cy="157.0903" fill="none" filter="url(#frvjqd0o8fi5c)" rx="8.3333" ry="8.3333" style="stroke:#E51C23;stroke-width:1.5625;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="560.9375" y="197.7824">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
entity First Component--><rect filter="url(#frvjqd0o8fi5c)" height="67.275" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="170.8333" x="360.4167" y="123.2361"/><rect height="10.4167" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="15.625" x="510.4167" y="128.4444"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="508.3333" y="130.5278"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="508.3333" y="134.6944"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="386.4583" y="167.0532">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
entity Another Component--><rect filter="url(#frvjqd0o8fi5c)" height="67.275" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="194.7917" x="623.4375" y="123.2361"/><rect height="10.4167" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="15.625" x="797.3958" y="128.4444"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="795.3125" y="130.5278"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="795.3125" y="134.6944"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="649.4792" y="167.0532">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
entity MyRectangle1--><rect filter="url(#frvjqd0o8fi5c)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:2.0833333333333335;fill:none;" width="132.2917" x="191.1458" y="128.4444"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="211.9792" y="161.8449">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
entity MyCollection1--><rect filter="url(#frvjqd0o8fi5c)" height="52.6917" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="127.0833" x="27.0833" y="132.6111"/><rect height="52.6917" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="127.0833" x="22.9167" y="128.4444"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="41.6667" y="159.7616">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
entity FTP--><ellipse cx="369.7917" cy="372.7153" fill="none" filter="url(#frvjqd0o8fi5c)" rx="8.3333" ry="8.3333" style="stroke:#E51C23;stroke-width:1.5625;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="358.3333" y="413.4074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
entity Second Component--><rect filter="url(#frvjqd0o8fi5c)" height="67.275" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="190.625" x="416.1458" y="338.8611"/><rect height="10.4167" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="15.625" x="585.9375" y="344.0694"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="583.8542" y="346.1528"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="583.8542" y="350.3194"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="442.1875" y="382.6782">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
entity MyRectangle2--><rect filter="url(#frvjqd0o8fi5c)" height="56.8583" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:2.0833333333333335;fill:none;" width="132.2917" x="191.1458" y="344.0694"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="211.9792" y="377.4699">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
entity Example 1--><rect filter="url(#frvjqd0o8fi5c)" height="67.275" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="130.2083" x="666.1458" y="338.8611"/><rect height="10.4167" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="15.625" x="775.5208" y="344.0694"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="773.4375" y="346.1528"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="773.4375" y="350.3194"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="692.1875" y="382.6782">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
entity Folder 3--><rect filter="url(#frvjqd0o8fi5c)" height="67.275" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="115.625" x="673.4375" y="605.0069"/><rect height="10.4167" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="15.625" x="768.2292" y="610.2153"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="766.1458" y="612.2986"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="766.1458" y="616.4653"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="699.4792" y="648.8241">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
entity Frame 4--><rect filter="url(#frvjqd0o8fi5c)" height="67.275" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="115.625" x="673.4375" y="778.9653"/><rect height="10.4167" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="15.625" x="768.2292" y="784.1736"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="766.1458" y="786.2569"/><rect height="2.0833" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="4.1667" x="766.1458" y="790.4236"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="699.4792" y="822.7824">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
entity MyCollection2--><rect filter="url(#frvjqd0o8fi5c)" height="52.6917" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="127.0833" x="859.375" y="132.6111"/><rect height="52.6917" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="127.0833" x="855.2083" y="128.4444"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="873.9583" y="159.7616">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
entity My Artifact--><rect filter="url(#frvjqd0o8fi5c)" height="59.9833" rx="4.1667" ry="4.1667" style="stroke:#666666;stroke-width:1.5625;fill:none;" width="119.7917" x="1023.4375" y="126.8819"/><polygon points="1125.5208,132.0903,1125.5208,146.6736,1138.0208,146.6736,1138.0208,138.3403,1131.7708,132.0903,1125.5208,132.0903" style="stroke:#666666;stroke-width:1.5625;fill:none;"/><line style="stroke:#666666;stroke-width:1.5625;fill:none;" x1="1131.7708" x2="1131.7708" y1="132.0903" y2="138.3403"/><line style="stroke:#666666;stroke-width:1.5625;fill:none;" x1="1138.0208" x2="1131.7708" y1="138.3403" y2="138.3403"/><text fill="#666666" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="1044.2708" y="163.4074">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
entity My Storage--><rect filter="url(#frvjqd0o8fi5c)" height="56.8583" rx="36.4583" ry="36.4583" style="stroke:#FF9800;stroke-width:1.5625;fill:none;" width="115.625" x="1179.6875" y="128.4444"/><text fill="#FF9800" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1200.5208" y="161.8449">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
entity My Queue--><path d="M872.3958,349.2778 L969.2708,349.2778 C974.4792,349.2778 974.4792,372.4986 974.4792,372.4986 C974.4792,372.4986 974.4792,395.7194 969.2708,395.7194 L872.3958,395.7194 C867.1875,395.7194 867.1875,372.4986 867.1875,372.4986 C867.1875,372.4986 867.1875,349.2778 872.3958,349.2778 " filter="url(#frvjqd0o8fi5c)" style="stroke:#2196F3;stroke-width:1.5625;fill:none;"/><path d="M969.2708,349.2778 C964.0625,349.2778 964.0625,372.4986 964.0625,372.4986 C964.0625,395.7194 969.2708,395.7194 969.2708,395.7194 " fill="none" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="882.8125" y="377.4699">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
entity My Interface--><ellipse cx="1070.8333" cy="372.7153" fill="none" filter="url(#frvjqd0o8fi5c)" rx="8.3333" ry="8.3333" style="stroke:#E51C23;stroke-width:1.5625;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="1030.2083" y="413.4074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
entity My Card--><rect filter="url(#frvjqd0o8fi5c)" height="42.275" rx="4.1667" ry="4.1667" style="stroke:#9C27B0;stroke-width:1.5625;fill:none;" width="94.7917" x="1167.1875" y="351.3611"/><text fill="#9C27B0" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1188.0208" y="377.4699">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
entity My File--><path d="M878.125,614.3819 L878.125,662.9069 A4.1667,4.1667 0 0 0 882.2917,667.0736 L959.375,667.0736 A4.1667,4.1667 0 0 0 963.5417,662.9069 L963.5417,620.6319 L953.125,610.2153 L882.2917,610.2153 A4.1667,4.1667 0 0 0 878.125,614.3819 " filter="url(#frvjqd0o8fi5c)" style="stroke:#666666;stroke-width:1.5625;fill:none;"/><path d="M953.125,610.2153 L953.125,616.4653 A4.1667,4.1667 0 0 0 957.2917,620.6319 L963.5417,620.6319 " style="stroke:#666666;stroke-width:1.5625;fill:none;"/><text fill="#666666" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="898.9583" y="643.6157">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
entity My Stack--><rect height="56.8583" rx="4.1667" ry="4.1667" style="stroke:none;stroke-width:1.5625;fill:none;" width="98.9583" x="1016.1458" y="610.2153"/><path d="M1000.5208,610.2153 L1011.9792,610.2153 A4.1667,4.1667 0 0 1 1016.1458,614.3819 L1016.1458,662.9069 A4.1667,4.1667 0 0 0 1020.3125,667.0736 L1110.9375,667.0736 A4.1667,4.1667 0 0 0 1115.1042,662.9069 L1115.1042,614.3819 A4.1667,4.1667 0 0 1 1119.2708,610.2153 L1130.7292,610.2153 " fill="none" filter="url(#frvjqd0o8fi5c)" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="1036.9792" y="643.6157">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
link HTTP to First Component--><path d="M567.4583,157.0903 C555.4583,157.0903 543.4583,157.0903 531.4583,157.0903 " fill="none" id="HTTP-First Component" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
link FTP to Second Component--><path d="M379.1979,372.7153 C391.4271,372.7153 403.6563,372.7153 415.8854,372.7153 " fill="none" id="FTP-Second Component" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
link First Component to FTP--><path d="M430.3958,190.9861 C420.3646,213.0694 407.4375,242.9757 397.9167,270.1111 C387.1667,300.7778 377.7917,337.7882 373.0625,357.5694 " fill="none" id="First Component-to-FTP" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="371.75,363.1319,377.9531,354.9605,372.9429,358.062,369.8413,353.0518,371.75,363.1319" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
link Another Component to Example 1--><path d="M722.4375,191.0278 C724.3125,229.434 727.4063,292.8507 729.3854,333.4132 " fill="none" id="Another Component-to-Example 1" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="729.6458,338.7361,733.3514,329.1695,729.3924,333.5339,725.028,329.5749,729.6458,338.7361" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="736.4583" y="248.3032">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
link Example 1 to Folder 3--><path d="M731.25,406.6632 C731.25,455.6215 731.25,547.4236 731.25,599.3923 " fill="none" id="Example 1-to-Folder 3" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="731.25,604.9132,735.4167,595.5382,731.25,599.7048,727.0833,595.5382,731.25,604.9132" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
link Folder 3 to Frame 4--><path d="M731.25,673.0382 C731.25,701.6944 731.25,743.1319 731.25,773.2569 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="731.25,778.7361,735.4167,769.3611,731.25,773.5278,727.0833,769.3611,731.25,778.7361" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[83be288af14fde8a86007c2b011fac4a]
link MyCollection2 to My Artifact--><!--MD5=[b21a3c93c2a22c7ef4934ace81b9a2fe]
link My Artifact to My Storage--><!--MD5=[6ba35b42f782a962813221ea03178716]
link MyCollection2 to My Queue--><!--MD5=[0babb46f3d0f67f91c828a5eda35ab7d]
link My Queue to My Interface--><!--MD5=[9bfee3aea78949ae207e8bd3b67fed50]
link My Interface to My Card--><!--MD5=[afe9315598834b0b9f57a7a5b2c7ee2a]
link My Queue to My File--><!--MD5=[f6296be58d13482500ae3b999db2843f]
link My File to My Stack--><!--MD5=[e8772ea9935415fa4d2de429e57c73f2]
@startuml
!$THEME = "materia-outline"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$BLUE = "#2196F3"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#e51c23"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ff9800"
!$GREEN = "#4CAF50"
!$TEAL = "#20c997"
!$CYAN = "#9C27B0"
!$WHITE = "#FFF"
!$GRAY_DARK = "#222"
!$GRAY = "#666"
!$PRIMARY = "#2196F3"
!$SECONDARY = "#fff"
!$SUCCESS = "#4CAF50"
!$INFO = "#9C27B0"
!$WARNING = "#ff9800"
!$DANGER = "#e51c23"
!$LIGHT = "#fff"
!$DARK = "#222"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#4dabf5"
!$PRIMARY_DARK = "#1a78c2"
!$PRIMARY_TEXT = $PRIMARY
!$SECONDARY_LIGHT = "#fff"
!$SECONDARY_DARK = "#cccccc"
!$SECONDARY_TEXT = $SECONDARY_DARK
!$INFO_LIGHT = "#b052c0"
!$INFO_DARK = "#7D1F8D"
!$INFO_TEXT = $INFO
!$SUCCESS_LIGHT = "#70bf73"
!$SUCCESS_DARK = "#3D8C40"
!$SUCCESS_TEXT = $SUCCESS
!$WARNING_LIGHT = "#ffad33"
!$WARNING_DARK = "#CC7A00"
!$WARNING_TEXT = $WARNING
!$DANGER_LIGHT = "#B7161C"
!$DANGER_TEXT = $DANGER
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $BGCOLOR
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor $DARK
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $BGCOLOR
}
skinparam legend {
BackgroundColor $BGCOLOR
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $BGCOLOR
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $BGCOLOR
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $BGCOLOR
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $BGCOLOR
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $BGCOLOR
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $LIGHT
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title Component Diagram - $THEME theme
!else
title Component Diagram
!endif
'skinparam BackgroundColor transparent
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor #222
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor #666
skinparam stereotype {
CBackgroundColor #fff
CBorderColor #cccccc
ABackgroundColor #70bf73
ABorderColor #3D8C40
IBackgroundColor #B7161C
IBorderColor $DANGER_DARK
EBackgroundColor #ffad33
EBorderColor #CC7A00
NBackgroundColor #b052c0
NBorderColor #7D1F8D
}
skinparam title {
FontColor #2196F3
BorderColor #cccccc
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor transparent
}
skinparam legend {
BackgroundColor transparent
BorderColor #cccccc
FontColor #222
}
skinparam swimlane {
BorderColor #9C27B0
BorderThickness 2
TitleBackgroundColor #fff-#fff
TitleFontColor #2196F3
}
skinparam activity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BarColor #4CAF50
StartColor #9C27B0
EndColor #9C27B0
DiamondBackgroundColor transparent
DiamondBorderColor #cccccc
DiamondFontColor #cccccc
}
skinparam participant {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam arrow {
Thickness 3
Color #2196F3
FontColor #222
}
skinparam sequence {
BorderColor #2196F3
TitleFontColor #2196F3
BackgroundColor transparent
StartColor #2196F3
EndColor #2196F3
BoxBackgroundColor transparent
BoxBorderColor #666
BoxFontColor #222
LifeLineBorderColor #cccccc
LifeLineBorderThickness 2
LifeLineBackgroundColor transparent
GroupBorderColor #666
GroupFontColor #222
GroupHeaderFontColor #9C27B0
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor transparent
DividerBorderColor #666
DividerBorderThickness 2
DividerFontColor #222
ReferenceBackgroundColor transparent
ReferenceBorderColor #666
ReferenceFontColor #222
ReferenceHeaderFontColor #9C27B0
}
skinparam partition {
BorderColor #2196F3
FontColor #2196F3
BackgroundColor transparent
}
skinparam collections {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam control {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam entity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam boundary {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam agent {
BackgroundColor transparent
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam artifact {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam component {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam interface {
BackgroundColor transparent
BorderColor #e51c23
FontColor #222
}
skinparam storage {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
}
skinparam node {
BackgroundColor transparent
BorderColor #222
FontColor #222
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #222
}
skinparam database {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam class {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
FontColor #fff
HeaderBackgroundColor #2196F3-#1a78c2
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #222
AttributeFontSize 11
}
skinparam object {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam usecase {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam rectangle {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam package {
BackgroundColor transparent
BorderColor #2196F3
FontColor #2196F3
BorderThickness 2
}
skinparam folder {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
BorderThickness 2
}
skinparam frame {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
BorderThickness 2
}
skinparam state {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StartColor #9C27B0
EndColor #9C27B0
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam queue {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam card {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam file {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam stack {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
title Component Diagram - materia-outline theme
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 34 KiB

View File

@ -0,0 +1,62 @@
---
layout: default
title: materia-outline
published: true
---
# {{ page.title }}
## Usage
Local File
<pre style="font-size: .8rem;">
!include puml-theme-{{ page.title }}.puml
</pre>
Remote file (for legacy plantuml, use !includeurl)
<pre style="font-size: .8rem;">
!include https://raw.githubusercontent.com/bschwarz/puml-themes/master/themes/{{ page.title }}/puml-theme-{{ page.title }}.puml
</pre>
## Gallery
<table style="background:white; width: 100%">
<tr>
<td>
<img src="activity-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="swimlane-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="class-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="component-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="object-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="sequence-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="state-ex.svg">
</td>
</tr>
<tr>
<td>
<img src="usecase-ex.svg">
</td>
</tr>
</table>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -0,0 +1,481 @@
''
'' materia theme based off of the bootstrap theme of the same name
'' https://bootswatch.com/materia/
''
'' Author: Brett Schwarz
'' Copyright (c) 2019 by Brett Schwarz
!$THEME = "materia-outline"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
''
'' Colors taken from the css file of the BS theme
''
!$BLUE = "#2196F3"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#e51c23"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ff9800"
!$GREEN = "#4CAF50"
!$TEAL = "#20c997"
!$CYAN = "#9C27B0"
!$WHITE = "#FFF"
!$GRAY_DARK = "#222"
!$GRAY = "#666"
!$PRIMARY = "#2196F3"
!$SECONDARY = "#fff"
!$SUCCESS = "#4CAF50"
!$INFO = "#9C27B0"
!$WARNING = "#ff9800"
!$DANGER = "#e51c23"
!$LIGHT = "#fff"
!$DARK = "#222"
'' *_LIGHT = tint (lighter) of the main color of 80%
'' where TINT is calculated by clr + (255-clr) * tint_factor
'' *_DARK = shade (darker) of the main color of 80%
'' and SHADE is calculated by clr * (1 - shade_factor)
''
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#4dabf5"
!$PRIMARY_DARK = "#1a78c2"
!$PRIMARY_TEXT = $PRIMARY
!$SECONDARY_LIGHT = "#fff"
!$SECONDARY_DARK = "#cccccc"
!$SECONDARY_TEXT = $SECONDARY_DARK
!$INFO_LIGHT = "#b052c0"
!$INFO_DARK = "#7D1F8D"
!$INFO_TEXT = $INFO
!$SUCCESS_LIGHT = "#70bf73"
!$SUCCESS_DARK = "#3D8C40"
!$SUCCESS_TEXT = $SUCCESS
!$WARNING_LIGHT = "#ffad33"
!$WARNING_DARK = "#CC7A00"
!$WARNING_TEXT = $WARNING
!$DANGER_LIGHT = "#B7161C"
!$DANGER_TEXT = $DANGER
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $BGCOLOR
!endprocedure
''
'' Global Default Values
''
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor $DARK
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $BGCOLOR
}
skinparam legend {
BackgroundColor $BGCOLOR
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
' FontColor $PRIMARY_TEXT
' BorderColor $PRIMARY
' BackgroundColor $BGCOLOR
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
''
DiamondBackgroundColor $BGCOLOR
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
' FontColor $DARK
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
' For some reason sequence title font color does not pick up from global
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
''
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
''
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $BGCOLOR
''
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
''
DividerBackgroundColor $BGCOLOR
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
''
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY_DARK
' FontColor $DARK
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY_DARK
' FontColor $DARK
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY_DARK
' FontColor $DARK
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $BGCOLOR
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $SUCCESS
' FontColor $SUCCESS_TEXT
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $BGCOLOR
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY_DARK
' FontColor $DARK
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $LIGHT
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
' FontColor $PRIMARY_TEXT
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
' FontColor $SUCCESS
' BackgroundColor $BGCOLOR
' BorderColor $SECONDARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $SECONDARY_DARK
BorderThickness 2
' FontColor $SECONDARY_TEXT
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY_DARK
BorderThickness 2
' FontColor $PRIMARY
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
' BackgroundColor $BGCOLOR
' BorderColor $SECONDARY_DARK
' FontColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $WARNING_DARK
' FontColor $WARNING_TEXT
}
!endsub
!startsub card
skinparam card {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
' BackgroundColor $BGCOLOR
' BorderColor $PRIMARY
' FontColor $PRIMARY_TEXT
}
!endsub

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 43 KiB

View File

@ -0,0 +1,835 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1439.5833px" preserveAspectRatio="none" style="width:463px;height:1439px;background:#00000000;" version="1.1" viewBox="0 0 463 1439" width="463.5417px" zoomAndPan="magnify"><defs><filter height="300%" id="fowqij6dlz3h4" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0833333333333335"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.166666666666667" dy="4.166666666666667" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="451.0417" x="2.0833" y="2.0833"/><text fill="#2196F3" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="413.5417" x="20.8333" y="38.6536">State Diagram - materia-outline theme</text><rect fill="#4CAF50" filter="url(#fowqij6dlz3h4)" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="189.5833" y="152.4028"/><ellipse cx="231.25" cy="78.4444" fill="#9C27B0" filter="url(#fowqij6dlz3h4)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="State2"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="85.4167" x="128.125" y="224.2778"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="128.125" x2="213.5417" y1="270.7194" y2="270.7194"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="148.9583" y="252.4699">State2</text></g><g id="State3"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="85.4167" x="256.25" y="224.2778"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="256.25" x2="341.6667" y1="270.7194" y2="270.7194"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="277.0833" y="252.4699">State3</text></g><rect fill="#4CAF50" filter="url(#fowqij6dlz3h4)" height="8.3333" style="stroke:none;stroke-width:1.0416666666666667;" width="83.3333" x="190.625" y="402.4028"/><g id="State4"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="85.4167" x="189.5833" y="474.2778"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="189.5833" x2="275" y1="520.7194" y2="520.7194"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="210.4167" y="502.4699">State4</text></g><rect filter="url(#fowqij6dlz3h4)" height="811.8083" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="348.9583" x="57.8125" y="615.9444"/><rect height="759.1166" rx="13.0208" ry="13.0208" style="stroke:#00000000;stroke-width:1.0416666666666667;fill:none;" width="342.7083" x="60.9375" y="665.5111"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="57.8125" x2="406.7708" y1="662.3861" y2="662.3861"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="38.5417" x="213.0208" y="644.1366">Active</text><ellipse cx="79.6875" cy="713.9486" fill="#9C27B0" filter="url(#fowqij6dlz3h4)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.NumLockOff"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="118.75" x="108.8542" y="674.8861"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="108.8542" x2="227.6042" y1="721.3277" y2="721.3277"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="129.6875" y="703.0782">NumLockOff</text></g><g id="Active.NumLockOn"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="118.75" x="107.8125" y="828.0111"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="107.8125" x2="226.5625" y1="874.4527" y2="874.4527"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="77.0833" x="128.6458" y="856.2032">NumLockOn</text></g><!--MD5=[f1e44e9cdf7ed6fd162579f896fb76ea]
link *start*Active to NumLockOff--><path d="M90.4063,713.9486 C94.6875,713.9486 98.9583,713.9486 103.2292,713.9486 " fill="none" id="*start*Active-to-NumLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="108.6458,713.9486,99.2708,709.7819,103.4375,713.9486,99.2708,718.1152,108.6458,713.9486" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[b6ef3c088f5474ecc81df30475e7d61b]
link NumLockOff to NumLockOn--><path d="M108.4375,748.4486 C95.8958,756.7298 85.3542,765.1257 81.7708,771.7611 C73.8542,786.4277 73.8958,794.5736 81.7708,809.2611 C86.9792,818.9694 94.6563,827.3027 103.3125,834.3548 " fill="none" id="NumLockOff-to-NumLockOn" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="107.625,837.7194,102.7897,828.6711,103.5162,834.5187,97.6686,835.2452,107.625,837.7194" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="93.2292" y="795.7865">EvNumLockPressed</text><!--MD5=[3bfddee0d82dc74c927fbeb3d3f2e6a3]
link NumLockOn to NumLockOff--><path d="M219.6667,827.7819 C224.5313,822.1152 228.7604,815.9277 231.7708,809.2611 C238.6354,794.0736 238.5833,786.9694 231.7708,771.7611 C229.5521,766.8027 226.6563,762.0944 223.3333,757.6673 " fill="none" id="NumLockOn-to-NumLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="219.875,753.3444,222.4513,763.2749,223.1177,757.4201,228.9725,758.0865,219.875,753.3444" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="127.0833" x="248.4375" y="795.7865">EvNumLockPressed</text><line style="stroke:#2196F3;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="63.0208" x2="399.4792" y1="919.2444" y2="919.2444"/><ellipse cx="79.6875" cy="965.5986" fill="#9C27B0" filter="url(#fowqij6dlz3h4)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC87.CapsLockOff"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="122.9167" x="108.8542" y="926.5361"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="108.8542" x2="231.7708" y1="972.9777" y2="972.9777"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="129.6875" y="954.7282">CapsLockOff</text></g><g id="Active.CONC87.CapsLockOn"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="122.9167" x="107.8125" y="1079.6611"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="107.8125" x2="230.7292" y1="1126.1027" y2="1126.1027"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="128.6458" y="1107.8532">CapsLockOn</text></g><!--MD5=[70bdb58272bc1a7d9e9d21dfe0316432]
link *start*CONC87 to CapsLockOff--><path d="M90.3125,965.5986 C94.625,965.5986 98.9479,965.5986 103.2708,965.5986 " fill="none" id="*start*CONC87-to-CapsLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="108.75,965.5986,99.375,961.4319,103.5417,965.5986,99.375,969.7652,108.75,965.5986" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[dc4675bd3056f3ef68701d9e8e02a3f3]
link CapsLockOff to CapsLockOn--><path d="M108.6354,1000.2652 C95.9896,1008.4527 85.4063,1016.7652 81.7708,1023.4111 C73.7708,1038.0361 73.8125,1046.2652 81.7708,1060.9111 C86.9688,1070.484 94.5625,1078.6923 103.125,1085.6506 " fill="none" id="CapsLockOff-to-CapsLockOn" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="107.4063,1088.9631,102.5551,1079.9233,103.2918,1085.7696,97.4455,1086.5064,107.4063,1088.9631" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="93.2292" y="1047.4365">EvCapsLockPressed</text><!--MD5=[79e17b083e07746bd1a647600952cab6]
link CapsLockOn to CapsLockOff--><path d="M223.4167,1079.6194 C228.4479,1073.9319 232.8125,1067.6715 235.9375,1060.9111 C242.9271,1045.7756 242.8646,1038.5673 235.9375,1023.4111 C233.5833,1018.2756 230.5208,1013.4215 226.9896,1008.8798 " fill="none" id="CapsLockOn-to-CapsLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="223.625,1004.7965,226.3607,1014.6842,226.9328,1008.8195,232.7976,1009.3917,223.625,1004.7965" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="253.6458" y="1047.4365">EvCapsLockPressed</text><line style="stroke:#2196F3;stroke-width:1.5625;stroke-dasharray:8.0,10.0;" x1="63.0208" x2="399.4792" y1="1170.8944" y2="1170.8944"/><ellipse cx="79.6875" cy="1217.2485" fill="#9C27B0" filter="url(#fowqij6dlz3h4)" rx="10.4167" ry="10.4167" style="stroke:none;stroke-width:1.0416666666666667;"/><g id="Active.CONC95.ScrollLockOff"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="123.9583" x="109.375" y="1178.186"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="109.375" x2="233.3333" y1="1224.6277" y2="1224.6277"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="130.2083" y="1206.3782">ScrollLockOff</text></g><g id="Active.CONC95.ScrollLockOn"><rect filter="url(#fowqij6dlz3h4)" height="77.6917" rx="13.0208" ry="13.0208" style="stroke:#2196F3;stroke-width:1.5625;fill:none;" width="123.9583" x="109.375" y="1331.311"/><line style="stroke:#2196F3;stroke-width:1.5625;fill:none;" x1="109.375" x2="233.3333" y1="1377.7527" y2="1377.7527"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="82.2917" x="130.2083" y="1359.5032">ScrollLockOn</text></g><!--MD5=[8676698f49c1acec7e35e8e65e103748]
link *start*CONC95 to ScrollLockOff--><path d="M90.4271,1217.2485 C94.8958,1217.2485 99.3646,1217.2485 103.8333,1217.2485 " fill="none" id="*start*CONC95-to-ScrollLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="109.0833,1217.2485,99.7083,1213.0819,103.875,1217.2485,99.7083,1221.4152,109.0833,1217.2485" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[da4e1e55b4a6de250eca2c82023085fa]
link ScrollLockOff to ScrollLockOn--><path d="M109.0521,1252.8735 C97.1563,1260.7694 87.3125,1268.6965 83.8542,1275.061 C75.8958,1289.7069 75.8958,1297.9152 83.8542,1312.561 C88.9792,1321.9985 96.4271,1330.1027 104.8438,1336.9985 " fill="none" id="ScrollLockOff-to-ScrollLockOn" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="109.0417,1340.2902,104.2223,1331.2334,104.9385,1337.0823,99.0896,1337.7985,109.0417,1340.2902" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="95.3125" y="1299.0865">EvCapsLockPressed</text><!--MD5=[6ad2c621f2407b82317910f4deb17639]
link ScrollLockOn to ScrollLockOff--><path d="M225.5,1331.2694 C230.5313,1325.5819 234.8958,1319.3215 238.0208,1312.561 C245.0104,1297.4256 245.0104,1290.1965 238.0208,1275.061 C235.625,1269.884 232.5104,1265.009 228.9167,1260.4465 " fill="none" id="ScrollLockOn-to-ScrollLockOff" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="225.5,1256.3527,228.2972,1266.2232,228.8328,1260.3551,234.701,1260.8907,225.5,1256.3527" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="131.25" x="254.6875" y="1299.0865">EvCapsLockPressed</text><!--MD5=[242ad121cef04112e9b0ee8f25f52375]
link *start to fork_state--><path d="M231.25,89.1215 C231.25,103.9548 231.25,132.1736 231.25,146.5798 " fill="none" id="*start-to-fork_state" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="231.25,152.1319,235.4167,142.7569,231.25,146.9236,227.0833,142.7569,231.25,152.1319" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[44dd36eb382d4fffd186e8c447a61da0]
link fork_state to State2--><path d="M229.2396,161.0903 C223.9271,170.309 208.9792,196.2048 195.5313,219.5069 " fill="none" id="fork_state-to-State2" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="192.8646,224.1215,201.1615,218.0871,195.4695,219.6114,193.9452,213.9193,192.8646,224.1215" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[43d4d70f9cd19f132a5eb1ce9d85c890]
link fork_state to State3--><path d="M233.5,161.0903 C239.4583,170.309 256.2188,196.2048 271.2813,219.5069 " fill="none" id="fork_state-to-State3" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="274.2604,224.1215,272.6714,213.9861,271.4335,219.7471,265.6724,218.5092,274.2604,224.1215" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[8cf5ef3a64654818495211b4c165bd62]
link State2 to join_state--><path d="M153.8021,302.6736 C146.9063,324.3403 143.2604,351.0278 156.25,371.1528 C167.1458,388.0278 188.5417,396.7153 205.875,401.1215 " fill="none" id="State2-to-join_state" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="211.1042,402.3611,202.9459,396.1406,206.0368,401.1574,201.02,404.2483,211.1042,402.3611" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="167.7083" y="357.6782">some message</text><!--MD5=[183fde86cac17ac230b97143534e47db]
link State3 to join_state--><path d="M300.2188,302.5278 C299.25,324.1319 295.0833,350.8298 282.2917,371.1528 C273.6354,384.9132 257.2396,394.5798 245.5833,400.0798 " fill="none" id="State3-to-join_state" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="240.6042,402.3194,250.8634,402.2986,245.3593,400.1945,247.4635,394.6904,240.6042,402.3194" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[1e473d623208eebf6d5ebd6e9bc5a11d]
link join_state to State4--><path d="M232.2917,411.0903 C232.2917,420.1944 232.2917,445.5694 232.2917,468.6319 " fill="none" id="join_state-to-State4" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="232.2917,474.1215,236.4583,464.7465,232.2917,468.9132,228.125,464.7465,232.2917,474.1215" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[0a70b1a7cf318979336334b4227eefe4]
link State4 to Active--><path d="M232.2917,552.434 C232.2917,568.0798 232.2917,587.8403 232.2917,610.3403 " fill="none" id="State4-to-Active" style="stroke:#2196F3;stroke-width:3.125;"/><polygon fill="#2196F3" points="232.2917,615.7986,236.4583,606.4236,232.2917,610.5903,228.125,606.4236,232.2917,615.7986" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[115a839bd22b92084866162acfa92dd4]
@startuml
!$THEME = "materia-outline"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$BLUE = "#2196F3"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#e51c23"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ff9800"
!$GREEN = "#4CAF50"
!$TEAL = "#20c997"
!$CYAN = "#9C27B0"
!$WHITE = "#FFF"
!$GRAY_DARK = "#222"
!$GRAY = "#666"
!$PRIMARY = "#2196F3"
!$SECONDARY = "#fff"
!$SUCCESS = "#4CAF50"
!$INFO = "#9C27B0"
!$WARNING = "#ff9800"
!$DANGER = "#e51c23"
!$LIGHT = "#fff"
!$DARK = "#222"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#4dabf5"
!$PRIMARY_DARK = "#1a78c2"
!$PRIMARY_TEXT = $PRIMARY
!$SECONDARY_LIGHT = "#fff"
!$SECONDARY_DARK = "#cccccc"
!$SECONDARY_TEXT = $SECONDARY_DARK
!$INFO_LIGHT = "#b052c0"
!$INFO_DARK = "#7D1F8D"
!$INFO_TEXT = $INFO
!$SUCCESS_LIGHT = "#70bf73"
!$SUCCESS_DARK = "#3D8C40"
!$SUCCESS_TEXT = $SUCCESS
!$WARNING_LIGHT = "#ffad33"
!$WARNING_DARK = "#CC7A00"
!$WARNING_TEXT = $WARNING
!$DANGER_LIGHT = "#B7161C"
!$DANGER_TEXT = $DANGER
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $BGCOLOR
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor $DARK
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $BGCOLOR
}
skinparam legend {
BackgroundColor $BGCOLOR
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $BGCOLOR
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $BGCOLOR
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $BGCOLOR
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $BGCOLOR
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $BGCOLOR
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $LIGHT
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title State Diagram - $THEME theme
!else
title State Diagram
!endif
'skinparam BackgroundColor transparent
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor #222
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor #666
skinparam stereotype {
CBackgroundColor #fff
CBorderColor #cccccc
ABackgroundColor #70bf73
ABorderColor #3D8C40
IBackgroundColor #B7161C
IBorderColor $DANGER_DARK
EBackgroundColor #ffad33
EBorderColor #CC7A00
NBackgroundColor #b052c0
NBorderColor #7D1F8D
}
skinparam title {
FontColor #2196F3
BorderColor #cccccc
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor transparent
}
skinparam legend {
BackgroundColor transparent
BorderColor #cccccc
FontColor #222
}
skinparam swimlane {
BorderColor #9C27B0
BorderThickness 2
TitleBackgroundColor #fff-#fff
TitleFontColor #2196F3
}
skinparam activity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BarColor #4CAF50
StartColor #9C27B0
EndColor #9C27B0
DiamondBackgroundColor transparent
DiamondBorderColor #cccccc
DiamondFontColor #cccccc
}
skinparam participant {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam arrow {
Thickness 3
Color #2196F3
FontColor #222
}
skinparam sequence {
BorderColor #2196F3
TitleFontColor #2196F3
BackgroundColor transparent
StartColor #2196F3
EndColor #2196F3
BoxBackgroundColor transparent
BoxBorderColor #666
BoxFontColor #222
LifeLineBorderColor #cccccc
LifeLineBorderThickness 2
LifeLineBackgroundColor transparent
GroupBorderColor #666
GroupFontColor #222
GroupHeaderFontColor #9C27B0
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor transparent
DividerBorderColor #666
DividerBorderThickness 2
DividerFontColor #222
ReferenceBackgroundColor transparent
ReferenceBorderColor #666
ReferenceFontColor #222
ReferenceHeaderFontColor #9C27B0
}
skinparam partition {
BorderColor #2196F3
FontColor #2196F3
BackgroundColor transparent
}
skinparam collections {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam control {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam entity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam boundary {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam agent {
BackgroundColor transparent
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam artifact {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam component {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam interface {
BackgroundColor transparent
BorderColor #e51c23
FontColor #222
}
skinparam storage {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
}
skinparam node {
BackgroundColor transparent
BorderColor #222
FontColor #222
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #222
}
skinparam database {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam class {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
FontColor #fff
HeaderBackgroundColor #2196F3-#1a78c2
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #222
AttributeFontSize 11
}
skinparam object {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam usecase {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam rectangle {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam package {
BackgroundColor transparent
BorderColor #2196F3
FontColor #2196F3
BorderThickness 2
}
skinparam folder {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
BorderThickness 2
}
skinparam frame {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
BorderThickness 2
}
skinparam state {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StartColor #9C27B0
EndColor #9C27B0
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam queue {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam card {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam file {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam stack {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
title State Diagram - materia-outline theme
state fork_state <<fork>>
[*] - -> fork_state
fork_state - -> State2
fork_state - -> State3
state join_state <<join>>
State2 - -> join_state: some message
State3 - -> join_state
join_state - -> State4
State4 - -> Active
state Active {
[*] -> NumLockOff
NumLockOff - -> NumLockOn : EvNumLockPressed
NumLockOn - -> NumLockOff : EvNumLockPressed
- -
[*] -> CapsLockOff
CapsLockOff - -> CapsLockOn : EvCapsLockPressed
CapsLockOn - -> CapsLockOff : EvCapsLockPressed
- -
[*] -> ScrollLockOff
ScrollLockOff - -> ScrollLockOn : EvCapsLockPressed
ScrollLockOn - -> ScrollLockOff : EvCapsLockPressed
}
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -0,0 +1,802 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="543.75px" preserveAspectRatio="none" style="width:491px;height:543px;background:#00000000;" version="1.1" viewBox="0 0 491 543" width="491.6667px" zoomAndPan="magnify"><defs><filter height="300%" id="fp2jnejxs496b" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0833333333333335"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.166666666666667" dy="4.166666666666667" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><rect height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="479.1667" x="2.0833" y="2.0833"/><text fill="#2196F3" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="441.6667" x="20.8333" y="38.6536">Usecase Diagram - materia-outline theme</text><!--MD5=[111002b242a260edbcaabc3e471064d0]
cluster checkout--><rect filter="url(#fp2jnejxs496b)" height="392.7083" rx="4.1667" ry="4.1667" style="stroke:#2196F3;stroke-width:2.0833333333333335;fill:none;" width="168.75" x="179.1667" y="69.0694"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="61.4583" x="232.8125" y="94.1366">checkout</text><ellipse cx="263.7765" cy="284.6471" fill="none" filter="url(#fp2jnejxs496b)" rx="67.9431" ry="28.5985" style="stroke:#2196F3;stroke-width:2.0833333333333335;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="58.3333" x="234.6098" y="287.5351">checkout</text><ellipse cx="263.5607" cy="153.3971" fill="none" filter="url(#fp2jnejxs496b)" rx="67.2066" ry="28.5985" style="stroke:#2196F3;stroke-width:2.0833333333333335;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="234.9149" y="156.2851">payment</text><ellipse cx="263.7701" cy="415.8971" fill="none" filter="url(#fp2jnejxs496b)" rx="46.5826" ry="28.5985" style="stroke:#2196F3;stroke-width:2.0833333333333335;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="28.125" x="249.7076" y="418.7851">help</text><!--MD5=[92848cbaf65985a669855153c5362c37]
entity customer--><ellipse cx="89.5833" cy="242.5069" fill="none" filter="url(#fp2jnejxs496b)" rx="8.3333" ry="8.3333" style="stroke:#2196F3;stroke-width:1.5625;"/><path d="M89.5833,250.8403 L89.5833,278.9653 M76.0417,259.1736 L103.125,259.1736 M89.5833,278.9653 L76.0417,294.5903 M89.5833,278.9653 L103.125,294.5903 " fill="none" filter="url(#fp2jnejxs496b)" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="60.4167" x="59.375" y="323.3032">customer</text><!--MD5=[ebeabf449828f4e0b33bbb47961e644b]
entity clerk--><ellipse cx="422.3958" cy="242.5069" fill="none" filter="url(#fp2jnejxs496b)" rx="8.3333" ry="8.3333" style="stroke:#2196F3;stroke-width:1.5625;"/><path d="M422.3958,250.8403 L422.3958,278.9653 M408.8542,259.1736 L435.9375,259.1736 M422.3958,278.9653 L408.8542,294.5903 M422.3958,278.9653 L435.9375,294.5903 " fill="none" filter="url(#fp2jnejxs496b)" style="stroke:#2196F3;stroke-width:1.5625;"/><text fill="#2196F3" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="30.2083" x="407.2917" y="323.3032">clerk</text><!--MD5=[852381a7bb976b86080137fb6d718ea9]
link customer to checkout--><path d="M130.4896,284.6944 C149.8229,284.6944 173.5833,284.6944 195.5833,284.6944 " fill="none" id="customer-checkout" style="stroke:#2196F3;stroke-width:3.125;"/><!--MD5=[3ad5c6d5c608bfd6b87dc9c07c40a15f]
link checkout to payment--><path d="M263.5417,255.8923 C263.5417,235.7153 263.5417,208.684 263.5417,187.4444 " fill="none" id="checkout-to-payment" style="stroke:#2196F3;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#2196F3" points="263.5417,182.184,259.375,191.559,263.5417,187.3923,267.7083,191.559,263.5417,182.184" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="45.8333" x="218.75" y="224.3449">include</text><!--MD5=[739e7928149c8fe27c2b5850560351c7]
link help to checkout--><path d="M263.5417,387.1423 C263.5417,366.9653 263.5417,339.934 263.5417,318.6944 " fill="none" id="help-to-checkout" style="stroke:#2196F3;stroke-width:3.125;stroke-dasharray:7.0,7.0;"/><polygon fill="#2196F3" points="263.5417,313.434,259.375,322.809,263.5417,318.6423,267.7083,322.809,263.5417,313.434" style="stroke:#2196F3;stroke-width:3.125;"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="215.1042" y="355.5949">extends</text><!--MD5=[b4c4ee8f2d94c159d2b9e04bd372cbe0]
link checkout to clerk--><path d="M331.5208,284.6944 C354.6563,284.6944 379.1563,284.6944 396.7083,284.6944 " fill="none" id="checkout-clerk" style="stroke:#2196F3;stroke-width:3.125;"/><rect height="46.4417" rx="5.2083" ry="5.2083" style="stroke:#CCCCCC;stroke-width:1.0416666666666667;fill:none;" width="145.8333" x="168.75" y="481.5694"/><text fill="#222222" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="112.5" x="185.4167" y="509.7616">This is my legend</text><!--MD5=[fa3ab615848a11b668c5be8073ed5a67]
@startuml
!$THEME = "materia-outline"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$BLUE = "#2196F3"
!$INDIGO = "#6610f2"
!$PURPLE = "#6f42c1"
!$PINK = "#e83e8c"
!$RED = "#e51c23"
!$ORANGE = "#fd7e14"
!$YELLOW = "#ff9800"
!$GREEN = "#4CAF50"
!$TEAL = "#20c997"
!$CYAN = "#9C27B0"
!$WHITE = "#FFF"
!$GRAY_DARK = "#222"
!$GRAY = "#666"
!$PRIMARY = "#2196F3"
!$SECONDARY = "#fff"
!$SUCCESS = "#4CAF50"
!$INFO = "#9C27B0"
!$WARNING = "#ff9800"
!$DANGER = "#e51c23"
!$LIGHT = "#fff"
!$DARK = "#222"
!$FGCOLOR = $DARK
!$PRIMARY_LIGHT = "#4dabf5"
!$PRIMARY_DARK = "#1a78c2"
!$PRIMARY_TEXT = $PRIMARY
!$SECONDARY_LIGHT = "#fff"
!$SECONDARY_DARK = "#cccccc"
!$SECONDARY_TEXT = $SECONDARY_DARK
!$INFO_LIGHT = "#b052c0"
!$INFO_DARK = "#7D1F8D"
!$INFO_TEXT = $INFO
!$SUCCESS_LIGHT = "#70bf73"
!$SUCCESS_DARK = "#3D8C40"
!$SUCCESS_TEXT = $SUCCESS
!$WARNING_LIGHT = "#ffad33"
!$WARNING_DARK = "#CC7A00"
!$WARNING_TEXT = $WARNING
!$DANGER_LIGHT = "#B7161C"
!$DANGER_TEXT = $DANGER
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY
BackgroundColor $BGCOLOR
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor $DARK
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $PRIMARY
BorderColor $SECONDARY_DARK
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $BGCOLOR
}
skinparam legend {
BackgroundColor $BGCOLOR
BorderColor $SECONDARY_DARK
FontColor $DARK
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $BGCOLOR
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $PRIMARY
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $BGCOLOR
GroupBorderColor $GRAY
GroupFontColor $DARK
GroupHeaderFontColor $INFO
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $BGCOLOR
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor $BGCOLOR
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $BGCOLOR
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $DARK
FontColor $DARK
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor $DARK
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
FontColor $LIGHT
HeaderBackgroundColor $PRIMARY-$PRIMARY_DARK
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $DARK
BorderThickness 1
AttributeFontColor $SECONDARY_DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY
FontColor $PRIMARY
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $BGCOLOR
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $BGCOLOR
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $BGCOLOR
BorderColor $GRAY
FontColor $GRAY
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title Usecase Diagram - $THEME theme
!else
title Usecase Diagram
!endif
legend
This is my legend
endlegend
'skinparam BackgroundColor transparent
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing true
skinparam roundcorner 8
skinparam ParticipantPadding 40
skinparam BoxPadding 40
skinparam Padding 10
skinparam TitleFontColor #222
skinparam TitleFontSize 20
skinparam TitleBorderThickness 0
skinparam ArrowColor #666
skinparam stereotype {
CBackgroundColor #fff
CBorderColor #cccccc
ABackgroundColor #70bf73
ABorderColor #3D8C40
IBackgroundColor #B7161C
IBorderColor $DANGER_DARK
EBackgroundColor #ffad33
EBorderColor #CC7A00
NBackgroundColor #b052c0
NBorderColor #7D1F8D
}
skinparam title {
FontColor #2196F3
BorderColor #cccccc
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor transparent
}
skinparam legend {
BackgroundColor transparent
BorderColor #cccccc
FontColor #222
}
skinparam swimlane {
BorderColor #9C27B0
BorderThickness 2
TitleBackgroundColor #fff-#fff
TitleFontColor #2196F3
}
skinparam activity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BarColor #4CAF50
StartColor #9C27B0
EndColor #9C27B0
DiamondBackgroundColor transparent
DiamondBorderColor #cccccc
DiamondFontColor #cccccc
}
skinparam participant {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam arrow {
Thickness 3
Color #2196F3
FontColor #222
}
skinparam sequence {
BorderColor #2196F3
TitleFontColor #2196F3
BackgroundColor transparent
StartColor #2196F3
EndColor #2196F3
BoxBackgroundColor transparent
BoxBorderColor #666
BoxFontColor #222
LifeLineBorderColor #cccccc
LifeLineBorderThickness 2
LifeLineBackgroundColor transparent
GroupBorderColor #666
GroupFontColor #222
GroupHeaderFontColor #9C27B0
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor transparent
DividerBorderColor #666
DividerBorderThickness 2
DividerFontColor #222
ReferenceBackgroundColor transparent
ReferenceBorderColor #666
ReferenceFontColor #222
ReferenceHeaderFontColor #9C27B0
}
skinparam partition {
BorderColor #2196F3
FontColor #2196F3
BackgroundColor transparent
}
skinparam collections {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam control {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam entity {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam boundary {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam agent {
BackgroundColor transparent
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam artifact {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam component {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam interface {
BackgroundColor transparent
BorderColor #e51c23
FontColor #222
}
skinparam storage {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
}
skinparam node {
BackgroundColor transparent
BorderColor #222
FontColor #222
}
skinparam cloud {
BackgroundColor transparent
BorderColor #F2FCFE
FontColor #222
}
skinparam database {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam class {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
FontColor #fff
HeaderBackgroundColor #2196F3-#1a78c2
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #222
AttributeFontSize 11
}
skinparam object {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StereotypeFontColor #222
BorderThickness 1
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam usecase {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam rectangle {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #2196F3
}
skinparam package {
BackgroundColor transparent
BorderColor #2196F3
FontColor #2196F3
BorderThickness 2
}
skinparam folder {
BackgroundColor transparent
BorderColor #ff9800
FontColor #ff9800
BorderThickness 2
}
skinparam frame {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
BorderThickness 2
}
skinparam state {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
StartColor #9C27B0
EndColor #9C27B0
AttributeFontColor #cccccc
AttributeFontSize 11
}
skinparam queue {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
skinparam card {
BackgroundColor transparent
BorderColor #9C27B0
FontColor #9C27B0
}
skinparam file {
BackgroundColor transparent
BorderColor #666
FontColor #666
}
skinparam stack {
FontColor #2196F3
BorderColor #2196F3
BackgroundColor transparent
}
title Usecase Diagram - materia-outline theme
legend
This is my legend
endlegend
left to right direction
actor customer
actor clerk
rectangle checkout {
customer - - (checkout)
(checkout) .> (payment) : include
(help) .> (checkout) : extends
(checkout) - - clerk
}
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>

After

Width:  |  Height:  |  Size: 18 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 22 KiB