drawio/factory-method/factory-method-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="479px" height="345px" viewBox="-0.5 -0.5 479 345" content="&lt;mxfile&gt;&lt;diagram id=&quot;9KW1ADvCEIuN-hiICIac&quot; name=&quot;concept&quot;&gt;7Vpfc6M2EP80nrl7OA9/DCaPsXO5PuSmmUtm2j7KIIwaGTFCjuP79F2BBMgiNnZySZvaD4m0rFbS7k+7q4WRP189feOoyL6zBNOR5yRPI/9q5HleEEbwT1K2NSXwvZqw5CSpSU5LuCM/cU10NXVNElwqWk0SjFFBCpMYszzHsTBoiHO2MdlSRhODUKAltgh3MaI29Q+SiKymRt60pf+GyTLTM7vhRf1kgeKHJWfrXM038vy0+tWPV0jLUhstM5SwTYfkfx35c86YqFurpzmmUrem2q6fedqsm+NcDBngqXU/IrpWe485RgKr5YmtVglOQEOqm7Mc/s0ysaLQc6FZCs4e8JxRxit236l+8CRBZYYTxUbRAtNZoyPNr+SlLBd9IuxNqX2WbM1jtT4FMIH4EisurWS59M44pYlvmK2w4FtgULj94owdxw3rQQq5rl93OaZIkEcTH0jBbNmIaqTfMgKLbVlYmpawro4toNFZREuqLPSMtSxjzVkO9hJ4Lo0Gitu1WrkhK4oa7WoDSq0iSpY5tGPQKgaVzx4xFwTOwKV6IFgB1DgjNLlBW7aWWi0FGE/3Zhnj5CeIRS0MEBfqOHuOwXEnR6qpOS6B51Yb1G1IN6gUiidmlKKiJItqwZJlBaYl+YwJwVZakERRhS7Zaw6T0yBSn145PiWUduAVJ3gRLfZi92hAShXip0FYC8OLsesZWAuioO5vWp/jBuHYU+Ss43JC5yAEf4BnRPkS9NfMCnsw0T1x7Bm16O50XmhOhyhgJgc/MZMWKF+Ia9/CtQVkSvpdTtfAGtEUp6IHzyuSJFLcrCxQTPLlvcT31Re3pdxUA6/8lvJDqcCvwCaQQIvmAFXO7JaVRBAm5fOad1bIo1/pKZiNgquKwgFHOawYkQoxGHC+wRLrr4I+bzD6tqZnHAC06HmcGRbfY95Jj3lhF841isFnbb9jkbHk02fL5rAZW0M6VnQOsyIdMH/tzkxLT2xLSxKDsSmtXEkGoMF5j/VNK89AoXNnHEh7e3Pou23/IAQ2GRH4DpYhZW8gozKB/itxEA3Gwa4HOAUIgQWEW86SdSyGxi3vHLfeO25NfGccTY0oMgkHRhF/D4b+c0ErPAetF0EvGAy9PUGrz+yvELEiO9E+LsF+E0flnx3VvgR76ppeKvAH4sf/QF7Kvt+fvdQxuIsG4057qaEoe7mX0uUoK7G+zH8vMEdSeee0+uVp9dEY8N3Tjv4pINAlUwMEIZUKINBYimpLvdetmgsm6DCesfLGWAmmb4gVO6+xLI7z5FJW0KG3oExmFDMgXRMptNI69FQC4nqmlsxkAT8R8adsgwnq3l+dJ1dP3c7WyCleJVM4UBtWmjhYGu4zy6m1YJ2ZeBftFbt5QbJTz6uXr0Z2C/i7wvzIzDsm06kpqd61JemU8rPtanT9+ch7/Ln+/O7p8USnhhqBF9F4ePnZ/0g5cqO9c5J8Yv3ZGQy/dylAD3nB8CHjnmMHvuAdA5/v7cSqcMeNDI96/o73cnfi5ytGPbvQJ6MeLuxoZwLhUE75rwoHYWiapkkrOjiY9pV097yHHHw8+9LS+nKSkEd9N7nPcHuJgVZ9j5FiwP87C1Ri2QFPCHivWO/xqqDVpwwtb4GEjBzjzuWnM0XPrJ/qaauPIkglnKXyz+JvCG9yYsHk7JJnhXJSrOWMzaqqSKB4yvUipqgscfWAPODnFzr+/Nz6+q9ngz7E2MFbmqZeHA/Jw5q41QdoE/K/EqFTxzzyYWi/vJpMIxuiwSvcnPye1Bfl2vJEai6VegFkcDnVQsbannz4/2SwQBdctbd3+4L+tMeneEcbDLrtR1O1k2+/TPO//gM=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <path d="M 196.13 235 L 273.63 235" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 278.88 235 L 271.88 238.5 L 273.63 235 L 271.88 231.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 1px; height: 1px; padding-top: 222px; margin-left: 238px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                create
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="238" y="225" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    create
                </text>
            </switch>
        </g>
        <path d="M 39.88 225 L 39.88 205 L 196.13 205 L 196.13 225" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 39.88 225 L 39.88 265 L 196.13 265 L 196.13 225" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 39.88 225 L 196.13 225" 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="117.51" y="222.5">
                ConcreteCreator
            </text>
        </g>
        <path d="M 39.88 229 L 196.13 229" 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: 240px; margin-left: 46px;">
                        <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;">
                                + FactoryMethod()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="46" y="252" fill="#000000" font-family="Helvetica" font-size="12px">
                    + FactoryMethod()
                </text>
            </switch>
        </g>
        <path d="M 278.13 100 L 278.13 80 L 438.13 80 L 438.13 100" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 278.13 100 L 278.13 116 L 438.13 116 L 438.13 100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 278.13 100 L 438.13 100" 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="357.63" y="97.5">
                Product
            </text>
        </g>
        <path d="M 278.13 104 L 438.13 104" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 38 96 L 38 73 L 198 73 L 198 96" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 38 96 L 38 156 L 198 156 L 198 96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 38 96 L 198 96" 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="117.5" y="90.5">
                Creator
            </text>
        </g>
        <path d="M 38 100 L 198 100" 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: 111px; margin-left: 44px;">
                        <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;">
                                + AnOperation()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="44" y="123" fill="#000000" font-family="Helvetica" font-size="12px">
                    + AnOperation()
                </text>
            </switch>
        </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: 137px; margin-left: 44px;">
                        <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>
                                    + FactoryMethod()
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="44" y="149" fill="#000000" font-family="Helvetica" font-size="12px">
                    + FactoryMethod()
                </text>
            </switch>
        </g>
        <path d="M 118.01 205 L 118 170.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 118 157.12 L 124.5 170.12 L 111.5 170.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 280 238.5 L 280 218.5 L 436.25 218.5 L 436.25 238.5" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 280 238.5 L 280 251.5 L 436.25 251.5 L 436.25 238.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 280 238.5 L 436.25 238.5" 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="357.63" y="236">
                ConcreteProduct
            </text>
        </g>
        <path d="M 280 242.5 L 436.25 242.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 358.13 218.5 L 358.13 130.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 358.13 117.12 L 364.63 130.12 L 351.63 130.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="49" 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: 50px;">
                        <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="84" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Concept
                </text>
            </switch>
        </g>
        <rect x="0" y="288" width="478" height="56" fill="#fff2cc" 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: 476px; height: 1px; padding-top: 316px; 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;">
                                <div>
                                    The Factory Method is based on the Template Method pattern.
                                </div>
                                <div>
                                    (The creation of objects to be manipulated is left to subclasses like the Template Method.)
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="239" y="320" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    The Factory Method is based on the Template Method pattern....
                </text>
            </switch>
        </g>
        <rect x="156" y="30" width="157" height="32" fill="#fff2cc" 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: 155px; height: 1px; padding-top: 46px; margin-left: 157px;">
                        <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;">
                                Can be interface or abstract
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="235" y="50" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Can be interface or abstra...
                </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>