drawio/visitor/visitor-cdk-simplified.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="825px" height="674px" viewBox="-0.5 -0.5 825 674" content="&lt;mxfile&gt;&lt;diagram id=&quot;9KW1ADvCEIuN-hiICIac&quot; name=&quot;cdk&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="125" y="2" width="70" height="30" fill="#ffff88" 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: 68px; height: 1px; padding-top: 17px; margin-left: 126px;">
                        <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;">
                                My own Class
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="160" y="21" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    My own Class
                </text>
            </switch>
        </g>
        <rect x="35" y="2" width="70" height="30" fill="#cce5ff" 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: 68px; height: 1px; padding-top: 17px; margin-left: 36px;">
                        <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;">
                                Provided by CDK
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="70" y="21" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Provided by...
                </text>
            </switch>
        </g>
        <path d="M 292 365.5 L 532.63 365.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 537.88 365.5 L 530.88 369 L 532.63 365.5 L 530.88 362 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 95 357 L 95 337 L 292 337 L 292 357" fill="#ffff88" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 95 357 L 95 394 L 292 394 L 292 357" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 95 357 L 292 357" 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="193" y="354.5">
                BucketVersioningChecker
            </text>
        </g>
        <path d="M 95 361 L 292 361" 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: 187px; height: 1px; padding-top: 372px; margin-left: 101px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; 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;">
                                + visit(node: IConstruct)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="101" y="384" fill="#000000" font-family="Helvetica" font-size="12px">
                    + visit(node: IConstruct)
                </text>
            </switch>
        </g>
        <path d="M 193.5 337 L 193.5 275.62" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 193.5 262.62 L 200 275.62 L 187 275.62 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 118.5 227.5 L 118.5 204.5 L 268.5 204.5 L 268.5 227.5" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 118.5 227.5 L 118.5 261.5 L 268.5 261.5 L 268.5 227.5" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 118.5 227.5 L 268.5 227.5" fill="none" stroke="#36393d" 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="193" y="222">
                IAspect
            </text>
        </g>
        <path d="M 118.5 231.5 L 268.5 231.5" 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: 140px; height: 1px; padding-top: 243px; margin-left: 125px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; 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>
                                    + visit(node: IConstruct)
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="125" y="255" fill="#000000" font-family="Helvetica" font-size="12px">
                    + visit(node: IConstruc...
                </text>
            </switch>
        </g>
        <path d="M 539 368.5 L 539 345.5 L 689 345.5 L 689 368.5" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 368.5 L 539 385.5 L 689 385.5 L 689 368.5" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 368.5 L 689 368.5" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="613.5" y="363">
                Bucket
            </text>
        </g>
        <path d="M 539 372.5 L 689 372.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 231 L 539 208 L 689 208 L 689 231" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 231 L 539 258 L 689 258 L 689 231" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 231 L 689 231" fill="none" stroke="#36393d" 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="613.5" y="225.5">
                IConstruct
            </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: 140px; height: 1px; padding-top: 238px; margin-left: 545px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; 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;">
                                + node: Node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="545" y="250" fill="#000000" font-family="Helvetica" font-size="12px">
                    + node: Node
                </text>
            </switch>
        </g>
        <path d="M 539 254 L 689 254" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 614 345.5 L 614 272.12" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 614 259.12 L 620.5 272.12 L 607.5 272.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 186.36 452 L 191.15 394" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <rect x="0" y="452" width="360" height="154" 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 flex-start; width: 358px; height: 1px; padding-top: 529px; margin-left: 2px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <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>
                                    There is no concrete method with arguments for each type of manipulation target by double dispatch, but rather a branch by `if (node instanceof CfnBucket)` at the beginning of the visit method to focus on the object to be manipulated, which is essentially the Visitor pattern inside the CDK.
                                </div>
                                <div>
                                    <br/>
                                </div>
                                <div>
                                    (Double dispatching corresponding to all IConstruct is practically impossible due to quantity issues.)
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="2" y="533" fill="#000000" font-family="Helvetica" font-size="12px">
                    There is no concrete method with arguments for each type of...
                </text>
            </switch>
        </g>
        <path d="M 609.06 400 L 611.13 385.5" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <rect x="355" y="400" width="469" height="273" 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 flex-start; width: 467px; height: 1px; padding-top: 537px; margin-left: 357px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <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>
                                    Since it is not a double dispatch, there is no accept method on the IConstruct or Bucket side to pass itself (this) to the Visitor.
                                </div>
                                <div></div>
                                <span style="text-align: center;">
                                    <br/>
                                    When synthesizing, the recurse function in the synthesize function (aws-cdk-lib/core/lib/private/synthesis.ts), recursively starting from the Stack (root of the tree) as an ObjectStructure, it obtains a list of IAspects (Visitor) from its own IConstruct via Aspects so that the Visitor can access the IConstruct.
                                    <br/>
                                    <br/>
                                </span>
                                <div>
                                    synthesize
                                </div>
                                <div>
                                    ----&gt;invokeAspects
                                </div>
                                <span style="background-color: initial;">
                                    --------&gt;recurse
                                </span>
                                <br/>
                                -----------
                                <span style="background-color: initial;">
                                    -&gt;Loop with the aspect corresponding to the own Construct taken by Aspects.of
                                </span>
                                <br/>
                                ---------------
                                <span style="background-color: initial;">
                                    -&gt;aspect.visit
                                </span>
                                <br/>
                                -----------
                                <span style="background-color: initial;">
                                    -&gt;
                                </span>
                                <span style="background-color: initial;">
                                    Loop in node.children of own Construct
                                </span>
                                <br/>
                                <div>
                                    ----------------&gt;recurse (per childConstruct)
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="357" y="540" fill="#000000" font-family="Helvetica" font-size="12px">
                    Since it is not a double dispatch, there is no accept method on the IConstruct...
                </text>
            </switch>
        </g>
        <path d="M 614 117 L 614 205.76" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 607.5 193.88 L 614 206.88 L 620.5 193.88" 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-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 160px; margin-left: 616px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;">
                                node.children
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="616" y="160" fill="#000000" font-family="Helvetica" font-size="11px">
                    node.children
                </text>
            </switch>
        </g>
        <path d="M 539 87 L 539 65 L 689 65 L 689 87" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 87 L 539 117 L 689 117 L 689 87" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 539 87 L 689 87" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="613.5" y="82.5">
                Stack
            </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: 140px; height: 1px; padding-top: 94px; margin-left: 545px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; 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;">
                                + node: Node
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="545" y="106" fill="#000000" font-family="Helvetica" font-size="12px">
                    + node: Node
                </text>
            </switch>
        </g>
        <path d="M 539 110 L 689 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 246 80 L 246 60 L 443 60 L 443 80" fill="#ffff88" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 246 80 L 246 122 L 443 122 L 443 80" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 246 80 L 443 80" 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="344" y="77.5">
                VisitorStack
            </text>
        </g>
        <path d="M 246 84 L 443 84" 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: 187px; height: 1px; padding-top: 95px; margin-left: 252px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 15px; 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;">
                                + visit(node: IConstruct)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="252" y="107" fill="#000000" font-family="Helvetica" font-size="12px">
                    + visit(node: IConstruct)
                </text>
            </switch>
        </g>
        <path d="M 443 91 L 524.88 91" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 537.88 91 L 524.88 97.5 L 524.88 84.5 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 128.96 91 L 237.88 91" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 244.88 91 L 237.88 93.33 L 237.88 88.67 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 81.98 109.5 L 82 353 Q 82 363 84.44 363.05 L 86.88 363.11" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 93.88 363.27 L 86.83 365.44 L 86.94 360.78 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 35 92.5 L 35 72.5 L 128.96 72.5 L 128.96 92.5" fill="#ffff88" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 35 92.5 L 35 109.5 L 128.96 109.5 L 128.96 92.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 35 92.5 L 128.96 92.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="81.48" y="90">
                Client(bin)
            </text>
        </g>
        <path d="M 35 96.5 L 128.96 96.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="501" y="0" width="226" height="45" 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: 224px; height: 1px; padding-top: 23px; margin-left: 502px;">
                        <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;">
                                as an ObjectStructure that holds the structure.
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="614" y="26" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    as an ObjectStructure that holds the...
                </text>
            </switch>
        </g>
        <path d="M 614 45 L 614 65" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 124.58 109.5 L 329.16 198.33" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 333.97 200.42 L 326.16 200.84 L 329.16 198.33 L 328.95 194.42 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 483 233 L 530.88 233" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 537.88 233 L 530.88 235.33 L 530.88 230.67 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 335 233 L 276.62 233" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 269.62 233 L 276.62 230.67 L 276.62 235.33 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 335 213.5 L 335 190.5 L 483 190.5 L 483 213.5" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 335 213.5 L 335 275.5 L 483 275.5 L 483 213.5" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 335 213.5 L 483 213.5" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="408.5" y="208">
                Aspects
            </text>
        </g>
        <path d="M 335 217.5 L 483 217.5" 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: 138px; height: 1px; padding-top: 229px; margin-left: 341px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 23px; 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;">
                                <u>
                                    + of(scope: IConstruct)
                                </u>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="341" y="241" fill="#000000" font-family="Helvetica" font-size="12px">
                    + of(scope: IConstruct)
                </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: 138px; height: 1px; padding-top: 256px; margin-left: 341px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 23px; 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;">
                                + add(aspect: IAspect)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="341" y="268" fill="#000000" font-family="Helvetica" font-size="12px">
                    + add(aspect: IAspect)
                </text>
            </switch>
        </g>
        <path d="M 689 91 L 743 91 L 743 233 L 703.12 233" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
        <path d="M 690.12 233 L 703.12 226.5 L 703.12 239.5 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="266.5" y="292" width="285" height="34" 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: 283px; height: 1px; padding-top: 309px; margin-left: 268px;">
                        <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;">
                                Element (IConstruct) does not call Visitor (IAspect) directly, but Aspects exists as a mediator.
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="409" y="313" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Element (IConstruct) does not call Visitor (IAs...
                </text>
            </switch>
        </g>
        <path d="M 409 275.5 L 409 292" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/>
    </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>