drawio/facade/facade-cdk.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="711px" height="351px" viewBox="-0.5 -0.5 711 351" content="&lt;mxfile&gt;&lt;diagram id=&quot;M9y5m1sOJKhVwTMN8JeH&quot; name=&quot;cdk&quot;&gt;7Vxbb+I4FP41SLsPU+UeeCzQmZW2K1XTkXb30SSGWHVilJgC8+v32HGupp2wUC4lSC3J8S0+5/N3ji9kYE/izbcULaO/WIjpwDLCzcCeDizLcr0hfAnJNpe4tpULFikJc5FRCZ7JT5wLzUK6IiHOlCwXccYoJ8umMGBJggPekKE0ZetmtjmjYUOwRAusCZ4DRHXp3yTkUS4dWn4l/wOTRVS0bHqjPGWGgpdFylaJam9g2XP5yZNjVNSlOppFKGTrmsh+GNiTlDGeX8WbCaZCt021fX0jtXzuFCe8SwHLzUu8IrpSfb/PslW85IQlIGdzqeV4SfEGrlKcsVUaYGFaPCcJEdkyUZ/IDDhYUXw/sCZjuPttAkk8XQX8d9VXvi30y/EGHm8c8ZiCwIRLyMle8IRRlsostiE/kDInlNbkoEsrCECOKFkkIAugqxgSx6845QRseK8SYhKGosHxOiIcPy9RIFpfA2JBJm2EhRZkGyzhu9rW1ak0LNrCm5pIqfcbZjHm6RayqNQvrq9srcaCbymsrCtkWaYaMFENVY4qhxSYF2XdlUHhQtn0Dfv6mu5xCFBXtwlLcGc77KsjBRUpslVfOEoXWGWznVwmHuhdTaaYIk5em2Nzl1ZU0SdG4FFqFjCcO7dhA8dv6TZ/VlWwPl7adXn+qFWXN2zVlfdRq0uaquxVN+uNLtd6jnki6zn26Ei2s7w2Dj7QdoXOasz6FQUohGtgSKMkR83C2ZrEFEnLCqMVxja6UB5ngtuCiNDwEW3ZStgq4+CTirtxxFLyE6pFFWRQypUHtoxGjmdRUjUNzA95ngqcmKXoEWVc5QkYpWiZkZl8YJElBnWSZMw4Z3FRUYN4S/9nlOgtHK65k/vnw+Fxcb4Pk7tNJncNQ2Ny0zN0JrffYXLV3HcIY1CyoLhqryymmjOdjs1ZXrM5RAEtCeJ4LHSfHQpsUwO2hmFKdjNT3bYFmCme8/e8dwaOmySLHwLa0y9mJXmUBad2JfmudGBLnHHE0awcOxTNMH1imQxZQJbmecdLMdalotzxwJ1KScrz4YmIBAsGiK+xgPlRgFcyw6+RpyxvdTT88PCAocDYHi4H+ONexNxV8ke5oVMFDHZroHsj93+6HHf0i5qO53A89zKChSIwqAcL7tEt1xXPnne5WvHss2lluKdWoGvp9h9BpXcwZVT3/ypqlTfTTeNu2/DppwGZdzZ1XkicvlMrw3NpxdEDhXyFYNyHwNcaAjtmy58NbzEEdiwN2RqG+xD4HeA53ZF3hhD4QkKGItz92FWXzj5u/4nB6bRyNh/nmZerlWIScwat6HR4OVqxzqWV4mm0eOi+j4euNR4q45+bjodsfRexj4f2WhJ0OiPvDPGQr1n3RyRAGbAkwEux3IWSML/nWC5/yW1jtd0BFWWSl6HhCCwC15S8CPlk+med9u40zNzSNrHfYpJy27i+TWz4uoWPsU1cBFA1E38vt/p7Z9TVGQUBdufzszmjNoR8T4fQ8LP7ImfU+6LD5ubDzsB72xftgtkRXFExpel56pp5yvNaPDW6QZ5y+230w3BXcsEl8pS+QNzz1NXxlN86uTnsCKDPxVN2z1OH8ZTVGXin5yl9SbLnqavjKbs977vJeKpfgzyQp46xBvlRPOX1PHX9PGX28z6xrtvz1GE85XUG3ul5ql9H/wQ8ZfU8BVDu19EP5KkLXkf39El9z1NXx1Nme953i+tTnr6E0fPUPrgrueACeapYgK0Z9+EVi3cNEHHCpPnCAXnMJGHi/EntKJ0xW8kTKvBXUZyxTNkrEcMe0kXP5FGUSVEv4UV11asP8iMuPMKpKI/k/xglorA87QIpsaqCS93IjsxEtgVjouwcjFGcirntsy5261dxbrFGWkOUbe2AlPsOc3XG1I6fpUgrrgWuJhRlmWacpmp2Ka9mtws7odjaxNj1o2V/TyfRWdWWpuqnXQPviNo+95aRdzJtw231npjccVYv47Ef/gM=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="210" y="229" width="218" height="40" fill="#fff2cc" stroke="#000000" 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: 216px; height: 1px; padding-top: 249px; margin-left: 211px;">
                        <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: all; white-space: normal; overflow-wrap: normal;">
                                Assumption of complex resource definitions in ModuleA,B (Construct)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="319" y="253" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Assumption of complex resource defin...
                </text>
            </switch>
        </g>
        <path d="M 299.17 30 L 194.56 174.84" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 191.49 179.09 L 192.75 171.37 L 194.56 174.84 L 198.42 175.47 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 321.67 30 L 434.42 174.97" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 437.65 179.12 L 430.59 175.74 L 434.42 174.97 L 436.11 171.44 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 230 20 L 230 0 L 390 0 L 390 20" fill="#ffff88" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 230 20 L 230 30 L 390 30 L 390 20" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 230 20 L 390 20" 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="309.5" y="17.5">
                Facade: Construct
            </text>
        </g>
        <path d="M 230 24 L 390 24" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 260 195 L 196.37 195" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 191.12 195 L 198.12 191.5 L 196.37 195 L 198.12 198.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 448.64 210 L 441.94 283.66" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 441.46 288.89 L 438.61 281.6 L 441.94 283.66 L 445.58 282.23 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 521.25 210 L 593.77 225.27" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 598.91 226.35 L 591.34 228.33 L 593.77 225.27 L 592.78 221.48 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 480 210 L 634.3 287.15" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 639 289.5 L 631.17 289.5 L 634.3 287.15 L 634.3 283.24 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 465 210 L 540.5 285.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 544.21 289.21 L 536.78 286.73 L 540.5 285.5 L 541.73 281.78 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 370 200 L 370 180 L 530 180 L 530 200" fill="#ffff88" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 370 200 L 370 210 L 530 210 L 530 200" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 370 200 L 530 200" 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="449.5" y="197.5">
                ModuleB: Construct
            </text>
        </g>
        <path d="M 370 204 L 530 204" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 260 195 L 363.63 195" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 368.88 195 L 361.88 198.5 L 363.63 195 L 361.88 191.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 153.75 210 L 71.78 256.84" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 67.22 259.45 L 71.56 252.93 L 71.78 256.84 L 75.03 259.01 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 177.27 210 L 163.87 283.73" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 162.93 288.9 L 160.74 281.39 L 163.87 283.73 L 167.62 282.64 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 166.07 210 L 68.26 315.33" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 64.69 319.18 L 66.89 311.67 L 68.26 315.33 L 72.02 316.43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 100 200 L 100 180 L 260 180 L 260 200" fill="#ffff88" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 100 200 L 100 210 L 260 210 L 260 200" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 100 200 L 260 200" 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="179.5" y="197.5">
                ModuleA: Construct
            </text>
        </g>
        <path d="M 100 204 L 260 204" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="0" y="70" width="207" height="40" 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: 205px; height: 1px; padding-top: 90px; 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;">
                                The concept and content of Facade is something like CDK Construct.
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="104" y="94" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    The concept and content of Facade...
                </text>
            </switch>
        </g>
        <path d="M 0 280 L 0 260 L 80 260 L 80 280" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 280 L 0 290 L 80 290 L 80 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 0 280 L 80 280" 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="39.5" y="277.5">
                Resource
            </text>
        </g>
        <path d="M 0 284 L 80 284" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 120 310 L 120 290 L 200 290 L 200 310" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 120 310 L 120 320 L 200 320 L 200 310" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 120 310 L 200 310" 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="159.5" y="307.5">
                Resource
            </text>
        </g>
        <path d="M 120 314 L 200 314" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 10 340 L 10 320 L 90 320 L 90 340" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 10 340 L 10 350 L 90 350 L 90 340" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 10 340 L 90 340" 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="49.5" y="337.5">
                Resource
            </text>
        </g>
        <path d="M 10 344 L 90 344" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 400 310 L 400 290 L 480 290 L 480 310" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 400 310 L 400 320 L 480 320 L 480 310" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 400 310 L 480 310" 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="439.5" y="307.5">
                Resource
            </text>
        </g>
        <path d="M 400 314 L 480 314" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 620 310 L 620 290 L 700 290 L 700 310" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 620 310 L 620 320 L 700 320 L 700 310" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 620 310 L 700 310" 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="659.5" y="307.5">
                Resource
            </text>
        </g>
        <path d="M 620 314 L 700 314" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 520 310 L 520 290 L 600 290 L 600 310" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 520 310 L 520 320 L 600 320 L 600 310" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 520 310 L 600 310" 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="559.5" y="307.5">
                Resource
            </text>
        </g>
        <path d="M 520 314 L 600 314" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 600 240 L 600 220 L 680 220 L 680 240" fill="#cce5ff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 600 240 L 600 250 L 680 250 L 680 240" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 600 240 L 680 240" 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="639.5" y="237.5">
                Resource
            </text>
        </g>
        <path d="M 600 244 L 680 244" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="390" y="52" width="320" height="50" 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: 318px; height: 1px; padding-top: 77px; margin-left: 391px;">
                        <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;">
                                Even if ModuleA,B is not Construct but a Resource provided by CDK, if it is complex and there are many of them, it will be good for Facade.
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="550" y="81" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Even if ModuleA,B is not Construct but a Resource pro...
                </text>
            </switch>
        </g>
        <rect x="110" y="0" width="70" height="30" fill="#ffff88" 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: 111px;">
                        <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;">
                                My own Class
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="145" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    My own Class
                </text>
            </switch>
        </g>
        <rect x="20" y="0" width="70" height="30" fill="#cce5ff" 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: 21px;">
                        <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;">
                                Provided by CDK
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="55" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Provided by...
                </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>