assets/core-concepts.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="511px" height="352px" viewBox="-0.5 -0.5 511 352" content="&lt;mxfile&gt;&lt;diagram id=&quot;j05OxMyz4IY5MRBqInpl&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 100 25 L 151.03 25" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 158.43 25 L 151.03 28.7 L 151.03 21.3 Z" fill="#666" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 50 49 L 50 100" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 74px; margin-left: 101px;">
                        <div data-drawio-colors="color: #404040; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Annotations
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="101" y="77" fill="#404040" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Annotations
                </text>
            </switch>
        </g>
        <rect x="0" y="0" width="100" height="50" fill="#3e8ecd" stroke="none" 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: 82px; height: 1px; padding-top: 25px; margin-left: 9px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                UI Markup
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="29" fill="#F0F0F0" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    UI Markup
                </text>
            </switch>
        </g>
        <path d="M 100 225 L 151.03 225" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 158.43 225 L 151.03 228.7 L 151.03 221.3 Z" fill="#666" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="200" width="100" height="50" fill="#3e8ecd" stroke="none" 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: 82px; height: 1px; padding-top: 225px; margin-left: 9px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Domain Models
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="229" fill="#F0F0F0" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Domain Models
                </text>
            </switch>
        </g>
        <path d="M 100 125 L 151.03 125" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 158.43 125 L 151.03 128.7 L 151.03 121.3 Z" fill="#666" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="100" width="100" height="50" fill="#3e8ecd" stroke="none" 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: 82px; height: 1px; padding-top: 125px; margin-left: 9px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Service Models
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="129" fill="#F0F0F0" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Service Models
                </text>
            </switch>
        </g>
        <path d="M 215 50 L 215 91.03" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 215 98.43 L 211.3 91.03 L 218.7 91.03 Z" fill="#666" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="160" y="0" width="110" height="50" fill="#51abf0" stroke="none" 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: 92px; height: 1px; padding-top: 25px; margin-left: 169px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                UIs/Consumers
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="215" y="29" fill="#F0F0F0" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    UIs/Consumers
                </text>
            </switch>
        </g>
        <path d="M 215 150 L 215 191.03" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 215 198.43 L 211.3 191.03 L 218.7 191.03 Z" fill="#666" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 270 125 L 391.03 125" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 398.43 125 L 391.03 128.7 L 391.03 121.3 Z" fill="#666" stroke="#666" stroke-width="1.4" 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: 111px; margin-left: 330px;">
                        <div data-drawio-colors="color: #404040; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Implementation
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="330" y="114" fill="#404040" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Implementation
                </text>
            </switch>
        </g>
        <rect x="160" y="100" width="110" height="50" fill="#51abf0" stroke="none" 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: 92px; height: 1px; padding-top: 125px; margin-left: 169px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Services
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="215" y="129" fill="#F0F0F0" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Services
                </text>
            </switch>
        </g>
        <rect x="160" y="200" width="110" height="50" fill="#51abf0" stroke="none" 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: 92px; height: 1px; padding-top: 225px; margin-left: 169px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Data Sources
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="215" y="229" fill="#F0F0F0" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Data Sources
                </text>
            </switch>
        </g>
        <rect x="400" y="100" width="110" height="50" fill="#d9d9d9" stroke="none" 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: 92px; height: 1px; padding-top: 125px; margin-left: 409px;">
                        <div data-drawio-colors="color: #404040; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font>
                                    Event Handlers
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="455" y="129" fill="#404040" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" text-anchor="middle">
                    Event Handlers
                </text>
            </switch>
        </g>
        <path d="M 278.97 225 L 455 225 L 455 150" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 271.57 225 L 278.97 221.3 L 278.97 228.7 Z" fill="#666" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="3" y="274" width="200" height="77" fill="none" stroke="#e5e5e5" 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 flex-start; width: 182px; height: 1px; padding-top: 313px; margin-left: 13px;">
                        <div data-drawio-colors="color: #808080; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(128, 128, 128); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <p style="line-height: 1.6 ; font-size: 10px">
                                    <br/>
                                </p>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="13" y="316" fill="#808080" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px"></text>
            </switch>
        </g>
        <rect x="11" y="303" width="16" height="8" fill="#3e8ecd" stroke="none" pointer-events="all"/>
        <rect x="11" y="319" width="16" height="8" fill="#51abf0" stroke="none" pointer-events="all"/>
        <rect x="11" y="335" width="16" height="8" fill="#d9d9d9" stroke="none" pointer-events="all"/>
        <path d="M 50 150 L 50 200" fill="none" stroke="#666" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
        <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: 173px; margin-left: 79px;">
                        <div data-drawio-colors="color: #404040; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Views
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="79" y="176" fill="#404040" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="11px" text-anchor="middle">
                    Views
                </text>
            </switch>
        </g>
        <rect x="29" y="295" width="85" height="21" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 306px; margin-left: 31px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                <span style="color: rgb(128 , 128 , 128) ; font-size: 10px ; font-weight: 400">
                                    CDS Models
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="31" y="309" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="10px" font-weight="bold">
                    CDS Models
                </text>
            </switch>
        </g>
        <rect x="29" y="311" width="85" height="21" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 322px; margin-left: 31px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                <span style="color: rgb(128 , 128 , 128) ; font-size: 10px ; font-weight: 400">
                                    Custom Code
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="31" y="325" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="10px" font-weight="bold">
                    Custom Code
                </text>
            </switch>
        </g>
        <rect x="29" y="327" width="85" height="21" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 338px; margin-left: 31px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                <span style="color: rgb(128 , 128 , 128) ; font-size: 10px ; font-weight: 400">
                                    Generic Runtimes
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="31" y="341" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="10px" font-weight="bold">
                    Generic Runtimes
                </text>
            </switch>
        </g>
        <rect x="7.5" y="274" width="85" height="21" fill="none" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 285px; margin-left: 10px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 12px; font-family: 'Avenir Next', 'Inter var', 'Inter', ui-sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                <span style="color: rgb(128 , 128 , 128) ; font-weight: 400 ; font-size: 12px">
                                    <font style="font-size: 12px">
                                        Legend
                                    </font>
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="10" y="288" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', ui-sans-serif" font-size="12px" font-weight="bold">
                    Legend
                </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>