drawio/strategy/strategy-concept.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="560px" height="317px" viewBox="-0.5 -0.5 560 317" content="&lt;mxfile pages=&quot;2&quot;&gt;&lt;diagram id=&quot;SgVri8N7r3XfdxWjJkD2&quot; name=&quot;concept&quot;&gt;7Zpdb9s2FIZ/jYHtIoX1afcyctIOWIoFTbDubqAlWmJLiQZFx3Z//Q4p6suUbXlVkjZQbiIeUqR0+JAvz5EnziLdfeRonXxiEaYTexrtJs7NxLZtz5/DP2nZFxbPsQtDzElUmKa14YF8x4XRKq0bEuFc2wqTYIwKsm4bQ5ZlOBQtG+KcbdvNVoxGLcMaxdgwPISImtYvJBJJYZ3bs9r+ByZxUo5s+e+LmiUKv8WcbTI93sR2VuqvqE5R2Zd+0TxBEds2TM7txFlwxkRxle4WmErftt324Uht9dwcZ6LPDXh3908Y/3X/57+7R/f6769uuP1ypXt5QnSj/bFgWcixwA+CI4HjfaCfXuxLj+VbklKUQSlYsUw86JoplBElcQbXITwT5mB4wlwQcPa1rhBsDdYwITS6Q3u2kU+eC/BkWQoSxsl36BZRqLLAANVcaG7saavFg7xTD81xDm3uS3dYlekO5UK3CRmlaJ2TpXpg2SRFPCZZwIRgadmRnFIc6VI1a6ogOPtWYSLvXxFKF4wyrlzjhBFezpdVy0bNVP1pl3XZzeks5wZciHcNk57ej5ilWPA9NNG1V46rF6Nei77nF+VtTbbl+e9srzAnDbB9jSnS6ymuuq9G/AzrD2UxOK8aEl6gNaLlTs0Ry66bw9l+ezhEAZgMiAuk+/MmyXDReNvapPi+gHXHYN1AmxKFdSLSmr7DKS8Zp3glOghPSRTJ7oJ8jUKSxY+S+Jsrq7bcqRtvnNryWfvFUfgJJNCyWlIULTG9ZzkRhMn+edE2WDOSCeU8L5h4N8rCgawMnhgRxRAG8rdY0n+UuuOcmjye3EDOQ6oJsTsAOYLk/DiRLTYuBcF2O0gI5Eg0hr0lTz9hkbDot98NPuAdheG1jBV7YWMr0KYzqBSbYZsK16RCmhjcu6JqI0oAMJx1kNImIgA/L6bvPMmGvYCyVZfP4rJNCCgAPIbsewvC314U/fewgZiZ92bmcF8ZDBrvrFJej0r5yyil51jnlbJLt96+TM5GmRxeJr3ehJ6QyS5Ank0ju05Lo0a+mEZeDkyHRvbZUQYjxjJjyVIZ+wqjPQrjawuj69ktpXLf99yIPPetC6M1BpDPEUAOEkG+pDRadgcHPpVeInARC/Xy3VpZNINhGy1H/XyOGHOQIPNlBbQrLXEAB86ia5n0htKSMqlcQYTyRGmN9BrUfyByWDVbUNKqZ9lt77YV6vLFrTaVoMqAHzB5VIhytuEhPuEDfewBvY5xn+nFUSu7b05u12xyTJEgT+0PACd0615C3wwerTr3UMrk7CAuLN5U39nMyh925njnOyvcYXQ2mLD5I3jWrwCe6xiseJb7P8Hzp0Zn/vxlwbPNkOEUeGytNKlB0wFn6pxfto4ISlkWPSYkOwgBLLc0NJGFCS3jEFCthMUsQ/S2tp5T2qWOAH4Y8V4QO0Pz+qNs2vZsuE3Rn5udPR+b5nlOpnbxWhgwtqf23AnmpwrsZl470nKn5jF61nHccU4kPPsed8zACRyszrk9EwNjxvz1+SlPCdXinhn8dIdhbyljbibHrxTAOs/lXEPpaNZrjOwujOyc3pRemBoYIobrEa2N2aAhJ9ft+YlugLyP+bG3SOiEhWyN3z5ebYWXaeZnWOFQrH+NV2hD/ZNH5/Y/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <path d="M 402 276 L 402 256 L 558.25 256 L 558.25 276" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 402 276 L 402 316 L 558.25 316 L 558.25 276" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 402 276 L 558.25 276" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="479.63" y="273.5">
                ConcreteStrategyB
            </text>
        </g>
        <path d="M 402 280 L 558.25 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 146px; height: 1px; padding-top: 291px; margin-left: 408px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                + algorismMethod()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="408" y="303" fill="#000000" font-family="Helvetica" font-size="12px">
                    + algorismMethod()
                </text>
            </switch>
        </g>
        <path d="M 219 276 L 219 256 L 379 256 L 379 276" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 219 276 L 219 316 L 379 316 L 379 276" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 219 276 L 379 276" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="298.5" y="273.5">
                ConcreteStrategyA
            </text>
        </g>
        <path d="M 219 280 L 379 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 291px; margin-left: 225px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                + algorismMethod()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="225" y="303" fill="#000000" font-family="Helvetica" font-size="12px">
                    + algorismMethod()
                </text>
            </switch>
        </g>
        <path d="M 298 110 L 298 90 L 458 90 L 458 110" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 298 110 L 298 144 L 458 144 L 458 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 298 110 L 458 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-style="italic" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="377.5" y="107.5">
                Strategy
            </text>
        </g>
        <path d="M 298 114 L 458 114" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 125px; margin-left: 304px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                <i>
                                    + algorismMethod()
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="304" y="137" fill="#000000" font-family="Helvetica" font-size="12px">
                    + algorismMethod()
                </text>
            </switch>
        </g>
        <path d="M 313.02 256 L 359.4 156.79" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 364.91 145.01 L 365.29 159.54 L 353.51 154.04 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 462 256 L 401.62 156.08" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 394.89 144.96 L 407.18 152.72 L 396.05 159.44 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 209.99 117 L 295.76 117" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 194.99 117 L 202.49 112.59 L 209.99 117 L 202.49 121.41 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 283.88 123.5 L 296.88 117 L 283.88 110.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="0" y="0" width="70" height="30" fill="#cdeb8b" stroke="#000000" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 15px; margin-left: 1px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                Concept
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="35" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Concept
                </text>
            </switch>
        </g>
        <path d="M 34 97 L 34 77 L 194 77 L 194 97" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 34 97 L 34 157 L 194 157 L 194 97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 34 97 L 194 97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="113.5" y="94.5">
                Context
            </text>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 104px; margin-left: 40px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                - strategy: Strategy
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="116" fill="#000000" font-family="Helvetica" font-size="12px">
                    - strategy: Strategy
                </text>
            </switch>
        </g>
        <path d="M 34 127 L 194 127" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 138px; margin-left: 40px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                + contextMethod()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="40" y="150" fill="#000000" font-family="Helvetica" font-size="12px">
                    + contextMethod()
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>