crossplanesb.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="528px" height="334px" viewBox="-0.5 -0.5 528 334" content="&lt;mxfile host=&quot;8ef376bc-73aa-4864-a934-fef67f82313a&quot; modified=&quot;2021-03-09T15:17:46.116Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.54.1 Chrome/87.0.4280.141 Electron/11.3.0 Safari/537.36&quot; version=&quot;14.2.4&quot; etag=&quot;ZeBpTaNkNyNgDxw0YhNH&quot; type=&quot;embed&quot;&gt;&lt;diagram id=&quot;kZOSKQVpbhwFkshoCee6&quot; name=&quot;Page-1&quot;&gt;5VnLktsoFP0aL8elh5/Ltt2ZpCpTcXUvJlli6UpmGoEK8CtfPyCB3u44ttw9XeOFCw5cwPccLhc88JfJ8U+O0u1fLAQy8JzwOPBXA8+bz1z1rYFTDkyn4xyIOQ5zyC2BZ/wTDOgYdIdDELWOkjEicVoHA0YpBLKGIc7Zod4tYqQ+a4piaAHPASJt9G8cym2OzsZOiX8GHG/tzK5jWjYoeIk521Ez38Dzo+yTNyfIjmX6iy0K2aEC+Y8Df8kZk3kpOS6BaNdat+V2n860FuvmQOUlBqPcYI/IDuyKJ0SZLjaqEOuCWo0QKUEUVMdn4Hsc6NKCsxfgtreaoTAwv0yerDczf4Ce0VHNhy2W8JyiQLcelHwUtpUJUTVXFSNMyJIRxjNbPxzDLBwpXEg9YaVl5m38yaSYbw9cwvGsG9zCuUqzwBKQ/KS6WAMjTyPXkWHnUHI/stLcVni3/ZCRW1wMXLpcFYzXuxmYnGVApIiWPm2ywpKUCeXJJxBsxwNYQYQplpjRbk6MPW8i2AIcQiwwFRLRAMRQnOhQ7zlRGQ7/ejjVq77uPrWAYBYFXVqYBDPYRHfRQpcYPOdOYpjeJoYbyf9DJEgv5wPxXcRP9y7ku7MLyZ/0QH5HKHhYf1FAdWs33AuhOrdMlXG5ZTGjiDyW6KJOQNnnK2Op8ds/IOXJHMJoJ1mdFDhi+V2bD8em9qPSsjqakbPKyVao+u3fbTdd+VGOoKulWVazdir4cPmgD3AFBAQJgQMLf8KkWBINbSfKKOSIaXe69OJkn0Ii2muvC0Q5OYuq5uA3KQjiMVjCu2XEgSCJ9/XRu0RhTNcMq3kL+fnemeBjh8hXZawa0iqWcZna2rFmyQFJlXa9q8imV6jMWhVC+x2ZGQVVNebUNVYKsZSZ25PMqppyz8SmW0U1fTNRza47v5706fPFpB63nGDuxz28xAvIYGumirXiTLmHU83z3vFYm1+nifKmsSboN9Oau/L6HhcSd3whYX4PhNmbzvWMXbeVPz5rrX32prS519H2GUiizJ6AABL/1+h7B/J95w2DrOu/S9Z2ZZp/XRbueu2UaXSXjGk0d2pUNhnKV9BHwuS2H+C+pUDbm6YIrs2G+jtciWdXxw5JfEUbIHUaEcEx1Xmu8r4ayl/ofYADRB5MQ4LDMFcMCPwTbbLxNJGpdkHmlPFiMF69tpHMU60xHhQvoDXS/Vd3mDP03ZER+o0Mz+sGLIoE3Myl1+LyLGtLRsUu0bw1KFJRKdXFXUIeAsmqbGTMre07j7/aMClZ0kGXZI3gyHaSYKqioH0t7ymvHDv1feK3I55/r8eSdpKy5myPReUNrHT3CtKysbkpui56Fefdfstr+6/ioHGHgyx282vCaFg/k+aX3fwuGMltXiL7i4leO5EpU8tvUQQc0/g1Gs2N/iIOL39xqrwN/NeJdz2nF9qb4/RHuqqWf3Ll3cs/Ev3HfwE=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <rect x="0" y="10" width="410" height="40" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 408px; height: 1px; padding-top: 30px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <b>
                                    Crossplane Service Broker
                                </b>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="205" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Crossplane Service Broker
                </text>
            </switch>
        </g>
        <rect x="0" y="210" width="200" height="40" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 230px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span>
                                    <b>
                                        CompositeResourceDefinition
                                    </b>
                                    <br/>
                                    <i>
                                        redisinstances.syn.tools
                                    </i>
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="234" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    CompositeResourceDefinition...
                </text>
            </switch>
        </g>
        <rect x="0" y="150" width="200" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="0" y="150" width="200" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 180px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span>
                                    <b>
                                        Composition
                                    </b>
                                    <br/>
                                    <i>
                                        redis-small
                                    </i>
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Composition...
                </text>
            </switch>
        </g>
        <path d="M 310 216.37 L 310 230 L 200 230" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 310 211.12 L 313.5 218.12 L 310 216.37 L 306.5 218.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 230px; margin-left: 265px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                API Definition
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="265" y="233" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    API Definition
                </text>
            </switch>
        </g>
        <path d="M 360 210 L 360 263.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 360 268.88 L 356.5 261.88 L 360 263.63 L 363.5 261.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 240px; margin-left: 360px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Creates
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="360" y="243" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Creates
                </text>
            </switch>
        </g>
        <rect x="210" y="150" width="200" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="210" y="150" width="200" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 180px; margin-left: 211px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span>
                                    <b>
                                        RedisInstance
                                    </b>
                                    <br/>
                                    <i>
                                        redis1
                                    </i>
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    RedisInstance...
                </text>
            </switch>
        </g>
        <rect x="0" y="120" width="200" height="30" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 135px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span>
                                    <b>
                                        Service Plan
                                    </b>
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="139" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Service Plan&#xa;
                </text>
            </switch>
        </g>
        <rect x="210" y="120" width="200" height="30" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 135px; margin-left: 211px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span>
                                    <b>
                                        Service Instance
                                    </b>
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="139" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Service Instance&#xa;
                </text>
            </switch>
        </g>
        <rect x="210" y="270" width="200" height="60" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/>
        <rect x="210" y="270" width="200" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 300px; margin-left: 211px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                <span>
                                    <b>
                                        Helm Release
                                    </b>
                                    <br/>
                                    <i>
                                        redis1
                                    </i>
                                    <br/>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="304" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Helm Release...
                </text>
            </switch>
        </g>
        <path d="M 485 30 L 416.37 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 411.12 30 L 418.12 26.5 L 416.37 30 L 418.12 33.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 31px; margin-left: 446px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Open
                                <br/>
                                Service
                                <br/>
                                Broker
                                <br/>
                                API
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="446" y="34" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Open...
                </text>
            </switch>
        </g>
        <ellipse cx="500" cy="7.5" rx="7.5" ry="7.5" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 500 15 L 500 40 M 500 20 L 485 20 M 500 20 L 515 20 M 500 40 L 485 60 M 500 40 L 515 60" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 67px; margin-left: 500px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
                                Service
                                <br/>
                                Consumer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="500" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Servi...
                </text>
            </switch>
        </g>
        <path d="M 309.5 60 L 309.5 103.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 309.5 108.88 L 306 101.88 L 309.5 103.63 L 313 101.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 85px; margin-left: 310px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Provision
                                <br/>
                                Deprovision
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="88" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Provision...
                </text>
            </switch>
        </g>
        <path d="M 105 66.37 L 105 110" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 105 61.12 L 108.5 68.12 L 105 66.37 L 101.5 68.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 85px; margin-left: 105px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Service Offering
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="105" y="88" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Service Of...
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>