From 1139a55fe018b7aaf10381c51bbe6eed1b01caec Mon Sep 17 00:00:00 2001
From: Ralf Handl <ralf.handl@sap.com>
Date: Wed, 20 Sep 2023 18:19:23 +0200
Subject: [PATCH 01/10] ODATA-1353 (#122)

---
 docs/odata-json-format/odata-json-format.html | 1 +
 docs/odata-json-format/odata-json-format.md   | 2 ++
 odata-json-format/4 Common Characteristics.md | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/docs/odata-json-format/odata-json-format.html b/docs/odata-json-format/odata-json-format.html
index f42a260fd..16554c051 100644
--- a/docs/odata-json-format/odata-json-format.html
+++ b/docs/odata-json-format/odata-json-format.html
@@ -509,6 +509,7 @@ <h3 id="453-control-information-type-odatatype"><a name="ControlInformationtypeo
 <li>The type is derived from the type specified for the (collection of) entities or (collection of) complex type instances, or</li>
 <li>The type is for a property whose type is not declared in <code>$metadata</code>.</li>
 </ul>
+<p>It MAY appear in other cases in requests and responses if its value does not contradict the type declared in <code>$metadata</code>.</p>
 <p>The following heuristics are used to determine the primitive type of a dynamic property in the absence of the <code>type</code> control information:</p>
 <ul>
 <li>Boolean values have a first-class representation in JSON and do not need any additional control information.</li>
diff --git a/docs/odata-json-format/odata-json-format.md b/docs/odata-json-format/odata-json-format.md
index 4e9cbac18..40b1552e9 100644
--- a/docs/odata-json-format/odata-json-format.md
+++ b/docs/odata-json-format/odata-json-format.md
@@ -829,6 +829,8 @@ following is true:
 - The type is for a property whose type is not declared in
   `$metadata`.
 
+It MAY appear in other cases in requests and responses if its value does not contradict the type declared in `$metadata`.
+
 The following heuristics are used to determine the primitive type of a
 dynamic property in the absence of the `type` control
 information:
diff --git a/odata-json-format/4 Common Characteristics.md b/odata-json-format/4 Common Characteristics.md
index 5003d7f23..366a04275 100644
--- a/odata-json-format/4 Common Characteristics.md	
+++ b/odata-json-format/4 Common Characteristics.md	
@@ -294,6 +294,8 @@ following is true:
 - The type is for a property whose type is not declared in
   `$metadata`.
 
+It MAY appear in other cases in requests and responses if its value does not contradict the type declared in `$metadata`.
+
 The following heuristics are used to determine the primitive type of a
 dynamic property in the absence of the `type` control
 information:

From 64c33a83d50e60cf7656bf3e735c4812dbf719f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Heiko=20Thei=C3=9Fen?= <heiko.theissen@sap.com>
Date: Wed, 20 Sep 2023 18:21:51 +0200
Subject: [PATCH 02/10] ODATA-1360 (#88)

---
 docs/odata-json-format/odata-json-format.html        | 2 +-
 docs/odata-json-format/odata-json-format.md          | 4 +++-
 docs/odata-protocol/odata-protocol.html              | 2 +-
 docs/odata-protocol/odata-protocol.md                | 4 +++-
 odata-json-format/19 Batch Requests and Responses.md | 4 +++-
 odata-protocol/11.7 Batch Requests.md                | 4 +++-
 6 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/docs/odata-json-format/odata-json-format.html b/docs/odata-json-format/odata-json-format.html
index 16554c051..6853057c8 100644
--- a/docs/odata-json-format/odata-json-format.html
+++ b/docs/odata-json-format/odata-json-format.html
@@ -1578,7 +1578,7 @@ <h2 id="191-batch-request"><a name="BatchRequest" href="#BatchRequest">19.1 Batc
 <span id="cb52-39"><a href="#cb52-39" aria-hidden="true" tabindex="-1"></a><span class="fu">}</span></span></code></pre></div>
 </div>
 <h2 id="192-referencing-new-entities"><a name="ReferencingNewEntities" href="#ReferencingNewEntities">19.2 Referencing New Entities</a></h2>
-<p>The entity returned by a preceding request can be referenced in the request URL of subsequent requests.</p>
+<p>The entity returned by a preceding request can be referenced in the request URL of subsequent requests. If the <code>Location</code> header in the response contains a relative URL, clients MUST be able to resolve it relative to the request's URL even if that contains such a reference.</p>
 <div class="example">
 <p>Example 49: a batch request that contains the following operations in the order listed:</p>
 <ul>
diff --git a/docs/odata-json-format/odata-json-format.md b/docs/odata-json-format/odata-json-format.md
index 40b1552e9..6d014668d 100644
--- a/docs/odata-json-format/odata-json-format.md
+++ b/docs/odata-json-format/odata-json-format.md
@@ -3009,7 +3009,9 @@ Content-Length: ###
 ## <a name="ReferencingNewEntities" href="#ReferencingNewEntities">19.2 Referencing New Entities</a>
 
 The entity returned by a preceding request can be referenced in the
-request URL of subsequent requests.
+request URL of subsequent requests. If the `Location` header in the response
+contains a relative URL, clients MUST be able to resolve it relative to the
+request's URL even if that contains such a reference.
  
 ::: example
 Example 49: a batch request that contains the following operations in
diff --git a/docs/odata-protocol/odata-protocol.html b/docs/odata-protocol/odata-protocol.html
index d4186e574..89a75d537 100644
--- a/docs/odata-protocol/odata-protocol.html
+++ b/docs/odata-protocol/odata-protocol.html
@@ -2217,7 +2217,7 @@ <h3 id="1173-identifying-individual-requests"><a name="IdentifyingIndividualRequ
 <p>Each individual request within a batch request MAY have a request identifier assigned. The request identifier is case-sensitive, MUST be unique within the batch request, and MUST satisfy the rule <code>request-id</code> in <a href="#ODataABNF">OData-ABNF</a>.</p>
 <p>The representation of the request identifier is format-specific, as are the rules for which individual requests require an identifier.</p>
 <h3 id="1174-referencing-returned-entities"><a name="ReferencingReturnedEntities" href="#ReferencingReturnedEntities">11.7.4 Referencing Returned Entities</a></h3>
-<p>Entities created by an <a href="#CreateanEntity">insert</a> request can be referenced in the request URL of subsequent requests by using the request identifier prefixed with a <code>$</code> character as the first segment of the request URL.</p>
+<p>Entities created by an <a href="#CreateanEntity">insert</a> request can be referenced in the request URL of subsequent requests by using the request identifier prefixed with a <code>$</code> character as the first segment of the request URL. If the <a href="#HeaderLocation"><code>Location</code></a> header in the response contains a relative URL, clients MUST be able to resolve it relative to the request's URL even if that contains such a reference.</p>
 <p>If the <code>$</code>-prefixed request identifier is identical to the name of a top-level system resource (<code>$batch</code>, <code>$crossjoin,</code> <code>$all,</code> <code>$entity</code>, <code>$root</code>, <code>$id</code>, <code>$metadata</code>, or other system resources defined according to the <a href="#HeaderODataVersion"><code>OData-Version</code></a> of the protocol specified in the request), then the reference to the top-level system resource is used. This collision can be avoided by e.g. using only numeric request identifiers.</p>
 <p>Services MAY also support referencing within request bodies, in which case they SHOULD advertise this support by specifying the <code>ReferencesInRequestBodiesSupported</code> property in the <a href="https://github.com/oasis-tcs/odata-vocabularies/blob/master/vocabularies/Org.OData.Capabilities.V1.md#BatchSupport"><code>Capabilities.BatchSupport</code></a> term applied to the entity container, see <a href="#ODataVocCap">OData-VocCap</a>.</p>
 <h3 id="1175-referencing-the-etag-of-an-entity"><a name="ReferencingtheETagofanEntity" href="#ReferencingtheETagofanEntity">11.7.5 Referencing the ETag of an Entity</a></h3>
diff --git a/docs/odata-protocol/odata-protocol.md b/docs/odata-protocol/odata-protocol.md
index 0e53ad2e6..8ed342fa0 100644
--- a/docs/odata-protocol/odata-protocol.md
+++ b/docs/odata-protocol/odata-protocol.md
@@ -5667,7 +5667,9 @@ the rules for which individual requests require an identifier.
 Entities created by an [insert](#CreateanEntity) request can be
 referenced in the request URL of subsequent requests by using the
 request identifier prefixed with a `$` character as the first segment of
-the request URL.
+the request URL. If the [`Location`](#HeaderLocation) header in the response contains a relative URL,
+clients MUST be able to resolve it relative to the request's URL even if
+that contains such a reference.
 
 If the `$`-prefixed request identifier is identical to the name of a
 top-level system resource (`$batch`, `$crossjoin,` `$all,` `$entity`,
diff --git a/odata-json-format/19 Batch Requests and Responses.md b/odata-json-format/19 Batch Requests and Responses.md
index 09647fd48..00944e295 100644
--- a/odata-json-format/19 Batch Requests and Responses.md	
+++ b/odata-json-format/19 Batch Requests and Responses.md	
@@ -180,7 +180,9 @@ Content-Length: ###
 ## ##subsec Referencing New Entities
 
 The entity returned by a preceding request can be referenced in the
-request URL of subsequent requests.
+request URL of subsequent requests. If the `Location` header in the response
+contains a relative URL, clients MUST be able to resolve it relative to the
+request's URL even if that contains such a reference.
  
 ::: example
 Example ##ex: a batch request that contains the following operations in
diff --git a/odata-protocol/11.7 Batch Requests.md b/odata-protocol/11.7 Batch Requests.md
index 6e4e0abb7..6ceb42e4b 100644
--- a/odata-protocol/11.7 Batch Requests.md	
+++ b/odata-protocol/11.7 Batch Requests.md	
@@ -105,7 +105,9 @@ the rules for which individual requests require an identifier.
 Entities created by an [insert](#CreateanEntity) request can be
 referenced in the request URL of subsequent requests by using the
 request identifier prefixed with a `$` character as the first segment of
-the request URL.
+the request URL. If the [`Location`](#HeaderLocation) header in the response contains a relative URL,
+clients MUST be able to resolve it relative to the request's URL even if
+that contains such a reference.
 
 If the `$`-prefixed request identifier is identical to the name of a
 top-level system resource (`$batch`, `$crossjoin,` `$all,` `$entity`,

From 7b638f7a645600b1b96795c0385356c55a890f4c Mon Sep 17 00:00:00 2001
From: Ralf Handl <ralf.handl@sap.com>
Date: Wed, 20 Sep 2023 18:25:13 +0200
Subject: [PATCH 03/10] ODATA-1380 (#124)

---
 docs/odata-protocol/odata-protocol.html            |  2 +-
 docs/odata-protocol/odata-protocol.md              |  2 +-
 .../odata-url-conventions.html                     | 12 ++++++------
 .../odata-url-conventions/odata-url-conventions.md | 14 +++++++-------
 odata-protocol/11.4 Data Modification.md           |  2 +-
 odata-url-conventions/5 Query Options.md           | 14 +++++++-------
 6 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/docs/odata-protocol/odata-protocol.html b/docs/odata-protocol/odata-protocol.html
index 89a75d537..fbc790cbf 100644
--- a/docs/odata-protocol/odata-protocol.html
+++ b/docs/odata-protocol/odata-protocol.html
@@ -1720,7 +1720,7 @@ <h4 id="11411-use-of-etags-for-avoiding-update-conflicts"><a name="UseofETagsfor
 <p>If the client does not specify an <a href="#HeaderIfMatch"><code>If-Match</code></a> request header in a <a href="#DataModification">Data Modification Request</a> or <a href="#Actions">Action Request</a> on a resource that requires optimistic concurrency control, the service responds with a <code>428 Precondition Required</code> and MUST ensure that no observable change occurs as a result of the request. Clients can attempt to disable optimistic concurrency control by specifying <code>If-Match</code> with a value of <code>*</code>. Services MAY reject such requests.</p>
 <p>For requests including an <a href="#HeaderODataVersion"><code>OData-Version</code></a> header value of <code>4.01</code>, any ETag values specified in the request body of an <a href="#UpdateanEntity">update request</a> MUST be <code>*</code> or match the current value for the record being updated.</p>
 <h4 id="11412-handling-of-datetimeoffset-values"><a name="HandlingofDateTimeOffsetValues" href="#HandlingofDateTimeOffsetValues">11.4.1.2 Handling of DateTimeOffset Values</a></h4>
-<p>Services SHOULD preserve the offset of <code>Edm.DateTimeOffset</code> values, if possible. However, where the underlying storage does not support offset services may be forced to normalize the value to some common time zone (i.e. UTC) in which case the result would be returned with that time zone offset. If the service normalizes values, it MUST fail evaluation of the <a href="#BuiltinQueryFunctions">query functions</a> <code>year</code>, <code>month</code>, <code>day</code>, <code>hour</code>, and <code>time</code> for literal values that are not stated in the time zone of the normalized values.</p>
+<p>Services SHOULD preserve the offset of <code>Edm.DateTimeOffset</code> values, if possible. However, where the underlying storage does not support offset services may be forced to normalize the value to some common time zone (for example UTC) in which case the result would be returned with that time zone offset. If the service normalizes values, it MUST fail evaluation of the <a href="#BuiltinQueryFunctions">query functions</a> <code>year</code>, <code>month</code>, <code>day</code>, <code>hour</code>, and <code>time</code> for literal values that are not stated in the time zone of the normalized values.</p>
 <h4 id="11413-handling-of-properties-not-advertised-in-metadata"><a name="HandlingofPropertiesNotAdvertisedinMetadata" href="#HandlingofPropertiesNotAdvertisedinMetadata">11.4.1.3 Handling of Properties Not Advertised in Metadata</a></h4>
 <p>Clients MUST be prepared to receive additional properties in an entity or complex type instance that are not advertised in metadata, even for types not marked as open. By using <code>PATCH</code> when <a href="#UpdateanEntity">updating entities</a>, clients can ensure that such properties values are not lost if omitted from the update request.</p>
 <h4 id="11414-handling-of-integrity-constraints"><a name="HandlingofIntegrityConstraints" href="#HandlingofIntegrityConstraints">11.4.1.4 Handling of Integrity Constraints</a></h4>
diff --git a/docs/odata-protocol/odata-protocol.md b/docs/odata-protocol/odata-protocol.md
index 8ed342fa0..98284010e 100644
--- a/docs/odata-protocol/odata-protocol.md
+++ b/docs/odata-protocol/odata-protocol.md
@@ -4004,7 +4004,7 @@ for the record being updated.
 Services SHOULD preserve the offset of `Edm.DateTimeOffset` values, if
 possible. However, where the underlying storage does not support offset
 services may be forced to normalize the value to some common time zone
-(i.e. UTC) in which case the result would be returned with that time
+(for example UTC) in which case the result would be returned with that time
 zone offset. If the service normalizes values, it MUST fail evaluation
 of the [query functions](#BuiltinQueryFunctions) `year`, `month`, `day`,
 `hour`, and `time` for literal values that are not stated in the time
diff --git a/docs/odata-url-conventions/odata-url-conventions.html b/docs/odata-url-conventions/odata-url-conventions.html
index 8a7ff4356..50cea948a 100644
--- a/docs/odata-url-conventions/odata-url-conventions.html
+++ b/docs/odata-url-conventions/odata-url-conventions.html
@@ -1234,7 +1234,7 @@ <h5 id="51182-day"><a name="day" href="#day">5.1.1.8.2 <code>day</code></a></h5>
 <pre><code>Edm.Int32 day(Edm.Date)
 Edm.Int32 day(Edm.DateTimeOffset)</code></pre>
 <p>The <code>day</code> function returns the day component <code>Date</code> or <code>DateTimeOffset</code> parameter value, evaluated in the time zone of the <code>DateTimeOffset</code> parameter value. The <code>dayMethodCallExpr</code> syntax rule defines how the <code>day</code> function is invoked.</p>
-<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (i.e. UTC) MUST fail evaluation of the <code>day</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
+<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (for example UTC) MUST fail evaluation of the <code>day</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
 <div class="example">
 <p>Example 85: all employees born on the 8th day of a month</p>
 <pre><code>http://host/service/Employees?$filter=day(BirthDate) eq 8</code></pre>
@@ -1253,7 +1253,7 @@ <h5 id="51184-hour"><a name="hour" href="#hour">5.1.1.8.4 <code>hour</code></a><
 <pre><code>Edm.Int32 hour(Edm.DateTimeOffset)
 Edm.Int32 hour(Edm.TimeOfDay)</code></pre>
 <p>The <code>hour</code> function returns the hour component (<code>0</code> to <code>23</code>) of the <code>DateTimeOffset</code> or <code>TimeOfDay</code> parameter value, evaluated in the time zone of the <code>DateTimeOffset</code> parameter value. The <code>hourMethodCallExpr</code> syntax rule defines how the <code>hour</code> function is invoked.</p>
-<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (i.e. UTC) MUST fail evaluation of the <code>hour</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
+<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (for example UTC) MUST fail evaluation of the <code>hour</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
 <div class="example">
 <p>Example 87: all employees born in hour 4, between 04:00 (inclusive) and 05:00 (exclusive)</p>
 <pre><code>http://host/service/Employees?$filter=hour(BirthDate) eq 4</code></pre>
@@ -1280,7 +1280,7 @@ <h5 id="51188-month"><a name="month" href="#month">5.1.1.8.8 <code>month</code><
 <pre><code>Edm.Int32 month(Edm.Date)
 Edm.Int32 month(Edm.DateTimeOffset)</code></pre>
 <p>The <code>month</code> function returns the month component of the <code>Date</code> or <code>DateTimeOffset</code> parameter value, evaluated in the time zone of the <code>DateTimeOffset</code> parameter value. The <code>monthMethodCallExpr</code> syntax rule defines how the <code>month</code> function is invoked.</p>
-<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (i.e. UTC) MUST fail evaluation of the <code>month</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
+<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (for example UTC) MUST fail evaluation of the <code>month</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
 <div class="example">
 <p>Example 89: all employees born in May</p>
 <pre><code>http://host/service/Employees?$filter=month(BirthDate) eq 5</code></pre>
@@ -1289,7 +1289,7 @@ <h5 id="51189-now"><a name="now" href="#now">5.1.1.8.9 <code>now</code></a></h5>
 <p>The <code>now</code> function has the following signature:</p>
 <pre><code>Edm.DateTimeOffset now()</code></pre>
 <p>The <code>now</code> function returns the current point in time (date and time with time zone) as a <code>DateTimeOffset</code> value.</p>
-<p>Services are free to choose the time zone for the current point, e.g. UTC. Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone SHOULD return a value in the normalized time zone (i.e., UTC).</p>
+<p>Services are free to choose the time zone for the current point, for example UTC. Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone SHOULD return a value in the normalized time zone (for example UTC).</p>
 <h5 id="511810-second"><a name="second" href="#second">5.1.1.8.10 <code>second</code></a></h5>
 <p>The <code>second</code> function has the following signatures:</p>
 <pre><code>Edm.Int32 second(Edm.DateTimeOffset)
@@ -1303,7 +1303,7 @@ <h5 id="511811-time"><a name="time" href="#time">5.1.1.8.11 <code>time</code></a
 <p>The <code>time</code> function has the following signature:</p>
 <pre><code>Edm.TimeOfDay time(Edm.DateTimeOffset)</code></pre>
 <p>The <code>time</code> function returns the time part of the <code>DateTimeOffset</code> parameter value, evaluated in the time zone of the <code>DateTimeOffset</code> parameter value.</p>
-<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (i.e. UTC) MUST fail evaluation of the <code>time</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
+<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (for example UTC) MUST fail evaluation of the <code>time</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
 <h5 id="511812-totaloffsetminutes"><a name="totaloffsetminutes" href="#totaloffsetminutes">5.1.1.8.12 <code>totaloffsetminutes</code></a></h5>
 <p>The <code>totaloffsetminutes</code> function has the following signature:</p>
 <pre><code>Edm.Int32 totaloffsetminutes(Edm.DateTimeOffset)</code></pre>
@@ -1317,7 +1317,7 @@ <h5 id="511814-year"><a name="year" href="#year">5.1.1.8.14 <code>year</code></a
 <pre><code>Edm.Int32 year(Edm.Date)
 Edm.Int32 year(Edm.DateTimeOffset)</code></pre>
 <p>The <code>year</code> function returns the year component of the <code>Date</code> or <code>DateTimeOffset</code> parameter value, evaluated in the time zone of the <code>DateTimeOffset</code> parameter value. The <code>yearMethodCallExpr</code> syntax rule defines how the <code>year</code> function is invoked.</p>
-<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (i.e. UTC) MUST fail evaluation of the <code>year</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
+<p>Services that are unable to preserve the offset of <code>Edm.DateTimeOffset</code> values and instead normalize the values to some common time zone (for example UTC) MUST fail evaluation of the <code>year</code> function for literal <code>Edm.DateTimeOffset</code> values that are not stated in the time zone of the normalized values.</p>
 <div class="example">
 <p>Example 91: all employees born in 1971</p>
 <pre><code>http://host/service/Employees?$filter=year(BirthDate) eq 1971</code></pre>
diff --git a/docs/odata-url-conventions/odata-url-conventions.md b/docs/odata-url-conventions/odata-url-conventions.md
index ed6c1e59b..253e6e60a 100644
--- a/docs/odata-url-conventions/odata-url-conventions.md
+++ b/docs/odata-url-conventions/odata-url-conventions.md
@@ -2364,7 +2364,7 @@ parameter value. The `dayMethodCallExpr` syntax rule defines how the
 `day` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `day` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -2414,7 +2414,7 @@ zone of the `DateTimeOffset` parameter value. The `hourMethodCallExpr`
 syntax rule defines how the `hour` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `hour` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -2485,7 +2485,7 @@ The `month` function returns the month component of the `Date` or
 defines how the `month` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `month` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -2508,11 +2508,11 @@ Edm.DateTimeOffset now()
 The `now` function returns the current point in time (date and time with
 time zone) as a `DateTimeOffset` value.
 
-Services are free to choose the time zone for the current point, e.g.
+Services are free to choose the time zone for the current point, for example
 UTC. Services that are unable to preserve the offset of
 `Edm.DateTimeOffset` values and instead normalize the values to some
 common time zone SHOULD return a value in the normalized time zone
-(i.e., UTC).
+(for example UTC).
 
 ##### <a name="second" href="#second">5.1.1.8.10 `second`</a>
 
@@ -2550,7 +2550,7 @@ parameter value, evaluated in the time zone of the `DateTimeOffset`
 parameter value.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `time` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -2593,7 +2593,7 @@ The `year` function returns the year component of the `Date` or
 defines how the `year` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `year` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
diff --git a/odata-protocol/11.4 Data Modification.md b/odata-protocol/11.4 Data Modification.md
index c08b936db..76ec0c6c5 100644
--- a/odata-protocol/11.4 Data Modification.md	
+++ b/odata-protocol/11.4 Data Modification.md	
@@ -75,7 +75,7 @@ for the record being updated.
 Services SHOULD preserve the offset of `Edm.DateTimeOffset` values, if
 possible. However, where the underlying storage does not support offset
 services may be forced to normalize the value to some common time zone
-(i.e. UTC) in which case the result would be returned with that time
+(for example UTC) in which case the result would be returned with that time
 zone offset. If the service normalizes values, it MUST fail evaluation
 of the [query functions](#BuiltinQueryFunctions) `year`, `month`, `day`,
 `hour`, and `time` for literal values that are not stated in the time
diff --git a/odata-url-conventions/5 Query Options.md b/odata-url-conventions/5 Query Options.md
index c00da2198..f7984f8eb 100644
--- a/odata-url-conventions/5 Query Options.md	
+++ b/odata-url-conventions/5 Query Options.md	
@@ -970,7 +970,7 @@ parameter value. The `dayMethodCallExpr` syntax rule defines how the
 `day` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `day` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -1020,7 +1020,7 @@ zone of the `DateTimeOffset` parameter value. The `hourMethodCallExpr`
 syntax rule defines how the `hour` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `hour` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -1091,7 +1091,7 @@ The `month` function returns the month component of the `Date` or
 defines how the `month` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `month` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -1114,11 +1114,11 @@ Edm.DateTimeOffset now()
 The `now` function returns the current point in time (date and time with
 time zone) as a `DateTimeOffset` value.
 
-Services are free to choose the time zone for the current point, e.g.
+Services are free to choose the time zone for the current point, for example
 UTC. Services that are unable to preserve the offset of
 `Edm.DateTimeOffset` values and instead normalize the values to some
 common time zone SHOULD return a value in the normalized time zone
-(i.e., UTC).
+(for example UTC).
 
 ##### ##subsubsubsubsec `second`
 
@@ -1156,7 +1156,7 @@ parameter value, evaluated in the time zone of the `DateTimeOffset`
 parameter value.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `time` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.
@@ -1199,7 +1199,7 @@ The `year` function returns the year component of the `Date` or
 defines how the `year` function is invoked.
 
 Services that are unable to preserve the offset of `Edm.DateTimeOffset`
-values and instead normalize the values to some common time zone (i.e.
+values and instead normalize the values to some common time zone (for example
 UTC) MUST fail evaluation of the `year` function for literal
 `Edm.DateTimeOffset` values that are not stated in the time zone of the
 normalized values.

From 1342ec881cc030465bcf213f88f17e83a66bf6ca Mon Sep 17 00:00:00 2001
From: Ralf Handl <ralf.handl@sap.com>
Date: Wed, 20 Sep 2023 18:41:04 +0200
Subject: [PATCH 04/10] ODATA-1410 (#125)

---
 docs/odata-url-conventions/odata-url-conventions.html | 2 +-
 docs/odata-url-conventions/odata-url-conventions.md   | 2 +-
 odata-url-conventions/5 Query Options.md              | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/odata-url-conventions/odata-url-conventions.html b/docs/odata-url-conventions/odata-url-conventions.html
index 50cea948a..04988f8b2 100644
--- a/docs/odata-url-conventions/odata-url-conventions.html
+++ b/docs/odata-url-conventions/odata-url-conventions.html
@@ -1755,7 +1755,7 @@ <h3 id="513-system-query-option-expand"><a name="SystemQueryOptionexpand" href="
 <p>Example 116: expand a navigation property of a complex type</p>
 <pre><code>http://host/service/Customers?$expand=Addresses/Country</code></pre>
 </div>
-<p>A property MUST NOT appear in more than one expand item.</p>
+<p>A path MUST NOT appear in more than one expand item.</p>
 <p>Query options can be applied to an expanded navigation property by appending a semicolon-separated list of query options, enclosed in parentheses, to the navigation property name. Allowed system query options are <a href="#SystemQueryOptionfilter"><code>$filter</code></a>, <a href="#SystemQueryOptionselect"><code>$select</code></a>, <a href="#SystemQueryOptionorderby"><code>$orderby</code></a>, <a href="#SystemQueryOptionstopandskip"><code>$skip</code></a>, <a href="#SystemQueryOptionstopandskip"><code>$top</code></a>, <a href="#SystemQueryOptioncount"><code>$count</code></a>, <a href="#SystemQueryOptionsearch"><code>$search</code></a>, and <code>$expand</code>.</p>
 <div class="example">
 <p>Example 117: all categories and for each category all related products with a discontinued date equal to <code>null</code></p>
diff --git a/docs/odata-url-conventions/odata-url-conventions.md b/docs/odata-url-conventions/odata-url-conventions.md
index 253e6e60a..c7d4865c2 100644
--- a/docs/odata-url-conventions/odata-url-conventions.md
+++ b/docs/odata-url-conventions/odata-url-conventions.md
@@ -3325,7 +3325,7 @@ http://host/service/Customers?$expand=Addresses/Country
 ```
 :::
 
-A property MUST NOT appear in more than one expand item.
+A path MUST NOT appear in more than one expand item.
 
 Query options can be applied to an expanded navigation property by
 appending a semicolon-separated list of query options, enclosed in
diff --git a/odata-url-conventions/5 Query Options.md b/odata-url-conventions/5 Query Options.md
index f7984f8eb..72830adc7 100644
--- a/odata-url-conventions/5 Query Options.md	
+++ b/odata-url-conventions/5 Query Options.md	
@@ -1931,7 +1931,7 @@ http://host/service/Customers?$expand=Addresses/Country
 ```
 :::
 
-A property MUST NOT appear in more than one expand item.
+A path MUST NOT appear in more than one expand item.
 
 Query options can be applied to an expanded navigation property by
 appending a semicolon-separated list of query options, enclosed in

From f51a30738b1d1bc91277c1bc105c8a5b2061eb83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Heiko=20Thei=C3=9Fen?= <heiko.theissen@sap.com>
Date: Thu, 21 Sep 2023 10:14:53 +0200
Subject: [PATCH 05/10] Don't mention the BOM (#179)

---
 README.md     | 13 ++++++++++++-
 lib/README.md |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 038cb9cd6..072df99e2 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,18 @@ Documents are generated from Markdown sources using Node.js modules described [h
 3. Download and install [git](https://git-scm.com/), verify via `git -v`
 4. Optionally download and install [GitHub Desktop](https://desktop.github.com/)
 5. Clone this repository
-6. In the local repository folder run `npm install`, verify via `npm test`
+6. In the local repository folder run `npm install`, verify via `npm test`  
+   Repeat this step if the test fails with an error message like the following after upgrading to a new Chrome version:
+   ```
+     1 failing
+   
+     1) OASIS doc build
+          Puppeteer:
+        Error: Could not find Chrome (ver. 116.0.5845.96). This can occur if either
+    1. you did not perform an installation before running the script (e.g. `npm install`) or
+    2. your cache path is incorrectly configured (which is: C:\Users\D024504\.cache\puppeteer).
+   For (2), check out our guide on configuring puppeteer at https://pptr.dev/guides/configuration.
+   ```
 
 ### Document preparation
 
diff --git a/lib/README.md b/lib/README.md
index 09c5ae282..116dac314 100644
--- a/lib/README.md
+++ b/lib/README.md
@@ -89,7 +89,7 @@ The [`pdf.js`](pdf.js) module uses a headless browser ([`puppeteer`](https://git
 
 The following scripts can be executed manually or as part of a GitHub Action:
 
-- [`npm run build`](build.js) runs the conversion and writes the Markdown output as well as the HTML output into the [`docs/*`](../docs) folder. The Markdown file starts with a byte-order mark (`EF BB BF`) so that it is recognized as UTF-8 when loaded from github.io.
+- [`npm run build`](build.js) runs the conversion and writes the Markdown output as well as the HTML output into the [`docs/*`](../docs) folder.
 - [`npm run pdf`](build-pdf.mjs) runs the PDF conversion and writes the PDF document into the [`docs/*`](../docs) folder.
 - [`npm test`](../test) runs a test suite.
 

From f6821c5c10f6418806b34a3149a988790142e178 Mon Sep 17 00:00:00 2001
From: Ralf Handl <ralf.handl@sap.com>
Date: Fri, 29 Sep 2023 09:33:02 +0200
Subject: [PATCH 06/10] Support images subfolder (#180)

- [x] copy sub-folder `images` in build script if it exists
- [x] serve sub-folder `images` in live-reloading server
---
 .../images/api-1.drawio.svg                   | 186 +++++++++
 .../images/api-2.drawio.svg                   | 355 ++++++++++++++++++
 docs/odata-temporal-ext/images/db.drawio.svg  | 260 +++++++++++++
 .../odata-temporal-ext.html                   |   6 +-
 docs/odata-temporal-ext/odata-temporal-ext.md |   7 +-
 lib/build.js                                  |   7 +
 lib/server.js                                 |  15 +-
 odata-temporal-ext/2 Overview.md              |   7 +-
 odata-temporal-ext/diagrams/README.md         |   4 -
 odata-temporal-ext/diagrams/api-1.svg         |   1 -
 odata-temporal-ext/diagrams/api-2.svg         |   1 -
 odata-temporal-ext/diagrams/db.svg            |   1 -
 .../diagrams/example-model.drawio             | 191 ----------
 odata-temporal-ext/images/api-1.drawio.svg    | 186 +++++++++
 odata-temporal-ext/images/api-2.drawio.svg    | 355 ++++++++++++++++++
 odata-temporal-ext/images/db.drawio.svg       | 260 +++++++++++++
 16 files changed, 1632 insertions(+), 210 deletions(-)
 create mode 100644 docs/odata-temporal-ext/images/api-1.drawio.svg
 create mode 100644 docs/odata-temporal-ext/images/api-2.drawio.svg
 create mode 100644 docs/odata-temporal-ext/images/db.drawio.svg
 delete mode 100644 odata-temporal-ext/diagrams/README.md
 delete mode 100644 odata-temporal-ext/diagrams/api-1.svg
 delete mode 100644 odata-temporal-ext/diagrams/api-2.svg
 delete mode 100644 odata-temporal-ext/diagrams/db.svg
 delete mode 100644 odata-temporal-ext/diagrams/example-model.drawio
 create mode 100644 odata-temporal-ext/images/api-1.drawio.svg
 create mode 100644 odata-temporal-ext/images/api-2.drawio.svg
 create mode 100644 odata-temporal-ext/images/db.drawio.svg

diff --git a/docs/odata-temporal-ext/images/api-1.drawio.svg b/docs/odata-temporal-ext/images/api-1.drawio.svg
new file mode 100644
index 000000000..6759c3c24
--- /dev/null
+++ b/docs/odata-temporal-ext/images/api-1.drawio.svg
@@ -0,0 +1,186 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7VnbUtswEP0av3QmHd8dHskFeoFeSDud4YVRbMVWkaVUVnDC13dly7EdGwgtDcwUJkOi49VqV3t2tVEMZ5yuTwVaJuc8wtSwzWhtOBPDto/sI/ivgE0JWPaRRmJBIo3VwIzcYg2aGl2RCGctQck5lWTZBkPOGA5lC0NC8LwttuC0veoSxbgDzEJEu+gPEsmkRIeeWePvMImTamXL1E9SVAlrIEtQxPMG5EwNZyw4l+WndD3GVG1etS/lvJM7nm4NE5jJfSZMvg787DyS06vNx9PP9qfvlxezgdZyg+hKOzxNl5RvMNZGy021E1lOUooYjEYLzuRMPzFhHCaERmdow1fKkkyi8LoajRIuyC3IIwqPLADgsZA60LavtBFKx5xyUazj+G7gD4PWzJnSqNcSOIO5Xyq3rR3oHK1bgmcok5WVnFK0zMi8sFtNTJGICRtxKXmqhfKESDxbolDJ5MBpZYhMa+MFv8YNax3LdTxX70kDXxR/gHfDVO05FhKvG5AO2ynmKZZiAyLVU19TSCfRllJ5zUjL1VjSZKPp6kzQWRBvdddEgQ+aK4/gjd3hzfuJ4RwDNI3StzMpCIthYAQjUBNMOmQCz2VnOxkv2dXgg4YQJTGDIcULNU1tHYEcPdaw5CpMGUQNlj0rZCZujVzoHVEQh7kLWuRhQqIIM8UULpFE8y2dl5wwWeyYN4IXbOzYfOsZHhg+hrFVj+GlxAVEnoEviBQxxsC5HCvePUSnLjnuzdKHGVMxxN+PIJXck/PD6fDjE0pxlyGvtDgkLTz7mWnhdmjxgc8lkfSVGs9MjWB4OGrcfhv9vLLHq29Zfn2J2Hd6cbEYBB1qTDC4KVPl6MF6kZfYc9zVHz1LL+LZO72I4+xHnIpgT06c4Wsr8m8Ky71p+iJbkV6Lj15bkRdIi0O2Ir0WW91epMMBzKJjdYcAI74sAlEcGDtYY7cEX7EIRzpKhfAJUXYVY1DXHumTx9oKN4E7i3XGVyKszsh7Dn9QGOM9goaj1hVIN2SNGHk9IaowgSmS5KZ9cdIXN73CF0Xi+mRxhu2TxR0GbRWl33pW86JjR5Hn7hxRgd1WVG5MR1FBo63bezHr8uv814j9eLfw2ZCjgTm2PuY9dyqG7VOVaxG5aRHM/7VStz8jVWsGuoKosqSLSC0An2L9XiiCssF6Nc2haYkLFg7CskApfYQRSVTT06PyTaUTfC3VtpcCuDC7jb5ET6qbq+yRHj2i8FdVPoScxKL/JGiUg91TIIV6rpbpLbrt2vEErZqz26oFQafm+j357Jh/X3J7E6N7afQQne7mzb4EFKVfh2Gg9U9z6aCuNL98/YFP/0uOubtnTc/XoSfKMRjWPxaUZ1X9k4sz/Q0=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    1...
+                </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>
diff --git a/docs/odata-temporal-ext/images/api-2.drawio.svg b/docs/odata-temporal-ext/images/api-2.drawio.svg
new file mode 100644
index 000000000..fc632b5c9
--- /dev/null
+++ b/docs/odata-temporal-ext/images/api-2.drawio.svg
@@ -0,0 +1,355 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloO007hb50lFjEGmQrqygk4dfvkS3HFxnisElIp2aYwTqWjiWdT58+HZuOPYhWVxzNwlsWYNqxjGDVsYcdyzINx4M/0rJWFuv8PLVMOQmULTeMyDPOmirrggR4XqooGKOCzMrGCYtjPBElG+KcLcvVHhgtP3WGplgzjCaI6tYfJBBhavVdI7d/xGQaZk82DXUnQlllZZiHKGDLgsm+6NgDzphIr6LVAFM5e9m8pO0uX7i76RjHsWjSQFxdn/+iy9vHgN73+PX1x59ufGYqN0+ILtSIL6IZZWuMf4VkLhhfq96LdTYl8yWJKIqh1H9gsRipOwaUJyGhwQ1as4Xs0lygyWNW6oeMk2eojyjcMsEAt7lQEbc86Y1QOmCU8eQ5tud0Pb9bajmSHtWzOJ5D2y/Z+M2K6RatShVv0FxkvWSUotmcjJN+y4YR4lMS95kQLFKVliEReDRDE1lnCeiWHRFR3nnOHnGht7bp2K6j5qRgf0h+wK7HK5t7zAVeFUwqfleYRVjIABjZXUdhSa0mO8PWMofmpk5YhKVtqSWhlsN04ztHDFwo0OwCIEsD0CWXk9gD40UQfRgigeGy0+2Dn+5QQxMMXWjzGbMUXgVAKBOiZBpDkeIH2UzOHYHV2lNmwWSc5hA2Ek9vkjpDJ7d8VVMiTQzaPtBkRYYkCHAsocIEEmi8wfOMkVgkU+b24RdmdmB8cDsudHwAZTMvw6+sziH0MYwFkSTIGEC3xBJ42/Cko+P19bodMwojltcMIpb//xHS6z5yq/+d3Ayim6lnuD/Di1qEfGNVfLSgOCoogKiagcI7FG3YGig+oQjnsBgJDqFpgXFkYPgNN5TDAcPRgHHNxoII2oLjvcFhGk33koOhw9XQMcQwUhHBWI8vWE9RmL4kot9FsLpGVbBaTQWrcSgIea1gPSbLuI0xs6tg3QPJ1AtWXZu0gvWdQeE25I19gMKZ4utL+qN3F1o/bkcrB/9z5ZzpG0+rV08AF13/vRVJVwNGfxFMsSgQBp6QCEREi43jYsM0jnjKrd9JNGxkydXjadQ2qbpjUtU8b3gGzvakvcNGT5j9PdR3mlah7kwsry7S30egvnYIPh6xnCKBnPTh1zxvKGIPRiz60bcllsMRy+938vU1fGgQwHHQk6/V8ygnxJDZ2CyJTWGyOFvEAQ5UkJLKl0R2KymDu3JJMYxpVCgnMby4KOdswSd4O8mDw0Sab4sZDkpfBegRK4TIrVvBysYxRYI84VJn68KmnvBFYjhnENurpM/8btlFOm7Vyiq8+684cq0KFXUrFJNOjOYoQdFm2G8H1nkNsDwql1pAnkoA8/5dyA8i+pJqzhSBSIJSHJJXgKup+ps4AtaIaz2NYXOaJig8m6T8JP2RmAgiN7cal39lPmGsqdvyo8CcdLtsPcWRZMeN+Y4j2oH3M5KfwJrEvH4jKNBBdROIgM7lY2o5t8wde9iSN18fZYxb8wGFV7Oe95GNrk0r6SfE1xg3IChicfAtJHGVePWZbkq8Zol4rVrixSsi7mRL2EDT0n3mB66Hq2JhvS1cRbJ+9aj/m7G11TUq4Kp8UtGYrc0tjvbH1rWg1M+fp8xx78TWm5eNfxaDulWQ+/qh5qgMqr+saRl0825/K4OaJ8WgXvV1cbeCmqYMWnWkHakPzKD6Rywtg7YMqrBY3d1rvrk6FIOy9fiut/o+sv2vxudPn6/Cb89PtRr09RC/jMqmoODpuI6Db/Og+D7qUIqJ3jeM6U9ZY04l32E577zG6iR1VaXAHpxl5zEds+VFbijOLEVjTPsb5FRCkE9lokqkH7guZvP7BTmk0nXlLFwlbatLmXKWDqLE13cbUQSF+1znyGIubpLSEdWNt7u68WtQ4e8pm1cRJa73RnVj+2VHjl9x9IK6gaijdaGaypi/2GGnKsfM0n8YwUXqsaF06sgP7bL/dkqr5/80Zl/8Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee_history
+                </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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department_history
+                </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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Edm.Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Budget: Edm.Decimal
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    1...
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
diff --git a/docs/odata-temporal-ext/images/db.drawio.svg b/docs/odata-temporal-ext/images/db.drawio.svg
new file mode 100644
index 000000000..555a9a428
--- /dev/null
+++ b/docs/odata-temporal-ext/images/db.drawio.svg
@@ -0,0 +1,260 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535MT5gEsSoNNVuxotK63mamWICdY4MWtMKf31e5zYJCG0ZVZ0wmhAqI3fHDv2OY8dHxIHJ/nznSTr1aNIKXc8lD47eOx43tAbwl8t7CvB9YZGySRLjVYLM/ZCjYiMumUp3bQMlRBcsXVbXIiioAvV0oiUYtc2WwrevuqaZLQjzBaEd9W/WapWlToIUK1/pixb2Su7yJzJiTU2wmZFUrFrSHji4EQKoaqj/DmhXDvP+qWqN33l7KFjkhbqnArJw+P93T94km2Tryz6XLw87p9+c00zT4RvzYgn+ZqLPaWm12pvXbHZsZyTAkrxUhRqZs4gKC9WjKcPZC+2uisbRRbfbCleCclewJ5wOOWCAKelMpH2Qt0a4zwRXMjyOjj0o3AQtWrOdIvmWpJuoO4XO273SHokzy3DB7JRtpeCc7LesHnZb10xJzJjRSyUErkx2q2YorM1WWibHUCtO6LyuvNSfKON3mLXx4FvfNLQl+UH9G6crM+pVPS5IZm43VGRUyX3YGLP+oYhO4uGpryrkTzYrJo4DjwzFcw0yA5t16TAgYHle8DxOuDcjx08AmmmJCsyOHCiGNqIxh2SYNjqlC8RCiKEukQgNEClTjjLCtA4XeoGtAcZzNWRkZXQ0dpA8KADD6XN2K+VP41jtCSg7pKX83HF0pQWGhihiCLzA9VrwQpVOi6I4Qv+TdCnwAmgSwmU3boMX20uAYACRkVYGWoK6O2oxu89qs5n5+1Z/D5RhiCYd2cBZO0uzo/nd/iZSj0JNUFjouj/4ccbR+EpfnAS48i98XM5fgKvb36CDj9/iSY9Zy854WQ07SLj+2EyGt2QuRwy0aBnZIYdYv4gOW3fs27UXBk1LvJ7xqa70Pwu5oopfkPnytHBZ+6SP+4mFXXYGVMYqcphrJ/uz9/YxOMIndrYTKe/1sYYlZ8PhSboe2fs4jeg+XFJ+TUm36/9UNBLUh6g46T8zD3xAbHLo9NNqm5JeW83LHw2UdeSlHdvVx+Yky/mt5z8ovj0npMPbin5z0VM7ym5bfiWk/9M2PSfk9ungw1u4m2aUWWWG7pgOWxtb+hcHTr95+TdJ56OF3LtrJQ9tXgJ/93qh7Nx6ygz/7+zhmurQKfLWu2GjtVzwC1EmfZZNmXlvBbDxqQR8WN0c4BQX+UkKVJsi5SmBssL5Ey+/dne7nhRF4fwBA2WmsvT0H2M2XE+hYXF5tWUz8VuUgtN13IypzyGXDkr/XYUg9qX2rZsR68BjTw8pkU60q8sgC7W5coAypTpEY1PJFrNlN1FlXWz+Gq8NmIrF/Qtr5hEAC5QrqnvJpzaRW/GvxHfwYn4Wk1SThR7ar97cSro5gpf9EpZ43XgxOAVYtxuohq5qeU13pU4aggP2g35gyMAK890GoLwkX3DzKzkr3bYP/oNAbutdzjgoGqxBvzg01PMOzpfs++TVOb1Wzl48h8=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Jobtitle: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department.ID
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">
+                    Department.ID
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Budget: Decimal
+                </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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
+                            <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 style="">
+                                    <div style="">
+                                        1
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
diff --git a/docs/odata-temporal-ext/odata-temporal-ext.html b/docs/odata-temporal-ext/odata-temporal-ext.html
index fe5427e4c..920e06732 100644
--- a/docs/odata-temporal-ext/odata-temporal-ext.html
+++ b/docs/odata-temporal-ext/odata-temporal-ext.html
@@ -330,18 +330,18 @@ <h2 id="21-example-model"><a name="ExampleModel" href="#ExampleModel">2.1 Exampl
 <div class="example">
 <p>Example <a name="api1" href="#api1">2</a>: model for <code>api-1</code> with snapshot entity sets (hidden application time), key properties marked with {id}</p>
 </div>
-<p><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3eQyGppekl9BOZ/LSEbawdSJLVBYx5Nd3ZcvYxk5CzklJZhqGGdDn1WpX++1qEYYTZpszgVbpBY8xNWwz3hjO1LBtyzF9+FDIViP2yUmFJILEGmuAObnFGjQ1uiYxzjuCknMqyaoLRpwxHMkOhoTgRVdsyWl31RVKcA+YR4j20R8klmmFjj2zwd9hkqT1ypapn2SoFtZAnqKYFy3ImRlOKDiX1bdsE2Kqdq/el2re2zue7gwTmMlDJky/jvz8Ipazn9uPZ5/tT9+vLucjreUG0bV2eJatKN9irI2W23on8oJkFDEYTZacybl+YsI4SgmNz9GWr5UluUTRdT2apFyQW5BHFB5ZAMBjIXWgbV9pI5SGnHJRruP4buCPg87MudKo1xI4h7lfaretPegCbTqC5yiXtZWcUrTKyaK0W03MkEgIm3ApeaaFipRIPF+hSMkUQGpliMwa4wW/xi1rHct1PFfvSQtfli/A+2Gq9xwLiTctSIftDPMMS7EFkfqprymkk2hHqaJhpOVqLG2z0XR1JugsSHa6G6LAF82VR/DG7vHm/dRwTgGaxdmbuRSEJTAwggmoCaY9MoHnsredjFfsavFBQ4iShMGQ4qWapraOQI6ealhyFaYcogbLnpcyU7dBLvWOKIjD3CUt8zAlcYyZYgqXSKLFjs4rTpgsd8ybwBs2NjTfeIYHhocwtpoxvJW4gMgz8AWRMsYYOFdgxbuH6NQnx71Z+jBjaob4hxGklntyfjg9fnxCGe4z5JUWx6SFZz8zLdweLT7whSSSvlLjmakRjI9Hjdtvk39/2uH6W15cXyH2nV5eLkdBjxpTDG7KTDl6tF7kJfYcd/VHz9KLePZeL+I4hxGnJtiTE2f82or8mcJyb5q+yFZk0OKT11bkBdLimK3IoMVWvxfpcQCz+FTdIcCIr8pAlAfGHtbaLcHXLMaxjlIp/JYou8oxqOuO9Mlj7YTbwJ3FOudrEdVn5D2HPyhM8AFBw3HnCqQfslaMvIEQ1ZjAFEly0704GYqbXuGLInFzsjjj7snijoOuispvPat90bGnyHP3jqjA7iqqNqanqKTRzu2DmHX1dfFrwn68W/pszNHIDK2PxcCdimH7VOVaTG46BPN/rdXtz0TVmpGuIKos6SLSCMC3RH+WiqBssEFNC2hakpKFo6gqUEofYUQS1fQMqfTCf2q14G6lubsawKXlXfQlOlNfXuWP9OgRtb8u9BGkJRbDh0GrIuwfBBmUdLXMYN3tlo8n6Nac/W4tCHpl1x9Iacf8/1V3MDf690YP0elu3hxKQFH5dRwGWn80l47qSvv313/w6W/JMXf/uBn4RfREOQbD5v+C6rhq/nZxZr8B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloOw0doC8dJRaxBtnKOgpJ+PV7ZMuxLTlgurnN1AwM1ol0LOl8+vTp2OnYg2h1laBZeMsCTDuWMU1I0LGHHcsy4Q8MMzTFFYOoMSKvudGQ1gUJ8LxSkTNGOZlVjRMWx3jCKzaUJGxZrfbEqN6N0QRRrFnvScDDzOq7RmH/jMk0zG9kGvKTCOWVpWEeooAtSyb7omMPEsZ4dhWtBpiKmcnnJWt3ueXTTccSHPMmDfjV9fkvurx9DuhjL7m+/vzTjc9M6eYF0YUc8UU0o2yN8a+QzDlL1rL3fJ1PyXxJIopiKPWfWMxH8hMDypOQ0OAGrdlCdGnO0eQ5L/VDlpBXqI8ofGSCAT5OuAyw5QlvhNIBoyxJ72N7Ttfzu5WWI+FR3ivBc2j7LR+/qZhu0apS8QbNed5LRimazck47bdoGKFkSuI+45xFstIyJByPZmgi6iwBuaIjPCo6n7BnXOqtbTq268g5Kdmf0h+wy4nGCcerrSE0N8CA5YJZhLkIgJE3cCSW1lnZzrG1LKC5qROWYWlbcgVI9E83vgvEwIUEzUcAZGkAukzEJPbAeBFEn4aIY7jsdPvgpzvU0ASzwbX5jFkGrxIgpAlRMo2hSPGTaCamk8Bq7UkzZyJOcwgbiac3aZ2hU1i+yykRJgZtn2i6IkMSBDgWUGEccTTe4HnGSMzTKXP78AszOzA+uR0XOj6AslmU4VdUTyD0MYwFkTSiGEC3xAJ47+GpETreWMI6ZiRGYGU1gojl/3+E9LrPidX/QW4G0c3UM9yf4UUtQu6Yio8WFAcFBRBVM1B4+6INWwPFFxThAhYjnkBoWmAcGBh+ww1lf8BwNGBcszEnnLbgODY4TKPpXrI3dLgaOoYYhsUjGNjhBespCtNtIvoogtU1VMFqNRWsxr4g5LWC9cgs4+5GsO6AZOoFq65NWsF6ZFC4DXljF6Bwpvj6kt73HkLr/na0cvA/V86ZvvG0evUEcNH1j61Iuhow+otginmJMPCERCAiWmwcFhumccBTbv1OomEjT64eTqO2SdUPJlXN84Zn4HxP2jls9ITZ30N9p2kV6i6IZfu6PV2B+tYh+HDEcooEctKHX/O8oYjdG7HoR9+WWA5KLCd+8vU1fGgQwHHQE0/RiyinxJDb2CyNTWmyEraIAxzIIKWVL4noVloGd9WSZBjTUCgnNWS9wYHyooC2JKHHbJFM8PvSDO6QavWPRqwUIrduBUtbgini5KXa3bqwyTt8ExguGMT2lPSZ3626yIYpW1mlZ/+KI9dSqKirUEw2D5qjFEWbYf8+sM5rgOVRsdQC8lIBmPfvQrwQ0RdUcyYJRBCU5JCiAlxN5f/UEbBGXOtpDJvTNEXh2STjJ+GPxIQTsbnVuXQHf+VuYbiZ5+rdwJz2vGo9xcHkJ475B0f0AerPeX4CqxAn9XtBiRHUfSACRhe3qaXdKn3sYFe2lV3ZqnmHwqtZ0rtISNdmlvRD4lukGxAUsTi4C0mscq8+002516xwr1XLvXhF+INoCXtoVnrM/cD1cFUurCvh+ihfv/nk57QJ2+qq4FLeqmhM2OY7jnZH2LWg1I+gp8xxxyPszSPHP4tEXRXnvn60OSiJ6o9sWhLd/rbnuyS6JfqHIVFPfWjcVVDTlERVR9rBes8kqr/K0pJoS6KFWFD3+JqXr/ZFomw9fuitfoxs/7vx9cvXq/Du9aVWib4d4u3AbAqKJBvXYSBu7hXfBx1KOeP7G2P6U9aYoyQ+LOfIa6xOWKtCBbb6PE2P6ZgtLwpDeWYpGmPa3yBHCUExlakwEX7gupzW75cUkczbVdNxSv5WVzPVdB2EJFk/bHQRFB4LqSOKhb5JS8cUON67AsevQYW/o7Seoktc7zcFju1XHTm+4miLwIGoo3Wpmkydb+2woyoys/JVI7jIPDZUTx3xxl3+taesevHNMPviPw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</text></switch></g><path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</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></p>
+<p><img src="./images/api-1.drawio.svg" alt="API-1" /></p>
 <p>and</p>
 <div class="example">
 <p>Example <a name="api2" href="#api2">3</a>: model for <code>api-2</code> with timeline entity sets (visible application time), key properties marked with {id}</p>
 </div>
-<p><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vltc9o4EP41fLkZOn43/RgMTa9N+hLa6Uy+dIQtbDWyRGURh/z6W9kStrGTkLuUZOaSIQN6vFrtap9dLWLkRvnNqUDr7JwnmI4cKxUkGbmzkePY8A/AGqW4AyiJBbk1oKXRDUlw0RGUnFNJ1l0w5ozhWHYwJAQvu2IrTvtmLGJEcQ/9QRKZ1ejEtxr8PSZpZhayLf0kR0ZYA0WGEl62IHc+ciPBuaw/5TcRpmpnzL7U897d8XRnmMBMHjJh9nUcFOeJnP/cfjz97Hz6fnmxGGst14hutMPzfE35FmNttNyanShKklPEYDRdcSYX+okF4zgjNDlDW75RlhQSxVdmNM24ILcgjyg8sgGAx0LquDqB0kYojTjlolrHDbwwmISdmQulUa8lcAFzvxi37T3oHN10BM9QIY2VnFK0LsiysltNzJFICZtyKXmuhcqMSLxYo1jJlEBYZYjMG+MFv8Ita13bc31P70kLX1V/gPfDZPYcC4lvWpAO2ynmOZZiCyLmaaAptK3HO0qVDSNtT2NZm42Wp4mvSZ/udDdEgQ+aK4/gjdPjzd+zkXsC0DzJ3yykICyFwSicgppw1iMTeC5728l4za4WHzSEKEkZDCleqWlq6wjk6ImGJVdhKiBqsOxZJTPzGuRC74iCOMxd0SoPM5IkmCmmcIkkWu7ovOaEyWrH/Cm8YGMj640/8sHwCMZ2M4aXEhcQeQa+IFLFGAPnSqx49xCd+uS4N0sfZoxhSHAYQYzck/PD7fHjE8pxnyGvtDgmLXznmWnh9WjxgS8lkfSVGs9MjXByPGrcfpv++ulEm29FeXWJ2Hd6cbEahz1qzDC4KXPl6NF6kZfYc9zVHz1LL+JN9noR1z2MOIZgT06cyWsr8mcKy71p+iJbkUGL3762Ii+QFsdsRQYttvu9SI8DmCUn6soARnxdBaI6MPaw1m4JvmEJTnSUKuF3RNlVjUFdd6RPHnsn3AbuLNYF34jYnJH3HP6gMMUHBA0nnYuXfshaMfIHQmQwgSmS5Lp7cTIUN73CF0Xi5mRx904WbxJ2VdR+61nti449Rb63d0SFTldRvTE9RRWNdm4fxKzLr8vfU/bj/SpgE47GVmR/LAfuVEZOQFWuJeS6Q7Dg90bd/kxVrRnrCqLKki4ijQB8SvV7pQjKBhvUtISmJa1YOI7rAqX0EUYkUU3PkEo/+suoBXdrzd3VAK4s76Iv0RlzeVU80qNH1H5T6GNISyyGD4NWRdg/CHIo6WqZwbrbLR9P0K25zn4qhL2yGwyktGv996o7mBv9e6OH6HQ3bw4loKj9Og4D7T+aS0d1pf3961/49H/JMc96+BvRE+UYDJvfC+rjqvlJxZ3/Aw==&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vvbbts4EP0avyyQQncrj74k6WaTtqhTJOlLQVuMRYQSvTId2/n6HUqUJZFyonR9A6rAQMQxOSI5h4eHI7ljD6LVVYJm4S0LMO1YRrDq2MOOZZm24cE/YVlLi3V+nlmmCQmkrTCMyCuWRkNaFyTA80pFzhjlZFY1Tlgc4wmv2FCSsGW12hOj1bvO0BRrhtEEUd16TwIeZlbfNQr7Z0ymYX5n05DfRCivLA3zEAVsWTLZFx17kDDGs6toNcBUzF4+L1m7yy3fbjqW4Jg3acCvrs9/0eXtc0Afe8n19eefbnxmSjcviC7kiC+iGWVrjH+FZM5Zspa95+t8SuZLElEUQ6n/xGI+kt8YUJ6EhAY3aM0WoktzjibPeakfsoS8Qn1E4SsTDPB1wmXELU94I5QOGGVJeh/bc7qe3620HAmP8l4JnkPbb/n4TcV0i1aVijdozvNeMkrRbE7Gab9FwwglUxL3GecskpWWIeF4NEMTUWcJ6BYd4VHR+YQ941JvbdOxXUfOScn+lP6BXU40TjhebQ2huQEGLCnMIsxFAIy8gSOxJFeTnWNrWUBzUycsw9K25JKQy2G68V0gBi4kaD4CIEsD0GUiJrEHxosg+jREHMNlp9sHP92hhiaYDa7NZ8wyeJUAIU2IkmkMRYqfRDMxnQRWa0+aORNxmkPYSDy9SesMncLyXU6JMDFo+0TTFRmSIMCxgArjiKPxBs8zRmKeTpnbhw/M7MD45HZc6PgAymZRho+onkDoYxgLImlEMYBuiQXw3sNTI3S8sYR1zEiMWF4ziFj+/0dIr/ucWP0f5GYQ3Uw9w/0ZXtQi5I6p+GhBcVBQAFE1A4W3L9qwNVB8QREuYDHiCYSmBcaBgeE33FD2BwxHA8Y1G3PCaQuOY4PDNJruJXtDh6uhY4hhWDyCgR1esJ6iMN0moo8iWF1DFaxWU8Fq7AtCXitYj8wy7m4E6w5Ipl6w6tqkFaxHBoXbkDd2AQpniq8v6X3vIbTub0crB/9z5ZzpG0+rV08AF13/2IqkqwGjvwimmJcIA09IBCKixcZhsWEaBzzl1u8kGjby5OrhNGqbVP1gUtU8b3gGzvekncNGT5j9PdR3mlah7oJYtq/b0xWobx2CD0csp0ggJ334Nc8biti9EYt+9G2J5aDEcuInX1/DhwYBHAc98Vi9iHJKDLmNzdLYlCYrYYs4wIEMUlr5kohupWVwVy1JhjENhXJSQ9YbHGiP7JUlCT1mi2SC35dmcIdUq380YqUQuXUrWNoSTBEnL9Xu1oVN3uGbwHDBILanpM/8btVFNkzZyio9+1ccuZZCRV2FYrJ50BylKNoM+/eBdV4DLI+KpRaQlwrAvH8X4oWIvqCaM0kggqAkhxQV4Goq/6eOgDXiWk9j2JymKQrPJhk/CX8kJpyIza3OpTv4K3cLw808V+8G5rTnVespDiY/ccw/OKIPUH/O8xNYhTip3wtKjKDuAxEwurhNLe1W6WMHu7Kt7MpWzTsUXs2S3kVCujazpB8S3yLdgKCIxcFdSGKVe/WZbsq9ZoV7rVruxSvCH0RL2EOz0mPuB66Hq3JhXQnXR/n6zSc/p03YVlcFl/JWRWPCNt9xtDvCrgWlfgQ9ZY47HmFvHjn+WSTqqjj39aPNQUlUf2TTkuj2tz3fJdEt0T8MiXrqQ+OugpqmJKo60g7WeyZR/VWWlkRbEi3EgrrH17x8tS8SZevxQ2/1Y2T7342vX75ehXevL7VK9O0QbwdmU1Ak2bgOA3Fzr/g+6FDKGd/fGNOfssYcJfFhOUdeY3XCWhUqsNXnaXpMx2x5URjKM0vRGNP+BjlKCIqpTIWJ8APX5bR+v6SIZN6umo5T8re6mqmm6yAkyfpho4ug8FhIHVEs9E1aOqbA8d4VOH4NKvwdpfUUXeJ6vylwbL/qyPEVR1sEDkQdrUvVZOp8a4cdVZGZlZ8awUXmsaF66og37vKfPWXVi1+P2Rf/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee_history</div></div></div></foreignObject><text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee_history</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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">From: Edm.Date {id}</div></div></div></foreignObject><text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department_history</div></div></div></foreignObject><text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department_history</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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Edm.Date {id}</div></div></div></foreignObject><text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Edm.Decimal</div></div></div></foreignObject><text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Budget: Edm.Decimal</text></switch></g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">*...</text></switch></g><path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">*...</text></switch></g><path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</text></switch></g><path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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></p>
+<p><img src="./images/api-2.drawio.svg" alt="API-2" /></p>
 <h2 id="22-example-data"><a name="ExampleData" href="#ExampleData">2.2 Example Data</a></h2>
 <p>Both API models in the previous section are views on the same underlying data. A possible storage model for this data is:</p>
 <div class="example">
 <p>Example 4: simple storage model: object key in dark green, temporal sub-key in light green, foreign keys in orange, non-key fields in blue</p>
 </div>
-<p><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdPCdPAZD00vSS2inM3npCFvYOpElKosA+fVd2RK2sZOQc1KSmYZhBvR5tdrVfrtahOVG+eZMoGV2wRNMLWeYbCx3YjmO7YQOfChka5CTkwpJBUk0VgMzcos1ONToiiS4aAlKzqkkyzYYc8ZwLFsYEoKv22ILTturLlGKO8AsRrSL/iCJzCp05A9r/B0maWZWtof6SY6MsAaKDCV83YDcqeVGgnNZfcs3EaZq98y+VPPe3vF0Z5jATB4yYfJ1EBQXiZz+3H48++x8+n51ORtoLTeIrrTD03xJ+RZjbbTcmp0o1iSniMFovOBMzvSTIYzjjNDkHG35SllSSBRfm9E444Lcgjyi8MgGAB4LqQPtBEoboTTilItyHTfwwmAUtmbOlEa9lsAFzP1i3Lb3oAu0aQmeo0IaKzmlaFmQeWm3mpgjkRI25lLyXAutMyLxbIliJbMGUitDZF4bL/g1bljr2p7re3pPGviifAHeDZPZcywk3jQgHbYzzHMsxRZEzNNAU0gn0Y5S65qRtqexrMnGoaczQWdButNdEwW+aK48gjdOhzfvJ5Z7CtA0yd/MpCAshYEVjkFNOOmQCTyXne1kvGJXgw8aQpSkDIYUL9Q0tXUEcvRUw5KrMBUQNVj2vJSZeDVyqXdEQRzmLmiZhxlJEswUU7hEEs13dF5ywmS5Y/4Y3rCx0fCNb/lgeARjux7DW4kLiDwDXxApY4yBc2usePcQnbrkuDdLH2aMYUhwGEGM3JPzw+3w4xPKcZchr7Q4Ji1855lp4XVo8YHPJZH0lRrPTI1wdDxq3H4b//vTiVbfivX1FWLf6eXlYhB2qDHB4KbMlaNH60VeYs9xV3/0LL2I7+z1Iq57GHEMwZ6cOKPXVuTPFJZ70/RFtiK9Fp+8tiIvkBbHbEV6Lba7vUiHA5glp+oOAUZ8WQaiPDD2sMZuCb5iCU50lErht0TZVY5BXXukTx57J9wE7izWBV+J2JyR9xz+oDDFBwQNJ60rkG7IGjHye0JkMIEpkuSmfXHSFze9whdF4vpkcUftk8UbhW0Vld96VvOiY0+R7+0dUeYSyiiqNqajqKTRzu2DmHX1df5rzH68WwRsxNFgGNkf1z13KpYTUJVrCblpESz4tVK3P2NVawa6gqiypItILQDfUv1ZKoKywXo1zaFpSUsWDuKqQCl9hBFJVNPTp9KP/jFqwd1Kc3s1gEvL2+hLdMZcXhWP9OgRtd8U+hjSEov+w6BREfYPghxKulqmt+62y8cTdGvufrcWhp2yG/SktDv8/1W3Nze690YP0elu3hxKQFH5dRwG2n80l47qSvP313/w6W/JMW//uOn5RfREOQbD+v+C6riq/3Zxp78B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vxbc9o4FP41vOxMOr5DHrkk6WaTtlPSSdqXjsCKrYlssUIEyK9fyUj4IpOYhQBOnWEm6KDLsfSd75wjCVp2P1pcUTAJb4kPccsy/EXLHrQsy7QNj/8TkqWUWOfnK0lAkS9lqWCIXqAUGlI6Qz6c5ioyQjBDk7xwTOIYjllOBigl83y1R4Lzo05AADXBcAywLr1HPgtX0o5rpPLPEAWhGtk05CcRUJWlYBoCn8wzIvuiZXRb4v1bL7tPCWFbNMg3jhZ9iMW6qBlfaXS5vw7Xs0RhzN5pDHZ1ff4bz2+ffPyzS6+vP/9y4zNTjvwM8Eyu2EU0wWQJ4e8QTRmhSzn7bKmWdDpHEQYxL/UeScyG8hM+aG8cIuzfgCWZiaeYMjB+UqVeSCh64fUB5h+ZXMA/pkwi1vJEbwjjPsGEJuPYntP2Ou1cy6HoUY5F4ZS3/aamzCyIbsEiV/EGTJnSkmAMJlM0SvQWDSNAAxT3CGMkkpXmIWJwOAFjUWfOrVMowqJUeUqeYEZb23Rs15FzkpE/Jn9cLicaUgYXG1fd3A7Yry3/FSQRZGL9DDWeI01JkomtTGueWua6Tpi1StuSjCDZIFj3vRNGeVsJ03dGuaWh/JKKlRZDXvjRpwFgUHTY7vF+2gMN8nzJmLboMVnZQAa1UgQwCmJexPBRNBNrjjgldqWYEQGmKccWioObpM7ASSXf5cQLEeFtH3FCeyHyfRgLPBMGGBitjW5CUMyShXF7/MVnpm98clsuV7zPy2Za5i9RnXJ8xvxZAEpgB7llzKGwjrdAXwnCr/DM3oEtgWx51XBsdeoC4277iVq9H+imH90EnuH+Ci9KYXxHiiBukFsn5HKPUQ25Xl2QWz6JtobcLyCCKXaHjHL8NOitF3o7xp+BXkdD7zUZMcRwg+CaI9g0qoYONYewq0F4APncs4jP/uEzvVPM6DZln3XM9Fy1i7LO9KyqmZ5Rb5x7TaZ3ZL52TyLTqw1dl2d6erzcZHr1Rq5bkYHrg1wngNeX+L77EFr3t8OFA/+5cs70OKNJ9OoP3nbno4G3fBLbGnp7Mz+ALEO9cIwiHtg2AK4VgE3jw220lQcOGoDVcd7hkrvmGO+wx3jmuVEN2yoEqSm29dOPvwd6YNGkdvug6M3k0mR2O4H4tX24w1H0KVLxR95/M88rZn81p2h9962h6INSdLP5tjuIOxqINZzC2O+Ky5EpFBOKVTIySQCUWVFKZrEPfYmkpPIlEk+SlHl3+ZLkatMokHciWGkDfe3iZYHcuMZkRsfw7XSBj5AkuQeGVQZH6j5ojguljEIMGHrOP20ZtnZXsKjsN2HyrTWt216e1u1OO6/NasJlqx3AvoVOrpXXyWwXXMhqcferkzTG9Vqeukmfl5i0hwUT++i5lTVt79+ZuCncE57oTPoXoZd0MWkF/i6Q/5OOuFOJS3sa8QArSOz/bLxyX6I/FCOGRIBW1qXb/0t1y2do1XN+NC5ONM9LT/Fh1P7DdMsn2iIyUGHAmPMfpOWhQoaLi2FCxB2+GKbUK+eJ+/iRpV2ILNfX4zNkqlgqS6b1OdctPVbQ97Ve88k+AhGJ/bsQxUXXrMOhqms2c67ZKnXNcIHYg2jJ48BV6afqh78fLLKFZQ5T27rzV295NP58g7IF32m1i8ZUuCB8DH9uvqHTH+bPS+lA3wo8ZRd4PH++vtjV+NgqBKZMsEgLHX335gP6WP3OSeNjN39j7k0f+z4QrZ2P9YpXEZVxHdHHFnXStl0bH+uc6ZfeGx/b+NidCUyF3sUwt+S7JPX2sWQ5eugufgztznfj65evV+Hdy3NpHvs6DjdbT1Xk0tXsHcYOzXc1woM+SvZg9n88U0MElYjAsQpEoE6UPjYRlGWwxWCbh6vqyB/iEZlfpILs8mMwgri3hncBJ+l6J8G16Ie/z14R6GWienlylT+QKhyz6hF5/sCK44YuH9axPS/8TMN1UUxj9KR0zCDde+8gXbm1LHSV7HSC9OKusqss7ohBut3J6+R0Cjq9R5Ce14lbBVhmRpQ3APa+Im/MhFNMoWTstP8H5n2unrne6U7SqsJP/igd099esi/+Aw==&lt;/diagram&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535HzTSxKg01W7Gi0rreZqZYgJ1jgxa0yB/vo9TmySYNoyKzphNCAk4jfHJ/bxY8eHxPHTYncv8Gr5xDPCHA9lO8cfOZ7nerEHP0rZG+XurlZyQTOtNcKUvhAtIq1uaEbWHUPJOZN01RXnvCzJXHY0LATfds0WnHWvusI5sYTpHDNb/ZtmclmrgxA1+mdC86W5sov0mQIbYy2slzjj25bkjx0/FZzL+qjYpYSp6Jm41PUmr5w9NEyQUp5TIX18erj/xx/nm/QrjT+XL0/7599c7eYZs43u8bhYMb4nRLda7k0o1ltaMFxCKVnwUk71GQTl+ZKy7BHv+UY1ZS3x/JspJUsu6AvYYwanXBDgtJB6pL1IeaOMpZxxUV3Hj4I4GsSdmlPlUV9LkDXU/WL67R5JT3jXMXzEa2layRnDqzWdVe1WFQssclomXEpeaKPtkkoyXeG5stkC1aohsmgaL/g30mqt7wZ+GOiYtPRF9QHdHicTcyIk2bUkPW73hBdEij2YmLOBZsjMojtd3jZIHmyWbRwHev5hPQ3yg++GFDjQsHwPOJ4FzsPI8YcgTaWgZQ4HTpyAj3hkkQTdlqdiiVAYI2QTgdAAVTpmNC9BY2ShHKgIUpirQy1LrkZrDYMHDXisbEZBo/ypA6MkDnUXrJqPS5plpFTAcIklnh2oXnFayipwYQJfiG+KPoVOCE1Koew2ZfgqcwEAlNArTKuhJoDelij83qPqfHbensXvE6UJgnl3FkDG7uL8eIHFz0SoSagIGmFJ/g8/3iiOTvHjp4kfuzd+LsdP6PXNT2jx8xdv03P2khONhxMbmSCI0uHwhszlkIkHPSNzZxHzBy5I9551o+bKqHFR0DM29kLzO59JKtkNnStHxz9zl/xxN6nYYmdEoKeygL5+ejh/Y5OMYnRqYzOZ/FobY1R9PhSasO+dseu/Ac2PS8qvMfl+7Y+CXpLyEB0n5WfuiQ+IXR4dO6m6JeW93bD8s4m6lqTcvl19YE4+n91y8ovi03tOPril5D8XMb2n5MbxLSf/mbDpPyc3Twdb3CSbLCdSLzdkTgvY2t7QuTp0+s/J7SeejhcxFayMPnd4if7dqIezSeco17/fWcM1VaDRVa2uo2P1HHBLXqV9hk1RB6/DsDZpjfgxugVAqK5ykhTBN2VGMo3lBXKmwPxtb3a8yMYhOkGDoebyNNiPMa3gE1hYTF5N2Ixvx43QDi3DM8ISyJXzKm5HY9DEUtlWftQa0MrDE1JmQ/XKAuh8Va0MoEyo6tHoRKLVTtldVFu3i6+O15pvxJy8FRWdCMAFqjX13YRThejN8W+N7+DE+BpNEIYlfe6+e3Fq0PUVvqiVssHrwInGK/L9rou657qW13pX4siRP+g6CgZHANaRsRzB8OF9y0yv5K82ODj6D8F3O+9wwEHtsQH8ENNTzDsqXzPvk9TmzWs5/vg/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</text></switch></g><rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: String</div></div></div></foreignObject><text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">Jobtitle: String</text></switch></g><rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department.ID</div></div></div></foreignObject><text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">Department.ID</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</text></switch></g><rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Decimal</div></div></div></foreignObject><text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">Budget: Decimal</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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;"><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 style=""><div style="">1</div></div></div></div></div></foreignObject><text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">1</text></switch></g><path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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></p>
+<p><img src="./images/db.drawio.svg" alt="DB" /></p>
 <p>The period start date is used as the temporal sub-key for identifying time slices together with the key of the temporal object.</p>
 <p>Note: alternatively, the period end date could have been used as temporal sub-key, or the primary key of the time slice tables could have been an artificial key (sequence number, UUID, ...) with both the temporal object key and the period boundaries as non-key fields.</p>
 <p>The following example data will be used to further illustrate the capabilities introduced by this extension. It assumes that the example services only support four-digit years.</p>
diff --git a/docs/odata-temporal-ext/odata-temporal-ext.md b/docs/odata-temporal-ext/odata-temporal-ext.md
index 0716934f4..067818a30 100644
--- a/docs/odata-temporal-ext/odata-temporal-ext.md
+++ b/docs/odata-temporal-ext/odata-temporal-ext.md
@@ -372,7 +372,7 @@ Example <a name="api1" href="#api1">2</a>: model for `api-1` with snapshot entit
 application time), key properties marked with {id}
 :::
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3eQyGppekl9BOZ/LSEbawdSJLVBYx5Nd3ZcvYxk5CzklJZhqGGdDn1WpX++1qEYYTZpszgVbpBY8xNWwz3hjO1LBtyzF9+FDIViP2yUmFJILEGmuAObnFGjQ1uiYxzjuCknMqyaoLRpwxHMkOhoTgRVdsyWl31RVKcA+YR4j20R8klmmFjj2zwd9hkqT1ypapn2SoFtZAnqKYFy3ImRlOKDiX1bdsE2Kqdq/el2re2zue7gwTmMlDJky/jvz8Ipazn9uPZ5/tT9+vLucjreUG0bV2eJatKN9irI2W23on8oJkFDEYTZacybl+YsI4SgmNz9GWr5UluUTRdT2apFyQW5BHFB5ZAMBjIXWgbV9pI5SGnHJRruP4buCPg87MudKo1xI4h7lfaretPegCbTqC5yiXtZWcUrTKyaK0W03MkEgIm3ApeaaFipRIPF+hSMkUQGpliMwa4wW/xi1rHct1PFfvSQtfli/A+2Gq9xwLiTctSIftDPMMS7EFkfqprymkk2hHqaJhpOVqLG2z0XR1JugsSHa6G6LAF82VR/DG7vHm/dRwTgGaxdmbuRSEJTAwggmoCaY9MoHnsredjFfsavFBQ4iShMGQ4qWapraOQI6ealhyFaYcogbLnpcyU7dBLvWOKIjD3CUt8zAlcYyZYgqXSKLFjs4rTpgsd8ybwBs2NjTfeIYHhocwtpoxvJW4gMgz8AWRMsYYOFdgxbuH6NQnx71Z+jBjaob4hxGklntyfjg9fnxCGe4z5JUWx6SFZz8zLdweLT7whSSSvlLjmakRjI9Hjdtvk39/2uH6W15cXyH2nV5eLkdBjxpTDG7KTDl6tF7kJfYcd/VHz9KLePZeL+I4hxGnJtiTE2f82or8mcJyb5q+yFZk0OKT11bkBdLimK3IoMVWvxfpcQCz+FTdIcCIr8pAlAfGHtbaLcHXLMaxjlIp/JYou8oxqOuO9Mlj7YTbwJ3FOudrEdVn5D2HPyhM8AFBw3HnCqQfslaMvIEQ1ZjAFEly0704GYqbXuGLInFzsjjj7snijoOuispvPat90bGnyHP3jqjA7iqqNqanqKTRzu2DmHX1dfFrwn68W/pszNHIDK2PxcCdimH7VOVaTG46BPN/rdXtz0TVmpGuIKos6SLSCMC3RH+WiqBssEFNC2hakpKFo6gqUEofYUQS1fQMqfTCf2q14G6lubsawKXlXfQlOlNfXuWP9OgRtb8u9BGkJRbDh0GrIuwfBBmUdLXMYN3tlo8n6Nac/W4tCHpl1x9Iacf8/1V3MDf690YP0elu3hxKQFH5dRwGWn80l47qSvv313/w6W/JMXf/uBn4RfREOQbD5v+C6rhq/nZxZr8B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloOw0doC8dJRaxBtnKOgpJ+PV7ZMuxLTlgurnN1AwM1ol0LOl8+vTp2OnYg2h1laBZeMsCTDuWMU1I0LGHHcsy4Q8MMzTFFYOoMSKvudGQ1gUJ8LxSkTNGOZlVjRMWx3jCKzaUJGxZrfbEqN6N0QRRrFnvScDDzOq7RmH/jMk0zG9kGvKTCOWVpWEeooAtSyb7omMPEsZ4dhWtBpiKmcnnJWt3ueXTTccSHPMmDfjV9fkvurx9DuhjL7m+/vzTjc9M6eYF0YUc8UU0o2yN8a+QzDlL1rL3fJ1PyXxJIopiKPWfWMxH8hMDypOQ0OAGrdlCdGnO0eQ5L/VDlpBXqI8ofGSCAT5OuAyw5QlvhNIBoyxJ72N7Ttfzu5WWI+FR3ivBc2j7LR+/qZhu0apS8QbNed5LRimazck47bdoGKFkSuI+45xFstIyJByPZmgi6iwBuaIjPCo6n7BnXOqtbTq268g5Kdmf0h+wy4nGCcerrSE0N8CA5YJZhLkIgJE3cCSW1lnZzrG1LKC5qROWYWlbcgVI9E83vgvEwIUEzUcAZGkAukzEJPbAeBFEn4aIY7jsdPvgpzvU0ASzwbX5jFkGrxIgpAlRMo2hSPGTaCamk8Bq7UkzZyJOcwgbiac3aZ2hU1i+yykRJgZtn2i6IkMSBDgWUGEccTTe4HnGSMzTKXP78AszOzA+uR0XOj6AslmU4VdUTyD0MYwFkTSiGEC3xAJ47+GpETreWMI6ZiRGYGU1gojl/3+E9LrPidX/QW4G0c3UM9yf4UUtQu6Yio8WFAcFBRBVM1B4+6INWwPFFxThAhYjnkBoWmAcGBh+ww1lf8BwNGBcszEnnLbgODY4TKPpXrI3dLgaOoYYhsUjGNjhBespCtNtIvoogtU1VMFqNRWsxr4g5LWC9cgs4+5GsO6AZOoFq65NWsF6ZFC4DXljF6Bwpvj6kt73HkLr/na0cvA/V86ZvvG0evUEcNH1j61Iuhow+otginmJMPCERCAiWmwcFhumccBTbv1OomEjT64eTqO2SdUPJlXN84Zn4HxP2jls9ITZ30N9p2kV6i6IZfu6PV2B+tYh+HDEcooEctKHX/O8oYjdG7HoR9+WWA5KLCd+8vU1fGgQwHHQE0/RiyinxJDb2CyNTWmyEraIAxzIIKWVL4noVloGd9WSZBjTUCgnNWS9wYHyooC2JKHHbJFM8PvSDO6QavWPRqwUIrduBUtbgini5KXa3bqwyTt8ExguGMT2lPSZ3626yIYpW1mlZ/+KI9dSqKirUEw2D5qjFEWbYf8+sM5rgOVRsdQC8lIBmPfvQrwQ0RdUcyYJRBCU5JCiAlxN5f/UEbBGXOtpDJvTNEXh2STjJ+GPxIQTsbnVuXQHf+VuYbiZ5+rdwJz2vGo9xcHkJ475B0f0AerPeX4CqxAn9XtBiRHUfSACRhe3qaXdKn3sYFe2lV3ZqnmHwqtZ0rtISNdmlvRD4lukGxAUsTi4C0mscq8+002516xwr1XLvXhF+INoCXtoVnrM/cD1cFUurCvh+ihfv/nk57QJ2+qq4FLeqmhM2OY7jnZH2LWg1I+gp8xxxyPszSPHP4tEXRXnvn60OSiJ6o9sWhLd/rbnuyS6JfqHIVFPfWjcVVDTlERVR9rBes8kqr/K0pJoS6KFWFD3+JqXr/ZFomw9fuitfoxs/7vx9cvXq/Du9aVWib4d4u3AbAqKJBvXYSBu7hXfBx1KOeP7G2P6U9aYoyQ+LOfIa6xOWKtCBbb6PE2P6ZgtLwpDeWYpGmPa3yBHCUExlakwEX7gupzW75cUkczbVdNxSv5WVzPVdB2EJFk/bHQRFB4LqSOKhb5JS8cUON67AsevQYW/o7Seoktc7zcFju1XHTm+4miLwIGoo3Wpmkydb+2woyoys/JVI7jIPDZUTx3xxl3+taesevHNMPviPw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</text></switch></g><path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</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>
+![API-1](./images/api-1.drawio.svg)
 
 and
 
@@ -381,7 +381,8 @@ Example <a name="api2" href="#api2">3</a>: model for `api-2` with timeline entit
 application time), key properties marked with {id}
 :::
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vltc9o4EP41fLkZOn43/RgMTa9N+hLa6Uy+dIQtbDWyRGURh/z6W9kStrGTkLuUZOaSIQN6vFrtap9dLWLkRvnNqUDr7JwnmI4cKxUkGbmzkePY8A/AGqW4AyiJBbk1oKXRDUlw0RGUnFNJ1l0w5ozhWHYwJAQvu2IrTvtmLGJEcQ/9QRKZ1ejEtxr8PSZpZhayLf0kR0ZYA0WGEl62IHc+ciPBuaw/5TcRpmpnzL7U897d8XRnmMBMHjJh9nUcFOeJnP/cfjz97Hz6fnmxGGst14hutMPzfE35FmNttNyanShKklPEYDRdcSYX+okF4zgjNDlDW75RlhQSxVdmNM24ILcgjyg8sgGAx0LquDqB0kYojTjlolrHDbwwmISdmQulUa8lcAFzvxi37T3oHN10BM9QIY2VnFK0LsiysltNzJFICZtyKXmuhcqMSLxYo1jJlEBYZYjMG+MFv8Ita13bc31P70kLX1V/gPfDZPYcC4lvWpAO2ynmOZZiCyLmaaAptK3HO0qVDSNtT2NZm42Wp4mvSZ/udDdEgQ+aK4/gjdPjzd+zkXsC0DzJ3yykICyFwSicgppw1iMTeC5728l4za4WHzSEKEkZDCleqWlq6wjk6ImGJVdhKiBqsOxZJTPzGuRC74iCOMxd0SoPM5IkmCmmcIkkWu7ovOaEyWrH/Cm8YGMj640/8sHwCMZ2M4aXEhcQeQa+IFLFGAPnSqx49xCd+uS4N0sfZoxhSHAYQYzck/PD7fHjE8pxnyGvtDgmLXznmWnh9WjxgS8lkfSVGs9MjXByPGrcfpv++ulEm29FeXWJ2Hd6cbEahz1qzDC4KXPl6NF6kZfYc9zVHz1LL+JN9noR1z2MOIZgT06cyWsr8mcKy71p+iJbkUGL3762Ii+QFsdsRQYttvu9SI8DmCUn6soARnxdBaI6MPaw1m4JvmEJTnSUKuF3RNlVjUFdd6RPHnsn3AbuLNYF34jYnJH3HP6gMMUHBA0nnYuXfshaMfIHQmQwgSmS5Lp7cTIUN73CF0Xi5mRx904WbxJ2VdR+61nti449Rb63d0SFTldRvTE9RRWNdm4fxKzLr8vfU/bj/SpgE47GVmR/LAfuVEZOQFWuJeS6Q7Dg90bd/kxVrRnrCqLKki4ijQB8SvV7pQjKBhvUtISmJa1YOI7rAqX0EUYkUU3PkEo/+suoBXdrzd3VAK4s76Iv0RlzeVU80qNH1H5T6GNISyyGD4NWRdg/CHIo6WqZwbrbLR9P0K25zn4qhL2yGwyktGv996o7mBv9e6OH6HQ3bw4loKj9Og4D7T+aS0d1pf3961/49H/JMc96+BvRE+UYDJvfC+rjqvlJxZ3/Aw==&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vvbbts4EP0avyyQQncrj74k6WaTtqhTJOlLQVuMRYQSvTId2/n6HUqUJZFyonR9A6rAQMQxOSI5h4eHI7ljD6LVVYJm4S0LMO1YRrDq2MOOZZm24cE/YVlLi3V+nlmmCQmkrTCMyCuWRkNaFyTA80pFzhjlZFY1Tlgc4wmv2FCSsGW12hOj1bvO0BRrhtEEUd16TwIeZlbfNQr7Z0ymYX5n05DfRCivLA3zEAVsWTLZFx17kDDGs6toNcBUzF4+L1m7yy3fbjqW4Jg3acCvrs9/0eXtc0Afe8n19eefbnxmSjcviC7kiC+iGWVrjH+FZM5Zspa95+t8SuZLElEUQ6n/xGI+kt8YUJ6EhAY3aM0WoktzjibPeakfsoS8Qn1E4SsTDPB1wmXELU94I5QOGGVJeh/bc7qe3620HAmP8l4JnkPbb/n4TcV0i1aVijdozvNeMkrRbE7Gab9FwwglUxL3GecskpWWIeF4NEMTUWcJ6BYd4VHR+YQ941JvbdOxXUfOScn+lP6BXU40TjhebQ2huQEGLCnMIsxFAIy8gSOxJFeTnWNrWUBzUycsw9K25JKQy2G68V0gBi4kaD4CIEsD0GUiJrEHxosg+jREHMNlp9sHP92hhiaYDa7NZ8wyeJUAIU2IkmkMRYqfRDMxnQRWa0+aORNxmkPYSDy9SesMncLyXU6JMDFo+0TTFRmSIMCxgArjiKPxBs8zRmKeTpnbhw/M7MD45HZc6PgAymZRho+onkDoYxgLImlEMYBuiQXw3sNTI3S8sYR1zEiMWF4ziFj+/0dIr/ucWP0f5GYQ3Uw9w/0ZXtQi5I6p+GhBcVBQAFE1A4W3L9qwNVB8QREuYDHiCYSmBcaBgeE33FD2BwxHA8Y1G3PCaQuOY4PDNJruJXtDh6uhY4hhWDyCgR1esJ6iMN0moo8iWF1DFaxWU8Fq7AtCXitYj8wy7m4E6w5Ipl6w6tqkFaxHBoXbkDd2AQpniq8v6X3vIbTub0crB/9z5ZzpG0+rV08AF13/2IqkqwGjvwimmJcIA09IBCKixcZhsWEaBzzl1u8kGjby5OrhNGqbVP1gUtU8b3gGzvekncNGT5j9PdR3mlah7oJYtq/b0xWobx2CD0csp0ggJ334Nc8biti9EYt+9G2J5aDEcuInX1/DhwYBHAc98Vi9iHJKDLmNzdLYlCYrYYs4wIEMUlr5kohupWVwVy1JhjENhXJSQ9YbHGiP7JUlCT1mi2SC35dmcIdUq380YqUQuXUrWNoSTBEnL9Xu1oVN3uGbwHDBILanpM/8btVFNkzZyio9+1ccuZZCRV2FYrJ50BylKNoM+/eBdV4DLI+KpRaQlwrAvH8X4oWIvqCaM0kggqAkhxQV4Goq/6eOgDXiWk9j2JymKQrPJhk/CX8kJpyIza3OpTv4K3cLw808V+8G5rTnVespDiY/ccw/OKIPUH/O8xNYhTip3wtKjKDuAxEwurhNLe1W6WMHu7Kt7MpWzTsUXs2S3kVCujazpB8S3yLdgKCIxcFdSGKVe/WZbsq9ZoV7rVruxSvCH0RL2EOz0mPuB66Hq3JhXQnXR/n6zSc/p03YVlcFl/JWRWPCNt9xtDvCrgWlfgQ9ZY47HmFvHjn+WSTqqjj39aPNQUlUf2TTkuj2tz3fJdEt0T8MiXrqQ+OugpqmJKo60g7WeyZR/VWWlkRbEi3EgrrH17x8tS8SZevxQ2/1Y2T7342vX75ehXevL7VK9O0QbwdmU1Ak2bgOA3Fzr/g+6FDKGd/fGNOfssYcJfFhOUdeY3XCWhUqsNXnaXpMx2x5URjKM0vRGNP+BjlKCIqpTIWJ8APX5bR+v6SIZN6umo5T8re6mqmm6yAkyfpho4ug8FhIHVEs9E1aOqbA8d4VOH4NKvwdpfUUXeJ6vylwbL/qyPEVR1sEDkQdrUvVZOp8a4cdVZGZlZ8awUXmsaF66og37vKfPWXVi1+P2Rf/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee_history</div></div></div></foreignObject><text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee_history</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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">From: Edm.Date {id}</div></div></div></foreignObject><text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department_history</div></div></div></foreignObject><text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department_history</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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Edm.Date {id}</div></div></div></foreignObject><text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Edm.Decimal</div></div></div></foreignObject><text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Budget: Edm.Decimal</text></switch></g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</text></switch></g><path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</text></switch></g><path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</text></switch></g><path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
+![API-2](./images/api-2.drawio.svg)
+
 
 ## <a name="ExampleData" href="#ExampleData">2.2 Example Data</a>
 
@@ -393,7 +394,7 @@ Example 4: simple storage model: object key in dark green, temporal
 sub-key in light green, foreign keys in orange, non-key fields in blue
 :::
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdPCdPAZD00vSS2inM3npCFvYOpElKosA+fVd2RK2sZOQc1KSmYZhBvR5tdrVfrtahOVG+eZMoGV2wRNMLWeYbCx3YjmO7YQOfChka5CTkwpJBUk0VgMzcos1ONToiiS4aAlKzqkkyzYYc8ZwLFsYEoKv22ILTturLlGKO8AsRrSL/iCJzCp05A9r/B0maWZWtof6SY6MsAaKDCV83YDcqeVGgnNZfcs3EaZq98y+VPPe3vF0Z5jATB4yYfJ1EBQXiZz+3H48++x8+n51ORtoLTeIrrTD03xJ+RZjbbTcmp0o1iSniMFovOBMzvSTIYzjjNDkHG35SllSSBRfm9E444Lcgjyi8MgGAB4LqQPtBEoboTTilItyHTfwwmAUtmbOlEa9lsAFzP1i3Lb3oAu0aQmeo0IaKzmlaFmQeWm3mpgjkRI25lLyXAutMyLxbIliJbMGUitDZF4bL/g1bljr2p7re3pPGviifAHeDZPZcywk3jQgHbYzzHMsxRZEzNNAU0gn0Y5S65qRtqexrMnGoaczQWdButNdEwW+aK48gjdOhzfvJ5Z7CtA0yd/MpCAshYEVjkFNOOmQCTyXne1kvGJXgw8aQpSkDIYUL9Q0tXUEcvRUw5KrMBUQNVj2vJSZeDVyqXdEQRzmLmiZhxlJEswUU7hEEs13dF5ywmS5Y/4Y3rCx0fCNb/lgeARjux7DW4kLiDwDXxApY4yBc2usePcQnbrkuDdLH2aMYUhwGEGM3JPzw+3w4xPKcZchr7Q4Ji1855lp4XVo8YHPJZH0lRrPTI1wdDxq3H4b//vTiVbfivX1FWLf6eXlYhB2qDHB4KbMlaNH60VeYs9xV3/0LL2I7+z1Iq57GHEMwZ6cOKPXVuTPFJZ70/RFtiK9Fp+8tiIvkBbHbEV6Lba7vUiHA5glp+oOAUZ8WQaiPDD2sMZuCb5iCU50lErht0TZVY5BXXukTx57J9wE7izWBV+J2JyR9xz+oDDFBwQNJ60rkG7IGjHye0JkMIEpkuSmfXHSFze9whdF4vpkcUftk8UbhW0Vld96VvOiY0+R7+0dUeYSyiiqNqajqKTRzu2DmHX1df5rzH68WwRsxNFgGNkf1z13KpYTUJVrCblpESz4tVK3P2NVawa6gqiypItILQDfUv1ZKoKywXo1zaFpSUsWDuKqQCl9hBFJVNPTp9KP/jFqwd1Kc3s1gEvL2+hLdMZcXhWP9OgRtd8U+hjSEov+w6BREfYPghxKulqmt+62y8cTdGvufrcWhp2yG/SktDv8/1W3Nze690YP0elu3hxKQFH5dRwG2n80l47qSvP313/w6W/JMW//uOn5RfREOQbD+v+C6riq/3Zxp78B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vxbc9o4FP41vOxMOr5DHrkk6WaTtlPSSdqXjsCKrYlssUIEyK9fyUj4IpOYhQBOnWEm6KDLsfSd75wjCVp2P1pcUTAJb4kPccsy/EXLHrQsy7QNj/8TkqWUWOfnK0lAkS9lqWCIXqAUGlI6Qz6c5ioyQjBDk7xwTOIYjllOBigl83y1R4Lzo05AADXBcAywLr1HPgtX0o5rpPLPEAWhGtk05CcRUJWlYBoCn8wzIvuiZXRb4v1bL7tPCWFbNMg3jhZ9iMW6qBlfaXS5vw7Xs0RhzN5pDHZ1ff4bz2+ffPyzS6+vP/9y4zNTjvwM8Eyu2EU0wWQJ4e8QTRmhSzn7bKmWdDpHEQYxL/UeScyG8hM+aG8cIuzfgCWZiaeYMjB+UqVeSCh64fUB5h+ZXMA/pkwi1vJEbwjjPsGEJuPYntP2Ou1cy6HoUY5F4ZS3/aamzCyIbsEiV/EGTJnSkmAMJlM0SvQWDSNAAxT3CGMkkpXmIWJwOAFjUWfOrVMowqJUeUqeYEZb23Rs15FzkpE/Jn9cLicaUgYXG1fd3A7Yry3/FSQRZGL9DDWeI01JkomtTGueWua6Tpi1StuSjCDZIFj3vRNGeVsJ03dGuaWh/JKKlRZDXvjRpwFgUHTY7vF+2gMN8nzJmLboMVnZQAa1UgQwCmJexPBRNBNrjjgldqWYEQGmKccWioObpM7ASSXf5cQLEeFtH3FCeyHyfRgLPBMGGBitjW5CUMyShXF7/MVnpm98clsuV7zPy2Za5i9RnXJ8xvxZAEpgB7llzKGwjrdAXwnCr/DM3oEtgWx51XBsdeoC4277iVq9H+imH90EnuH+Ci9KYXxHiiBukFsn5HKPUQ25Xl2QWz6JtobcLyCCKXaHjHL8NOitF3o7xp+BXkdD7zUZMcRwg+CaI9g0qoYONYewq0F4APncs4jP/uEzvVPM6DZln3XM9Fy1i7LO9KyqmZ5Rb5x7TaZ3ZL52TyLTqw1dl2d6erzcZHr1Rq5bkYHrg1wngNeX+L77EFr3t8OFA/+5cs70OKNJ9OoP3nbno4G3fBLbGnp7Mz+ALEO9cIwiHtg2AK4VgE3jw220lQcOGoDVcd7hkrvmGO+wx3jmuVEN2yoEqSm29dOPvwd6YNGkdvug6M3k0mR2O4H4tX24w1H0KVLxR95/M88rZn81p2h9962h6INSdLP5tjuIOxqINZzC2O+Ky5EpFBOKVTIySQCUWVFKZrEPfYmkpPIlEk+SlHl3+ZLkatMokHciWGkDfe3iZYHcuMZkRsfw7XSBj5AkuQeGVQZH6j5ojguljEIMGHrOP20ZtnZXsKjsN2HyrTWt216e1u1OO6/NasJlqx3AvoVOrpXXyWwXXMhqcferkzTG9Vqeukmfl5i0hwUT++i5lTVt79+ZuCncE57oTPoXoZd0MWkF/i6Q/5OOuFOJS3sa8QArSOz/bLxyX6I/FCOGRIBW1qXb/0t1y2do1XN+NC5ONM9LT/Fh1P7DdMsn2iIyUGHAmPMfpOWhQoaLi2FCxB2+GKbUK+eJ+/iRpV2ILNfX4zNkqlgqS6b1OdctPVbQ97Ve88k+AhGJ/bsQxUXXrMOhqms2c67ZKnXNcIHYg2jJ48BV6afqh78fLLKFZQ5T27rzV295NP58g7IF32m1i8ZUuCB8DH9uvqHTH+bPS+lA3wo8ZRd4PH++vtjV+NgqBKZMsEgLHX335gP6WP3OSeNjN39j7k0f+z4QrZ2P9YpXEZVxHdHHFnXStl0bH+uc6ZfeGx/b+NidCUyF3sUwt+S7JPX2sWQ5eugufgztznfj65evV+Hdy3NpHvs6DjdbT1Xk0tXsHcYOzXc1woM+SvZg9n88U0MElYjAsQpEoE6UPjYRlGWwxWCbh6vqyB/iEZlfpILs8mMwgri3hncBJ+l6J8G16Ie/z14R6GWienlylT+QKhyz6hF5/sCK44YuH9axPS/8TMN1UUxj9KR0zCDde+8gXbm1LHSV7HSC9OKusqss7ohBut3J6+R0Cjq9R5Ce14lbBVhmRpQ3APa+Im/MhFNMoWTstP8H5n2unrne6U7SqsJP/igd099esi/+Aw==&lt;/diagram&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535HzTSxKg01W7Gi0rreZqZYgJ1jgxa0yB/vo9TmySYNoyKzphNCAk4jfHJ/bxY8eHxPHTYncv8Gr5xDPCHA9lO8cfOZ7nerEHP0rZG+XurlZyQTOtNcKUvhAtIq1uaEbWHUPJOZN01RXnvCzJXHY0LATfds0WnHWvusI5sYTpHDNb/ZtmclmrgxA1+mdC86W5sov0mQIbYy2slzjj25bkjx0/FZzL+qjYpYSp6Jm41PUmr5w9NEyQUp5TIX18erj/xx/nm/QrjT+XL0/7599c7eYZs43u8bhYMb4nRLda7k0o1ltaMFxCKVnwUk71GQTl+ZKy7BHv+UY1ZS3x/JspJUsu6AvYYwanXBDgtJB6pL1IeaOMpZxxUV3Hj4I4GsSdmlPlUV9LkDXU/WL67R5JT3jXMXzEa2layRnDqzWdVe1WFQssclomXEpeaKPtkkoyXeG5stkC1aohsmgaL/g30mqt7wZ+GOiYtPRF9QHdHicTcyIk2bUkPW73hBdEij2YmLOBZsjMojtd3jZIHmyWbRwHev5hPQ3yg++GFDjQsHwPOJ4FzsPI8YcgTaWgZQ4HTpyAj3hkkQTdlqdiiVAYI2QTgdAAVTpmNC9BY2ShHKgIUpirQy1LrkZrDYMHDXisbEZBo/ypA6MkDnUXrJqPS5plpFTAcIklnh2oXnFayipwYQJfiG+KPoVOCE1Koew2ZfgqcwEAlNArTKuhJoDelij83qPqfHbensXvE6UJgnl3FkDG7uL8eIHFz0SoSagIGmFJ/g8/3iiOTvHjp4kfuzd+LsdP6PXNT2jx8xdv03P2khONhxMbmSCI0uHwhszlkIkHPSNzZxHzBy5I9551o+bKqHFR0DM29kLzO59JKtkNnStHxz9zl/xxN6nYYmdEoKeygL5+ejh/Y5OMYnRqYzOZ/FobY1R9PhSasO+dseu/Ac2PS8qvMfl+7Y+CXpLyEB0n5WfuiQ+IXR4dO6m6JeW93bD8s4m6lqTcvl19YE4+n91y8ovi03tOPril5D8XMb2n5MbxLSf/mbDpPyc3Twdb3CSbLCdSLzdkTgvY2t7QuTp0+s/J7SeejhcxFayMPnd4if7dqIezSeco17/fWcM1VaDRVa2uo2P1HHBLXqV9hk1RB6/DsDZpjfgxugVAqK5ykhTBN2VGMo3lBXKmwPxtb3a8yMYhOkGDoebyNNiPMa3gE1hYTF5N2Ixvx43QDi3DM8ISyJXzKm5HY9DEUtlWftQa0MrDE1JmQ/XKAuh8Va0MoEyo6tHoRKLVTtldVFu3i6+O15pvxJy8FRWdCMAFqjX13YRThejN8W+N7+DE+BpNEIYlfe6+e3Fq0PUVvqiVssHrwInGK/L9rou657qW13pX4siRP+g6CgZHANaRsRzB8OF9y0yv5K82ODj6D8F3O+9wwEHtsQH8ENNTzDsqXzPvk9TmzWs5/vg/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</text></switch></g><rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: String</div></div></div></foreignObject><text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">Jobtitle: String</text></switch></g><rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department.ID</div></div></div></foreignObject><text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">Department.ID</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</text></switch></g><rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Decimal</div></div></div></foreignObject><text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">Budget: Decimal</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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;"><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 style=""><div style="">1</div></div></div></div></div></foreignObject><text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">1</text></switch></g><path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
+![DB](./images/db.drawio.svg)
 
 The period start date is used as the temporal sub-key for identifying
 time slices together with the key of the temporal object.
diff --git a/lib/build.js b/lib/build.js
index ca1371e42..b538990d6 100644
--- a/lib/build.js
+++ b/lib/build.js
@@ -10,6 +10,13 @@ iterator(function (srcname, name, variant, meta) {
   fs.cpSync(`${__dirname}/../styles`, `${__dirname}/../docs/${name}/styles`, {
     recursive: true,
   });
+  const srcImages = `${__dirname}/../${srcname}/images`;
+  if (fs.existsSync(srcImages)) {
+    const targetImages = `${__dirname}/../docs/${name}/images`;
+    if (fs.existsSync(targetImages))
+      fs.rmSync(targetImages, { recursive: true });
+    fs.cpSync(srcImages, targetImages, { recursive: true });
+  }
   var md = fs.createWriteStream(`${__dirname}/../docs/${name}/${name}.md`);
   var html = pandoc({
     "--metadata-file": `${__dirname}/../${srcname}/${variant}.yaml`,
diff --git a/lib/server.js b/lib/server.js
index c9e90dcae..4a77120ff 100644
--- a/lib/server.js
+++ b/lib/server.js
@@ -13,15 +13,16 @@ const connectLivereload = require("connect-livereload");
 
 var app = express()
   .use(connectLivereload())
-  .use("/styles", express.static(`${__dirname}/../styles`))
   .get("/", function (_req, res, _next) {
     var docs = [];
     iterator(function (srcname, name, variant) {
-      docs.push(`<li><a href="${srcname}?variant=${variant}">${name}</a></li>`);
+      docs.push(
+        `<li><a href="${srcname}/?variant=${variant}">${name}</a></li>`
+      );
     });
     res.send(`<h1>Documents</h1><ul>${docs.join("")}</ul>`);
   })
-  .get("/:doc", function (req, res, next) {
+  .get("/:doc/", function (req, res, next) {
     try {
       var branch = execSync("git branch --show-current", {
         cwd: __dirname,
@@ -52,6 +53,14 @@ var app = express()
     }
   });
 
+iterator(function (srcname, name, variant) {
+  app.use(`/${srcname}/styles`, express.static(`${__dirname}/../styles`));
+  app.use(
+    `/${srcname}/images`,
+    express.static(`${__dirname}/../${srcname}/images`)
+  );
+});
+
 if (module.parent) module.exports = app;
 else
   app.listen(8080, function () {
diff --git a/odata-temporal-ext/2 Overview.md b/odata-temporal-ext/2 Overview.md
index 3a4853bde..1ec00a67a 100644
--- a/odata-temporal-ext/2 Overview.md	
+++ b/odata-temporal-ext/2 Overview.md	
@@ -58,7 +58,7 @@ Example ##ex_api1: model for `api-1` with snapshot entity sets (hidden
 application time), key properties marked with {id}
 :::
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3eQyGppekl9BOZ/LSEbawdSJLVBYx5Nd3ZcvYxk5CzklJZhqGGdDn1WpX++1qEYYTZpszgVbpBY8xNWwz3hjO1LBtyzF9+FDIViP2yUmFJILEGmuAObnFGjQ1uiYxzjuCknMqyaoLRpwxHMkOhoTgRVdsyWl31RVKcA+YR4j20R8klmmFjj2zwd9hkqT1ypapn2SoFtZAnqKYFy3ImRlOKDiX1bdsE2Kqdq/el2re2zue7gwTmMlDJky/jvz8Ipazn9uPZ5/tT9+vLucjreUG0bV2eJatKN9irI2W23on8oJkFDEYTZacybl+YsI4SgmNz9GWr5UluUTRdT2apFyQW5BHFB5ZAMBjIXWgbV9pI5SGnHJRruP4buCPg87MudKo1xI4h7lfaretPegCbTqC5yiXtZWcUrTKyaK0W03MkEgIm3ApeaaFipRIPF+hSMkUQGpliMwa4wW/xi1rHct1PFfvSQtfli/A+2Gq9xwLiTctSIftDPMMS7EFkfqprymkk2hHqaJhpOVqLG2z0XR1JugsSHa6G6LAF82VR/DG7vHm/dRwTgGaxdmbuRSEJTAwggmoCaY9MoHnsredjFfsavFBQ4iShMGQ4qWapraOQI6ealhyFaYcogbLnpcyU7dBLvWOKIjD3CUt8zAlcYyZYgqXSKLFjs4rTpgsd8ybwBs2NjTfeIYHhocwtpoxvJW4gMgz8AWRMsYYOFdgxbuH6NQnx71Z+jBjaob4hxGklntyfjg9fnxCGe4z5JUWx6SFZz8zLdweLT7whSSSvlLjmakRjI9Hjdtvk39/2uH6W15cXyH2nV5eLkdBjxpTDG7KTDl6tF7kJfYcd/VHz9KLePZeL+I4hxGnJtiTE2f82or8mcJyb5q+yFZk0OKT11bkBdLimK3IoMVWvxfpcQCz+FTdIcCIr8pAlAfGHtbaLcHXLMaxjlIp/JYou8oxqOuO9Mlj7YTbwJ3FOudrEdVn5D2HPyhM8AFBw3HnCqQfslaMvIEQ1ZjAFEly0704GYqbXuGLInFzsjjj7snijoOuispvPat90bGnyHP3jqjA7iqqNqanqKTRzu2DmHX1dfFrwn68W/pszNHIDK2PxcCdimH7VOVaTG46BPN/rdXtz0TVmpGuIKos6SLSCMC3RH+WiqBssEFNC2hakpKFo6gqUEofYUQS1fQMqfTCf2q14G6lubsawKXlXfQlOlNfXuWP9OgRtb8u9BGkJRbDh0GrIuwfBBmUdLXMYN3tlo8n6Nac/W4tCHpl1x9Iacf8/1V3MDf690YP0elu3hxKQFH5dRwGWn80l47qSvv313/w6W/JMXf/uBn4RfREOQbD5v+C6rhq/nZxZr8B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloOw0doC8dJRaxBtnKOgpJ+PV7ZMuxLTlgurnN1AwM1ol0LOl8+vTp2OnYg2h1laBZeMsCTDuWMU1I0LGHHcsy4Q8MMzTFFYOoMSKvudGQ1gUJ8LxSkTNGOZlVjRMWx3jCKzaUJGxZrfbEqN6N0QRRrFnvScDDzOq7RmH/jMk0zG9kGvKTCOWVpWEeooAtSyb7omMPEsZ4dhWtBpiKmcnnJWt3ueXTTccSHPMmDfjV9fkvurx9DuhjL7m+/vzTjc9M6eYF0YUc8UU0o2yN8a+QzDlL1rL3fJ1PyXxJIopiKPWfWMxH8hMDypOQ0OAGrdlCdGnO0eQ5L/VDlpBXqI8ofGSCAT5OuAyw5QlvhNIBoyxJ72N7Ttfzu5WWI+FR3ivBc2j7LR+/qZhu0apS8QbNed5LRimazck47bdoGKFkSuI+45xFstIyJByPZmgi6iwBuaIjPCo6n7BnXOqtbTq268g5Kdmf0h+wy4nGCcerrSE0N8CA5YJZhLkIgJE3cCSW1lnZzrG1LKC5qROWYWlbcgVI9E83vgvEwIUEzUcAZGkAukzEJPbAeBFEn4aIY7jsdPvgpzvU0ASzwbX5jFkGrxIgpAlRMo2hSPGTaCamk8Bq7UkzZyJOcwgbiac3aZ2hU1i+yykRJgZtn2i6IkMSBDgWUGEccTTe4HnGSMzTKXP78AszOzA+uR0XOj6AslmU4VdUTyD0MYwFkTSiGEC3xAJ47+GpETreWMI6ZiRGYGU1gojl/3+E9LrPidX/QW4G0c3UM9yf4UUtQu6Yio8WFAcFBRBVM1B4+6INWwPFFxThAhYjnkBoWmAcGBh+ww1lf8BwNGBcszEnnLbgODY4TKPpXrI3dLgaOoYYhsUjGNjhBespCtNtIvoogtU1VMFqNRWsxr4g5LWC9cgs4+5GsO6AZOoFq65NWsF6ZFC4DXljF6Bwpvj6kt73HkLr/na0cvA/V86ZvvG0evUEcNH1j61Iuhow+otginmJMPCERCAiWmwcFhumccBTbv1OomEjT64eTqO2SdUPJlXN84Zn4HxP2jls9ITZ30N9p2kV6i6IZfu6PV2B+tYh+HDEcooEctKHX/O8oYjdG7HoR9+WWA5KLCd+8vU1fGgQwHHQE0/RiyinxJDb2CyNTWmyEraIAxzIIKWVL4noVloGd9WSZBjTUCgnNWS9wYHyooC2JKHHbJFM8PvSDO6QavWPRqwUIrduBUtbgini5KXa3bqwyTt8ExguGMT2lPSZ3626yIYpW1mlZ/+KI9dSqKirUEw2D5qjFEWbYf8+sM5rgOVRsdQC8lIBmPfvQrwQ0RdUcyYJRBCU5JCiAlxN5f/UEbBGXOtpDJvTNEXh2STjJ+GPxIQTsbnVuXQHf+VuYbiZ5+rdwJz2vGo9xcHkJ475B0f0AerPeX4CqxAn9XtBiRHUfSACRhe3qaXdKn3sYFe2lV3ZqnmHwqtZ0rtISNdmlvRD4lukGxAUsTi4C0mscq8+002516xwr1XLvXhF+INoCXtoVnrM/cD1cFUurCvh+ihfv/nk57QJ2+qq4FLeqmhM2OY7jnZH2LWg1I+gp8xxxyPszSPHP4tEXRXnvn60OSiJ6o9sWhLd/rbnuyS6JfqHIVFPfWjcVVDTlERVR9rBes8kqr/K0pJoS6KFWFD3+JqXr/ZFomw9fuitfoxs/7vx9cvXq/Du9aVWib4d4u3AbAqKJBvXYSBu7hXfBx1KOeP7G2P6U9aYoyQ+LOfIa6xOWKtCBbb6PE2P6ZgtLwpDeWYpGmPa3yBHCUExlakwEX7gupzW75cUkczbVdNxSv5WVzPVdB2EJFk/bHQRFB4LqSOKhb5JS8cUON67AsevQYW/o7Seoktc7zcFju1XHTm+4miLwIGoo3Wpmkydb+2woyoys/JVI7jIPDZUTx3xxl3+taesevHNMPviPw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</text></switch></g><path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</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>
+![API-1](./images/api-1.drawio.svg)
 
 and
 
@@ -67,7 +67,8 @@ Example ##ex_api2: model for `api-2` with timeline entity sets (visible
 application time), key properties marked with {id}
 :::
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vltc9o4EP41fLkZOn43/RgMTa9N+hLa6Uy+dIQtbDWyRGURh/z6W9kStrGTkLuUZOaSIQN6vFrtap9dLWLkRvnNqUDr7JwnmI4cKxUkGbmzkePY8A/AGqW4AyiJBbk1oKXRDUlw0RGUnFNJ1l0w5ozhWHYwJAQvu2IrTvtmLGJEcQ/9QRKZ1ejEtxr8PSZpZhayLf0kR0ZYA0WGEl62IHc+ciPBuaw/5TcRpmpnzL7U897d8XRnmMBMHjJh9nUcFOeJnP/cfjz97Hz6fnmxGGst14hutMPzfE35FmNttNyanShKklPEYDRdcSYX+okF4zgjNDlDW75RlhQSxVdmNM24ILcgjyg8sgGAx0LquDqB0kYojTjlolrHDbwwmISdmQulUa8lcAFzvxi37T3oHN10BM9QIY2VnFK0LsiysltNzJFICZtyKXmuhcqMSLxYo1jJlEBYZYjMG+MFv8Ita13bc31P70kLX1V/gPfDZPYcC4lvWpAO2ynmOZZiCyLmaaAptK3HO0qVDSNtT2NZm42Wp4mvSZ/udDdEgQ+aK4/gjdPjzd+zkXsC0DzJ3yykICyFwSicgppw1iMTeC5728l4za4WHzSEKEkZDCleqWlq6wjk6ImGJVdhKiBqsOxZJTPzGuRC74iCOMxd0SoPM5IkmCmmcIkkWu7ovOaEyWrH/Cm8YGMj640/8sHwCMZ2M4aXEhcQeQa+IFLFGAPnSqx49xCd+uS4N0sfZoxhSHAYQYzck/PD7fHjE8pxnyGvtDgmLXznmWnh9WjxgS8lkfSVGs9MjXByPGrcfpv++ulEm29FeXWJ2Hd6cbEahz1qzDC4KXPl6NF6kZfYc9zVHz1LL+JN9noR1z2MOIZgT06cyWsr8mcKy71p+iJbkUGL3762Ii+QFsdsRQYttvu9SI8DmCUn6soARnxdBaI6MPaw1m4JvmEJTnSUKuF3RNlVjUFdd6RPHnsn3AbuLNYF34jYnJH3HP6gMMUHBA0nnYuXfshaMfIHQmQwgSmS5Lp7cTIUN73CF0Xi5mRx904WbxJ2VdR+61nti449Rb63d0SFTldRvTE9RRWNdm4fxKzLr8vfU/bj/SpgE47GVmR/LAfuVEZOQFWuJeS6Q7Dg90bd/kxVrRnrCqLKki4ijQB8SvV7pQjKBhvUtISmJa1YOI7rAqX0EUYkUU3PkEo/+suoBXdrzd3VAK4s76Iv0RlzeVU80qNH1H5T6GNISyyGD4NWRdg/CHIo6WqZwbrbLR9P0K25zn4qhL2yGwyktGv996o7mBv9e6OH6HQ3bw4loKj9Og4D7T+aS0d1pf3961/49H/JMc96+BvRE+UYDJvfC+rjqvlJxZ3/Aw==&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vvbbts4EP0avyyQQncrj74k6WaTtqhTJOlLQVuMRYQSvTId2/n6HUqUJZFyonR9A6rAQMQxOSI5h4eHI7ljD6LVVYJm4S0LMO1YRrDq2MOOZZm24cE/YVlLi3V+nlmmCQmkrTCMyCuWRkNaFyTA80pFzhjlZFY1Tlgc4wmv2FCSsGW12hOj1bvO0BRrhtEEUd16TwIeZlbfNQr7Z0ymYX5n05DfRCivLA3zEAVsWTLZFx17kDDGs6toNcBUzF4+L1m7yy3fbjqW4Jg3acCvrs9/0eXtc0Afe8n19eefbnxmSjcviC7kiC+iGWVrjH+FZM5Zspa95+t8SuZLElEUQ6n/xGI+kt8YUJ6EhAY3aM0WoktzjibPeakfsoS8Qn1E4SsTDPB1wmXELU94I5QOGGVJeh/bc7qe3620HAmP8l4JnkPbb/n4TcV0i1aVijdozvNeMkrRbE7Gab9FwwglUxL3GecskpWWIeF4NEMTUWcJ6BYd4VHR+YQ941JvbdOxXUfOScn+lP6BXU40TjhebQ2huQEGLCnMIsxFAIy8gSOxJFeTnWNrWUBzUycsw9K25JKQy2G68V0gBi4kaD4CIEsD0GUiJrEHxosg+jREHMNlp9sHP92hhiaYDa7NZ8wyeJUAIU2IkmkMRYqfRDMxnQRWa0+aORNxmkPYSDy9SesMncLyXU6JMDFo+0TTFRmSIMCxgArjiKPxBs8zRmKeTpnbhw/M7MD45HZc6PgAymZRho+onkDoYxgLImlEMYBuiQXw3sNTI3S8sYR1zEiMWF4ziFj+/0dIr/ucWP0f5GYQ3Uw9w/0ZXtQi5I6p+GhBcVBQAFE1A4W3L9qwNVB8QREuYDHiCYSmBcaBgeE33FD2BwxHA8Y1G3PCaQuOY4PDNJruJXtDh6uhY4hhWDyCgR1esJ6iMN0moo8iWF1DFaxWU8Fq7AtCXitYj8wy7m4E6w5Ipl6w6tqkFaxHBoXbkDd2AQpniq8v6X3vIbTub0crB/9z5ZzpG0+rV08AF13/2IqkqwGjvwimmJcIA09IBCKixcZhsWEaBzzl1u8kGjby5OrhNGqbVP1gUtU8b3gGzvekncNGT5j9PdR3mlah7oJYtq/b0xWobx2CD0csp0ggJ334Nc8biti9EYt+9G2J5aDEcuInX1/DhwYBHAc98Vi9iHJKDLmNzdLYlCYrYYs4wIEMUlr5kohupWVwVy1JhjENhXJSQ9YbHGiP7JUlCT1mi2SC35dmcIdUq380YqUQuXUrWNoSTBEnL9Xu1oVN3uGbwHDBILanpM/8btVFNkzZyio9+1ccuZZCRV2FYrJ50BylKNoM+/eBdV4DLI+KpRaQlwrAvH8X4oWIvqCaM0kggqAkhxQV4Goq/6eOgDXiWk9j2JymKQrPJhk/CX8kJpyIza3OpTv4K3cLw808V+8G5rTnVespDiY/ccw/OKIPUH/O8xNYhTip3wtKjKDuAxEwurhNLe1W6WMHu7Kt7MpWzTsUXs2S3kVCujazpB8S3yLdgKCIxcFdSGKVe/WZbsq9ZoV7rVruxSvCH0RL2EOz0mPuB66Hq3JhXQnXR/n6zSc/p03YVlcFl/JWRWPCNt9xtDvCrgWlfgQ9ZY47HmFvHjn+WSTqqjj39aPNQUlUf2TTkuj2tz3fJdEt0T8MiXrqQ+OugpqmJKo60g7WeyZR/VWWlkRbEi3EgrrH17x8tS8SZevxQ2/1Y2T7342vX75ehXevL7VK9O0QbwdmU1Ak2bgOA3Fzr/g+6FDKGd/fGNOfssYcJfFhOUdeY3XCWhUqsNXnaXpMx2x5URjKM0vRGNP+BjlKCIqpTIWJ8APX5bR+v6SIZN6umo5T8re6mqmm6yAkyfpho4ug8FhIHVEs9E1aOqbA8d4VOH4NKvwdpfUUXeJ6vylwbL/qyPEVR1sEDkQdrUvVZOp8a4cdVZGZlZ8awUXmsaF66og37vKfPWXVi1+P2Rf/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee_history</div></div></div></foreignObject><text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee_history</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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">From: Edm.Date {id}</div></div></div></foreignObject><text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department_history</div></div></div></foreignObject><text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department_history</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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Edm.Date {id}</div></div></div></foreignObject><text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Edm.Decimal</div></div></div></foreignObject><text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Budget: Edm.Decimal</text></switch></g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</text></switch></g><path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</text></switch></g><path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</text></switch></g><path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
+![API-2](./images/api-2.drawio.svg)
+
 
 ## ##subsec Example Data
 
@@ -79,7 +80,7 @@ Example ##ex: simple storage model: object key in dark green, temporal
 sub-key in light green, foreign keys in orange, non-key fields in blue
 :::
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdPCdPAZD00vSS2inM3npCFvYOpElKosA+fVd2RK2sZOQc1KSmYZhBvR5tdrVfrtahOVG+eZMoGV2wRNMLWeYbCx3YjmO7YQOfChka5CTkwpJBUk0VgMzcos1ONToiiS4aAlKzqkkyzYYc8ZwLFsYEoKv22ILTturLlGKO8AsRrSL/iCJzCp05A9r/B0maWZWtof6SY6MsAaKDCV83YDcqeVGgnNZfcs3EaZq98y+VPPe3vF0Z5jATB4yYfJ1EBQXiZz+3H48++x8+n51ORtoLTeIrrTD03xJ+RZjbbTcmp0o1iSniMFovOBMzvSTIYzjjNDkHG35SllSSBRfm9E444Lcgjyi8MgGAB4LqQPtBEoboTTilItyHTfwwmAUtmbOlEa9lsAFzP1i3Lb3oAu0aQmeo0IaKzmlaFmQeWm3mpgjkRI25lLyXAutMyLxbIliJbMGUitDZF4bL/g1bljr2p7re3pPGviifAHeDZPZcywk3jQgHbYzzHMsxRZEzNNAU0gn0Y5S65qRtqexrMnGoaczQWdButNdEwW+aK48gjdOhzfvJ5Z7CtA0yd/MpCAshYEVjkFNOOmQCTyXne1kvGJXgw8aQpSkDIYUL9Q0tXUEcvRUw5KrMBUQNVj2vJSZeDVyqXdEQRzmLmiZhxlJEswUU7hEEs13dF5ywmS5Y/4Y3rCx0fCNb/lgeARjux7DW4kLiDwDXxApY4yBc2usePcQnbrkuDdLH2aMYUhwGEGM3JPzw+3w4xPKcZchr7Q4Ji1855lp4XVo8YHPJZH0lRrPTI1wdDxq3H4b//vTiVbfivX1FWLf6eXlYhB2qDHB4KbMlaNH60VeYs9xV3/0LL2I7+z1Iq57GHEMwZ6cOKPXVuTPFJZ70/RFtiK9Fp+8tiIvkBbHbEV6Lba7vUiHA5glp+oOAUZ8WQaiPDD2sMZuCb5iCU50lErht0TZVY5BXXukTx57J9wE7izWBV+J2JyR9xz+oDDFBwQNJ60rkG7IGjHye0JkMIEpkuSmfXHSFze9whdF4vpkcUftk8UbhW0Vld96VvOiY0+R7+0dUeYSyiiqNqajqKTRzu2DmHX1df5rzH68WwRsxNFgGNkf1z13KpYTUJVrCblpESz4tVK3P2NVawa6gqiypItILQDfUv1ZKoKywXo1zaFpSUsWDuKqQCl9hBFJVNPTp9KP/jFqwd1Kc3s1gEvL2+hLdMZcXhWP9OgRtd8U+hjSEov+w6BREfYPghxKulqmt+62y8cTdGvufrcWhp2yG/SktDv8/1W3Nze690YP0elu3hxKQFH5dRwG2n80l47qSvP313/w6W/JMW//uOn5RfREOQbD+v+C6riq/3Zxp78B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vxbc9o4FP41vOxMOr5DHrkk6WaTtlPSSdqXjsCKrYlssUIEyK9fyUj4IpOYhQBOnWEm6KDLsfSd75wjCVp2P1pcUTAJb4kPccsy/EXLHrQsy7QNj/8TkqWUWOfnK0lAkS9lqWCIXqAUGlI6Qz6c5ioyQjBDk7xwTOIYjllOBigl83y1R4Lzo05AADXBcAywLr1HPgtX0o5rpPLPEAWhGtk05CcRUJWlYBoCn8wzIvuiZXRb4v1bL7tPCWFbNMg3jhZ9iMW6qBlfaXS5vw7Xs0RhzN5pDHZ1ff4bz2+ffPyzS6+vP/9y4zNTjvwM8Eyu2EU0wWQJ4e8QTRmhSzn7bKmWdDpHEQYxL/UeScyG8hM+aG8cIuzfgCWZiaeYMjB+UqVeSCh64fUB5h+ZXMA/pkwi1vJEbwjjPsGEJuPYntP2Ou1cy6HoUY5F4ZS3/aamzCyIbsEiV/EGTJnSkmAMJlM0SvQWDSNAAxT3CGMkkpXmIWJwOAFjUWfOrVMowqJUeUqeYEZb23Rs15FzkpE/Jn9cLicaUgYXG1fd3A7Yry3/FSQRZGL9DDWeI01JkomtTGueWua6Tpi1StuSjCDZIFj3vRNGeVsJ03dGuaWh/JKKlRZDXvjRpwFgUHTY7vF+2gMN8nzJmLboMVnZQAa1UgQwCmJexPBRNBNrjjgldqWYEQGmKccWioObpM7ASSXf5cQLEeFtH3FCeyHyfRgLPBMGGBitjW5CUMyShXF7/MVnpm98clsuV7zPy2Za5i9RnXJ8xvxZAEpgB7llzKGwjrdAXwnCr/DM3oEtgWx51XBsdeoC4277iVq9H+imH90EnuH+Ci9KYXxHiiBukFsn5HKPUQ25Xl2QWz6JtobcLyCCKXaHjHL8NOitF3o7xp+BXkdD7zUZMcRwg+CaI9g0qoYONYewq0F4APncs4jP/uEzvVPM6DZln3XM9Fy1i7LO9KyqmZ5Rb5x7TaZ3ZL52TyLTqw1dl2d6erzcZHr1Rq5bkYHrg1wngNeX+L77EFr3t8OFA/+5cs70OKNJ9OoP3nbno4G3fBLbGnp7Mz+ALEO9cIwiHtg2AK4VgE3jw220lQcOGoDVcd7hkrvmGO+wx3jmuVEN2yoEqSm29dOPvwd6YNGkdvug6M3k0mR2O4H4tX24w1H0KVLxR95/M88rZn81p2h9962h6INSdLP5tjuIOxqINZzC2O+Ky5EpFBOKVTIySQCUWVFKZrEPfYmkpPIlEk+SlHl3+ZLkatMokHciWGkDfe3iZYHcuMZkRsfw7XSBj5AkuQeGVQZH6j5ojguljEIMGHrOP20ZtnZXsKjsN2HyrTWt216e1u1OO6/NasJlqx3AvoVOrpXXyWwXXMhqcferkzTG9Vqeukmfl5i0hwUT++i5lTVt79+ZuCncE57oTPoXoZd0MWkF/i6Q/5OOuFOJS3sa8QArSOz/bLxyX6I/FCOGRIBW1qXb/0t1y2do1XN+NC5ONM9LT/Fh1P7DdMsn2iIyUGHAmPMfpOWhQoaLi2FCxB2+GKbUK+eJ+/iRpV2ILNfX4zNkqlgqS6b1OdctPVbQ97Ve88k+AhGJ/bsQxUXXrMOhqms2c67ZKnXNcIHYg2jJ48BV6afqh78fLLKFZQ5T27rzV295NP58g7IF32m1i8ZUuCB8DH9uvqHTH+bPS+lA3wo8ZRd4PH++vtjV+NgqBKZMsEgLHX335gP6WP3OSeNjN39j7k0f+z4QrZ2P9YpXEZVxHdHHFnXStl0bH+uc6ZfeGx/b+NidCUyF3sUwt+S7JPX2sWQ5eugufgztznfj65evV+Hdy3NpHvs6DjdbT1Xk0tXsHcYOzXc1woM+SvZg9n88U0MElYjAsQpEoE6UPjYRlGWwxWCbh6vqyB/iEZlfpILs8mMwgri3hncBJ+l6J8G16Ie/z14R6GWienlylT+QKhyz6hF5/sCK44YuH9axPS/8TMN1UUxj9KR0zCDde+8gXbm1LHSV7HSC9OKusqss7ohBut3J6+R0Cjq9R5Ce14lbBVhmRpQ3APa+Im/MhFNMoWTstP8H5n2unrne6U7SqsJP/igd099esi/+Aw==&lt;/diagram&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535HzTSxKg01W7Gi0rreZqZYgJ1jgxa0yB/vo9TmySYNoyKzphNCAk4jfHJ/bxY8eHxPHTYncv8Gr5xDPCHA9lO8cfOZ7nerEHP0rZG+XurlZyQTOtNcKUvhAtIq1uaEbWHUPJOZN01RXnvCzJXHY0LATfds0WnHWvusI5sYTpHDNb/ZtmclmrgxA1+mdC86W5sov0mQIbYy2slzjj25bkjx0/FZzL+qjYpYSp6Jm41PUmr5w9NEyQUp5TIX18erj/xx/nm/QrjT+XL0/7599c7eYZs43u8bhYMb4nRLda7k0o1ltaMFxCKVnwUk71GQTl+ZKy7BHv+UY1ZS3x/JspJUsu6AvYYwanXBDgtJB6pL1IeaOMpZxxUV3Hj4I4GsSdmlPlUV9LkDXU/WL67R5JT3jXMXzEa2layRnDqzWdVe1WFQssclomXEpeaKPtkkoyXeG5stkC1aohsmgaL/g30mqt7wZ+GOiYtPRF9QHdHicTcyIk2bUkPW73hBdEij2YmLOBZsjMojtd3jZIHmyWbRwHev5hPQ3yg++GFDjQsHwPOJ4FzsPI8YcgTaWgZQ4HTpyAj3hkkQTdlqdiiVAYI2QTgdAAVTpmNC9BY2ShHKgIUpirQy1LrkZrDYMHDXisbEZBo/ypA6MkDnUXrJqPS5plpFTAcIklnh2oXnFayipwYQJfiG+KPoVOCE1Koew2ZfgqcwEAlNArTKuhJoDelij83qPqfHbensXvE6UJgnl3FkDG7uL8eIHFz0SoSagIGmFJ/g8/3iiOTvHjp4kfuzd+LsdP6PXNT2jx8xdv03P2khONhxMbmSCI0uHwhszlkIkHPSNzZxHzBy5I9551o+bKqHFR0DM29kLzO59JKtkNnStHxz9zl/xxN6nYYmdEoKeygL5+ejh/Y5OMYnRqYzOZ/FobY1R9PhSasO+dseu/Ac2PS8qvMfl+7Y+CXpLyEB0n5WfuiQ+IXR4dO6m6JeW93bD8s4m6lqTcvl19YE4+n91y8ovi03tOPril5D8XMb2n5MbxLSf/mbDpPyc3Twdb3CSbLCdSLzdkTgvY2t7QuTp0+s/J7SeejhcxFayMPnd4if7dqIezSeco17/fWcM1VaDRVa2uo2P1HHBLXqV9hk1RB6/DsDZpjfgxugVAqK5ykhTBN2VGMo3lBXKmwPxtb3a8yMYhOkGDoebyNNiPMa3gE1hYTF5N2Ixvx43QDi3DM8ISyJXzKm5HY9DEUtlWftQa0MrDE1JmQ/XKAuh8Va0MoEyo6tHoRKLVTtldVFu3i6+O15pvxJy8FRWdCMAFqjX13YRThejN8W+N7+DE+BpNEIYlfe6+e3Fq0PUVvqiVssHrwInGK/L9rou657qW13pX4siRP+g6CgZHANaRsRzB8OF9y0yv5K82ODj6D8F3O+9wwEHtsQH8ENNTzDsqXzPvk9TmzWs5/vg/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</text></switch></g><rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: String</div></div></div></foreignObject><text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">Jobtitle: String</text></switch></g><rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department.ID</div></div></div></foreignObject><text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">Department.ID</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</text></switch></g><rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Decimal</div></div></div></foreignObject><text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">Budget: Decimal</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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;"><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 style=""><div style="">1</div></div></div></div></div></foreignObject><text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">1</text></switch></g><path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
+![DB](./images/db.drawio.svg)
 
 The period start date is used as the temporal sub-key for identifying
 time slices together with the key of the temporal object.
diff --git a/odata-temporal-ext/diagrams/README.md b/odata-temporal-ext/diagrams/README.md
deleted file mode 100644
index f3feb3edf..000000000
--- a/odata-temporal-ext/diagrams/README.md
+++ /dev/null
@@ -1,4 +0,0 @@
-Diagrams in the [Draw.io](https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio) `example-model.drawio` file are exported as `*.svg` and then embedded into the `.md` files without changes.
-
-Note: star `*` characters in a diagram description needs to be escaped as `\*` to avoid 
-interpretation as markdown.
diff --git a/odata-temporal-ext/diagrams/api-1.svg b/odata-temporal-ext/diagrams/api-1.svg
deleted file mode 100644
index b17470763..000000000
--- a/odata-temporal-ext/diagrams/api-1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3eQyGppekl9BOZ/LSEbawdSJLVBYx5Nd3ZcvYxk5CzklJZhqGGdDn1WpX++1qEYYTZpszgVbpBY8xNWwz3hjO1LBtyzF9+FDIViP2yUmFJILEGmuAObnFGjQ1uiYxzjuCknMqyaoLRpwxHMkOhoTgRVdsyWl31RVKcA+YR4j20R8klmmFjj2zwd9hkqT1ypapn2SoFtZAnqKYFy3ImRlOKDiX1bdsE2Kqdq/el2re2zue7gwTmMlDJky/jvz8Ipazn9uPZ5/tT9+vLucjreUG0bV2eJatKN9irI2W23on8oJkFDEYTZacybl+YsI4SgmNz9GWr5UluUTRdT2apFyQW5BHFB5ZAMBjIXWgbV9pI5SGnHJRruP4buCPg87MudKo1xI4h7lfaretPegCbTqC5yiXtZWcUrTKyaK0W03MkEgIm3ApeaaFipRIPF+hSMkUQGpliMwa4wW/xi1rHct1PFfvSQtfli/A+2Gq9xwLiTctSIftDPMMS7EFkfqprymkk2hHqaJhpOVqLG2z0XR1JugsSHa6G6LAF82VR/DG7vHm/dRwTgGaxdmbuRSEJTAwggmoCaY9MoHnsredjFfsavFBQ4iShMGQ4qWapraOQI6ealhyFaYcogbLnpcyU7dBLvWOKIjD3CUt8zAlcYyZYgqXSKLFjs4rTpgsd8ybwBs2NjTfeIYHhocwtpoxvJW4gMgz8AWRMsYYOFdgxbuH6NQnx71Z+jBjaob4hxGklntyfjg9fnxCGe4z5JUWx6SFZz8zLdweLT7whSSSvlLjmakRjI9Hjdtvk39/2uH6W15cXyH2nV5eLkdBjxpTDG7KTDl6tF7kJfYcd/VHz9KLePZeL+I4hxGnJtiTE2f82or8mcJyb5q+yFZk0OKT11bkBdLimK3IoMVWvxfpcQCz+FTdIcCIr8pAlAfGHtbaLcHXLMaxjlIp/JYou8oxqOuO9Mlj7YTbwJ3FOudrEdVn5D2HPyhM8AFBw3HnCqQfslaMvIEQ1ZjAFEly0704GYqbXuGLInFzsjjj7snijoOuispvPat90bGnyHP3jqjA7iqqNqanqKTRzu2DmHX1dfFrwn68W/pszNHIDK2PxcCdimH7VOVaTG46BPN/rdXtz0TVmpGuIKos6SLSCMC3RH+WiqBssEFNC2hakpKFo6gqUEofYUQS1fQMqfTCf2q14G6lubsawKXlXfQlOlNfXuWP9OgRtb8u9BGkJRbDh0GrIuwfBBmUdLXMYN3tlo8n6Nac/W4tCHpl1x9Iacf8/1V3MDf690YP0elu3hxKQFH5dRwGWn80l47qSvv313/w6W/JMXf/uBn4RfREOQbD5v+C6rhq/nZxZr8B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloOw0doC8dJRaxBtnKOgpJ+PV7ZMuxLTlgurnN1AwM1ol0LOl8+vTp2OnYg2h1laBZeMsCTDuWMU1I0LGHHcsy4Q8MMzTFFYOoMSKvudGQ1gUJ8LxSkTNGOZlVjRMWx3jCKzaUJGxZrfbEqN6N0QRRrFnvScDDzOq7RmH/jMk0zG9kGvKTCOWVpWEeooAtSyb7omMPEsZ4dhWtBpiKmcnnJWt3ueXTTccSHPMmDfjV9fkvurx9DuhjL7m+/vzTjc9M6eYF0YUc8UU0o2yN8a+QzDlL1rL3fJ1PyXxJIopiKPWfWMxH8hMDypOQ0OAGrdlCdGnO0eQ5L/VDlpBXqI8ofGSCAT5OuAyw5QlvhNIBoyxJ72N7Ttfzu5WWI+FR3ivBc2j7LR+/qZhu0apS8QbNed5LRimazck47bdoGKFkSuI+45xFstIyJByPZmgi6iwBuaIjPCo6n7BnXOqtbTq268g5Kdmf0h+wy4nGCcerrSE0N8CA5YJZhLkIgJE3cCSW1lnZzrG1LKC5qROWYWlbcgVI9E83vgvEwIUEzUcAZGkAukzEJPbAeBFEn4aIY7jsdPvgpzvU0ASzwbX5jFkGrxIgpAlRMo2hSPGTaCamk8Bq7UkzZyJOcwgbiac3aZ2hU1i+yykRJgZtn2i6IkMSBDgWUGEccTTe4HnGSMzTKXP78AszOzA+uR0XOj6AslmU4VdUTyD0MYwFkTSiGEC3xAJ47+GpETreWMI6ZiRGYGU1gojl/3+E9LrPidX/QW4G0c3UM9yf4UUtQu6Yio8WFAcFBRBVM1B4+6INWwPFFxThAhYjnkBoWmAcGBh+ww1lf8BwNGBcszEnnLbgODY4TKPpXrI3dLgaOoYYhsUjGNjhBespCtNtIvoogtU1VMFqNRWsxr4g5LWC9cgs4+5GsO6AZOoFq65NWsF6ZFC4DXljF6Bwpvj6kt73HkLr/na0cvA/V86ZvvG0evUEcNH1j61Iuhow+otginmJMPCERCAiWmwcFhumccBTbv1OomEjT64eTqO2SdUPJlXN84Zn4HxP2jls9ITZ30N9p2kV6i6IZfu6PV2B+tYh+HDEcooEctKHX/O8oYjdG7HoR9+WWA5KLCd+8vU1fGgQwHHQE0/RiyinxJDb2CyNTWmyEraIAxzIIKWVL4noVloGd9WSZBjTUCgnNWS9wYHyooC2JKHHbJFM8PvSDO6QavWPRqwUIrduBUtbgini5KXa3bqwyTt8ExguGMT2lPSZ3626yIYpW1mlZ/+KI9dSqKirUEw2D5qjFEWbYf8+sM5rgOVRsdQC8lIBmPfvQrwQ0RdUcyYJRBCU5JCiAlxN5f/UEbBGXOtpDJvTNEXh2STjJ+GPxIQTsbnVuXQHf+VuYbiZ5+rdwJz2vGo9xcHkJ475B0f0AerPeX4CqxAn9XtBiRHUfSACRhe3qaXdKn3sYFe2lV3ZqnmHwqtZ0rtISNdmlvRD4lukGxAUsTi4C0mscq8+002516xwr1XLvXhF+INoCXtoVnrM/cD1cFUurCvh+ihfv/nk57QJ2+qq4FLeqmhM2OY7jnZH2LWg1I+gp8xxxyPszSPHP4tEXRXnvn60OSiJ6o9sWhLd/rbnuyS6JfqHIVFPfWjcVVDTlERVR9rBes8kqr/K0pJoS6KFWFD3+JqXr/ZFomw9fuitfoxs/7vx9cvXq/Du9aVWib4d4u3AbAqKJBvXYSBu7hXfBx1KOeP7G2P6U9aYoyQ+LOfIa6xOWKtCBbb6PE2P6ZgtLwpDeWYpGmPa3yBHCUExlakwEX7gupzW75cUkczbVdNxSv5WVzPVdB2EJFk/bHQRFB4LqSOKhb5JS8cUON67AsevQYW/o7Seoktc7zcFju1XHTm+4miLwIGoo3Wpmkydb+2woyoys/JVI7jIPDZUTx3xxl3+taesevHNMPviPw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</text></switch></g><path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</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>
\ No newline at end of file
diff --git a/odata-temporal-ext/diagrams/api-2.svg b/odata-temporal-ext/diagrams/api-2.svg
deleted file mode 100644
index f832e2925..000000000
--- a/odata-temporal-ext/diagrams/api-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vltc9o4EP41fLkZOn43/RgMTa9N+hLa6Uy+dIQtbDWyRGURh/z6W9kStrGTkLuUZOaSIQN6vFrtap9dLWLkRvnNqUDr7JwnmI4cKxUkGbmzkePY8A/AGqW4AyiJBbk1oKXRDUlw0RGUnFNJ1l0w5ozhWHYwJAQvu2IrTvtmLGJEcQ/9QRKZ1ejEtxr8PSZpZhayLf0kR0ZYA0WGEl62IHc+ciPBuaw/5TcRpmpnzL7U897d8XRnmMBMHjJh9nUcFOeJnP/cfjz97Hz6fnmxGGst14hutMPzfE35FmNttNyanShKklPEYDRdcSYX+okF4zgjNDlDW75RlhQSxVdmNM24ILcgjyg8sgGAx0LquDqB0kYojTjlolrHDbwwmISdmQulUa8lcAFzvxi37T3oHN10BM9QIY2VnFK0LsiysltNzJFICZtyKXmuhcqMSLxYo1jJlEBYZYjMG+MFv8Ita13bc31P70kLX1V/gPfDZPYcC4lvWpAO2ynmOZZiCyLmaaAptK3HO0qVDSNtT2NZm42Wp4mvSZ/udDdEgQ+aK4/gjdPjzd+zkXsC0DzJ3yykICyFwSicgppw1iMTeC5728l4za4WHzSEKEkZDCleqWlq6wjk6ImGJVdhKiBqsOxZJTPzGuRC74iCOMxd0SoPM5IkmCmmcIkkWu7ovOaEyWrH/Cm8YGMj640/8sHwCMZ2M4aXEhcQeQa+IFLFGAPnSqx49xCd+uS4N0sfZoxhSHAYQYzck/PD7fHjE8pxnyGvtDgmLXznmWnh9WjxgS8lkfSVGs9MjXByPGrcfpv++ulEm29FeXWJ2Hd6cbEahz1qzDC4KXPl6NF6kZfYc9zVHz1LL+JN9noR1z2MOIZgT06cyWsr8mcKy71p+iJbkUGL3762Ii+QFsdsRQYttvu9SI8DmCUn6soARnxdBaI6MPaw1m4JvmEJTnSUKuF3RNlVjUFdd6RPHnsn3AbuLNYF34jYnJH3HP6gMMUHBA0nnYuXfshaMfIHQmQwgSmS5Lp7cTIUN73CF0Xi5mRx904WbxJ2VdR+61nti449Rb63d0SFTldRvTE9RRWNdm4fxKzLr8vfU/bj/SpgE47GVmR/LAfuVEZOQFWuJeS6Q7Dg90bd/kxVrRnrCqLKki4ijQB8SvV7pQjKBhvUtISmJa1YOI7rAqX0EUYkUU3PkEo/+suoBXdrzd3VAK4s76Iv0RlzeVU80qNH1H5T6GNISyyGD4NWRdg/CHIo6WqZwbrbLR9P0K25zn4qhL2yGwyktGv996o7mBv9e6OH6HQ3bw4loKj9Og4D7T+aS0d1pf3961/49H/JMc96+BvRE+UYDJvfC+rjqvlJxZ3/Aw==&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vvbbts4EP0avyyQQncrj74k6WaTtqhTJOlLQVuMRYQSvTId2/n6HUqUJZFyonR9A6rAQMQxOSI5h4eHI7ljD6LVVYJm4S0LMO1YRrDq2MOOZZm24cE/YVlLi3V+nlmmCQmkrTCMyCuWRkNaFyTA80pFzhjlZFY1Tlgc4wmv2FCSsGW12hOj1bvO0BRrhtEEUd16TwIeZlbfNQr7Z0ymYX5n05DfRCivLA3zEAVsWTLZFx17kDDGs6toNcBUzF4+L1m7yy3fbjqW4Jg3acCvrs9/0eXtc0Afe8n19eefbnxmSjcviC7kiC+iGWVrjH+FZM5Zspa95+t8SuZLElEUQ6n/xGI+kt8YUJ6EhAY3aM0WoktzjibPeakfsoS8Qn1E4SsTDPB1wmXELU94I5QOGGVJeh/bc7qe3620HAmP8l4JnkPbb/n4TcV0i1aVijdozvNeMkrRbE7Gab9FwwglUxL3GecskpWWIeF4NEMTUWcJ6BYd4VHR+YQ941JvbdOxXUfOScn+lP6BXU40TjhebQ2huQEGLCnMIsxFAIy8gSOxJFeTnWNrWUBzUycsw9K25JKQy2G68V0gBi4kaD4CIEsD0GUiJrEHxosg+jREHMNlp9sHP92hhiaYDa7NZ8wyeJUAIU2IkmkMRYqfRDMxnQRWa0+aORNxmkPYSDy9SesMncLyXU6JMDFo+0TTFRmSIMCxgArjiKPxBs8zRmKeTpnbhw/M7MD45HZc6PgAymZRho+onkDoYxgLImlEMYBuiQXw3sNTI3S8sYR1zEiMWF4ziFj+/0dIr/ucWP0f5GYQ3Uw9w/0ZXtQi5I6p+GhBcVBQAFE1A4W3L9qwNVB8QREuYDHiCYSmBcaBgeE33FD2BwxHA8Y1G3PCaQuOY4PDNJruJXtDh6uhY4hhWDyCgR1esJ6iMN0moo8iWF1DFaxWU8Fq7AtCXitYj8wy7m4E6w5Ipl6w6tqkFaxHBoXbkDd2AQpniq8v6X3vIbTub0crB/9z5ZzpG0+rV08AF13/2IqkqwGjvwimmJcIA09IBCKixcZhsWEaBzzl1u8kGjby5OrhNGqbVP1gUtU8b3gGzvekncNGT5j9PdR3mlah7oJYtq/b0xWobx2CD0csp0ggJ334Nc8biti9EYt+9G2J5aDEcuInX1/DhwYBHAc98Vi9iHJKDLmNzdLYlCYrYYs4wIEMUlr5kohupWVwVy1JhjENhXJSQ9YbHGiP7JUlCT1mi2SC35dmcIdUq380YqUQuXUrWNoSTBEnL9Xu1oVN3uGbwHDBILanpM/8btVFNkzZyio9+1ccuZZCRV2FYrJ50BylKNoM+/eBdV4DLI+KpRaQlwrAvH8X4oWIvqCaM0kggqAkhxQV4Goq/6eOgDXiWk9j2JymKQrPJhk/CX8kJpyIza3OpTv4K3cLw808V+8G5rTnVespDiY/ccw/OKIPUH/O8xNYhTip3wtKjKDuAxEwurhNLe1W6WMHu7Kt7MpWzTsUXs2S3kVCujazpB8S3yLdgKCIxcFdSGKVe/WZbsq9ZoV7rVruxSvCH0RL2EOz0mPuB66Hq3JhXQnXR/n6zSc/p03YVlcFl/JWRWPCNt9xtDvCrgWlfgQ9ZY47HmFvHjn+WSTqqjj39aPNQUlUf2TTkuj2tz3fJdEt0T8MiXrqQ+OugpqmJKo60g7WeyZR/VWWlkRbEi3EgrrH17x8tS8SZevxQ2/1Y2T7342vX75ehXevL7VK9O0QbwdmU1Ak2bgOA3Fzr/g+6FDKGd/fGNOfssYcJfFhOUdeY3XCWhUqsNXnaXpMx2x5URjKM0vRGNP+BjlKCIqpTIWJ8APX5bR+v6SIZN6umo5T8re6mqmm6yAkyfpho4ug8FhIHVEs9E1aOqbA8d4VOH4NKvwdpfUUXeJ6vylwbL/qyPEVR1sEDkQdrUvVZOp8a4cdVZGZlZ8awUXmsaF66og37vKfPWXVi1+P2Rf/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee_history</div></div></div></foreignObject><text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee_history</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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">From: Edm.Date {id}</div></div></div></foreignObject><text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: Edm.String</div></div></div></foreignObject><text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Jobtitle: Edm.String</text></switch></g><path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department_history</div></div></div></foreignObject><text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department_history</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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Edm.Date {id}</div></div></div></foreignObject><text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">From: Edm.Date {id}</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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Edm.Date</div></div></div></foreignObject><text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">To: Edm.Date</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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: Edm.String</div></div></div></foreignObject><text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Name: Edm.String</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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Edm.Decimal</div></div></div></foreignObject><text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Budget: Edm.Decimal</text></switch></g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: Edm.String {id}</div></div></div></foreignObject><text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">ID: Edm.String {id}</text></switch></g><path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 161px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;"><span style="background-color: initial;">Employees</span></div></div></div></div></foreignObject><text x="190" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</text></switch></g><path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</text></switch></g><path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style="text-align: left;"><span style="background-color: initial;">\*</span></div><div style="text-align: left;">history</div></div></div></div></foreignObject><text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">\*...</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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><div style=""><div style="text-align: right;"><span style="background-color: initial;">1</span></div><div style="text-align: right;"><span style="background-color: initial;">Department</span></div></div></div></div></div></foreignObject><text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">1...</text></switch></g><path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
\ No newline at end of file
diff --git a/odata-temporal-ext/diagrams/db.svg b/odata-temporal-ext/diagrams/db.svg
deleted file mode 100644
index 0cc58df72..000000000
--- a/odata-temporal-ext/diagrams/db.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdPCdPAZD00vSS2inM3npCFvYOpElKosA+fVd2RK2sZOQc1KSmYZhBvR5tdrVfrtahOVG+eZMoGV2wRNMLWeYbCx3YjmO7YQOfChka5CTkwpJBUk0VgMzcos1ONToiiS4aAlKzqkkyzYYc8ZwLFsYEoKv22ILTturLlGKO8AsRrSL/iCJzCp05A9r/B0maWZWtof6SY6MsAaKDCV83YDcqeVGgnNZfcs3EaZq98y+VPPe3vF0Z5jATB4yYfJ1EBQXiZz+3H48++x8+n51ORtoLTeIrrTD03xJ+RZjbbTcmp0o1iSniMFovOBMzvSTIYzjjNDkHG35SllSSBRfm9E444Lcgjyi8MgGAB4LqQPtBEoboTTilItyHTfwwmAUtmbOlEa9lsAFzP1i3Lb3oAu0aQmeo0IaKzmlaFmQeWm3mpgjkRI25lLyXAutMyLxbIliJbMGUitDZF4bL/g1bljr2p7re3pPGviifAHeDZPZcywk3jQgHbYzzHMsxRZEzNNAU0gn0Y5S65qRtqexrMnGoaczQWdButNdEwW+aK48gjdOhzfvJ5Z7CtA0yd/MpCAshYEVjkFNOOmQCTyXne1kvGJXgw8aQpSkDIYUL9Q0tXUEcvRUw5KrMBUQNVj2vJSZeDVyqXdEQRzmLmiZhxlJEswUU7hEEs13dF5ywmS5Y/4Y3rCx0fCNb/lgeARjux7DW4kLiDwDXxApY4yBc2usePcQnbrkuDdLH2aMYUhwGEGM3JPzw+3w4xPKcZchr7Q4Ji1855lp4XVo8YHPJZH0lRrPTI1wdDxq3H4b//vTiVbfivX1FWLf6eXlYhB2qDHB4KbMlaNH60VeYs9xV3/0LL2I7+z1Iq57GHEMwZ6cOKPXVuTPFJZ70/RFtiK9Fp+8tiIvkBbHbEV6Lba7vUiHA5glp+oOAUZ8WQaiPDD2sMZuCb5iCU50lErht0TZVY5BXXukTx57J9wE7izWBV+J2JyR9xz+oDDFBwQNJ60rkG7IGjHye0JkMIEpkuSmfXHSFze9whdF4vpkcUftk8UbhW0Vld96VvOiY0+R7+0dUeYSyiiqNqajqKTRzu2DmHX1df5rzH68WwRsxNFgGNkf1z13KpYTUJVrCblpESz4tVK3P2NVawa6gqiypItILQDfUv1ZKoKywXo1zaFpSUsWDuKqQCl9hBFJVNPTp9KP/jFqwd1Kc3s1gEvL2+hLdMZcXhWP9OgRtd8U+hjSEov+w6BREfYPghxKulqmt+62y8cTdGvufrcWhp2yG/SktDv8/1W3Nze690YP0elu3hxKQFH5dRwG2n80l47qSvP313/w6W/JMW//uOn5RfREOQbD+v+C6riq/3Zxp78B&lt;/diagram&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7Vxbc9o4FP41vOxMOr5DHrkk6WaTtlPSSdqXjsCKrYlssUIEyK9fyUj4IpOYhQBOnWEm6KDLsfSd75wjCVp2P1pcUTAJb4kPccsy/EXLHrQsy7QNj/8TkqWUWOfnK0lAkS9lqWCIXqAUGlI6Qz6c5ioyQjBDk7xwTOIYjllOBigl83y1R4Lzo05AADXBcAywLr1HPgtX0o5rpPLPEAWhGtk05CcRUJWlYBoCn8wzIvuiZXRb4v1bL7tPCWFbNMg3jhZ9iMW6qBlfaXS5vw7Xs0RhzN5pDHZ1ff4bz2+ffPyzS6+vP/9y4zNTjvwM8Eyu2EU0wWQJ4e8QTRmhSzn7bKmWdDpHEQYxL/UeScyG8hM+aG8cIuzfgCWZiaeYMjB+UqVeSCh64fUB5h+ZXMA/pkwi1vJEbwjjPsGEJuPYntP2Ou1cy6HoUY5F4ZS3/aamzCyIbsEiV/EGTJnSkmAMJlM0SvQWDSNAAxT3CGMkkpXmIWJwOAFjUWfOrVMowqJUeUqeYEZb23Rs15FzkpE/Jn9cLicaUgYXG1fd3A7Yry3/FSQRZGL9DDWeI01JkomtTGueWua6Tpi1StuSjCDZIFj3vRNGeVsJ03dGuaWh/JKKlRZDXvjRpwFgUHTY7vF+2gMN8nzJmLboMVnZQAa1UgQwCmJexPBRNBNrjjgldqWYEQGmKccWioObpM7ASSXf5cQLEeFtH3FCeyHyfRgLPBMGGBitjW5CUMyShXF7/MVnpm98clsuV7zPy2Za5i9RnXJ8xvxZAEpgB7llzKGwjrdAXwnCr/DM3oEtgWx51XBsdeoC4277iVq9H+imH90EnuH+Ci9KYXxHiiBukFsn5HKPUQ25Xl2QWz6JtobcLyCCKXaHjHL8NOitF3o7xp+BXkdD7zUZMcRwg+CaI9g0qoYONYewq0F4APncs4jP/uEzvVPM6DZln3XM9Fy1i7LO9KyqmZ5Rb5x7TaZ3ZL52TyLTqw1dl2d6erzcZHr1Rq5bkYHrg1wngNeX+L77EFr3t8OFA/+5cs70OKNJ9OoP3nbno4G3fBLbGnp7Mz+ALEO9cIwiHtg2AK4VgE3jw220lQcOGoDVcd7hkrvmGO+wx3jmuVEN2yoEqSm29dOPvwd6YNGkdvug6M3k0mR2O4H4tX24w1H0KVLxR95/M88rZn81p2h9962h6INSdLP5tjuIOxqINZzC2O+Ky5EpFBOKVTIySQCUWVFKZrEPfYmkpPIlEk+SlHl3+ZLkatMokHciWGkDfe3iZYHcuMZkRsfw7XSBj5AkuQeGVQZH6j5ojguljEIMGHrOP20ZtnZXsKjsN2HyrTWt216e1u1OO6/NasJlqx3AvoVOrpXXyWwXXMhqcferkzTG9Vqeukmfl5i0hwUT++i5lTVt79+ZuCncE57oTPoXoZd0MWkF/i6Q/5OOuFOJS3sa8QArSOz/bLxyX6I/FCOGRIBW1qXb/0t1y2do1XN+NC5ONM9LT/Fh1P7DdMsn2iIyUGHAmPMfpOWhQoaLi2FCxB2+GKbUK+eJ+/iRpV2ILNfX4zNkqlgqS6b1OdctPVbQ97Ve88k+AhGJ/bsQxUXXrMOhqms2c67ZKnXNcIHYg2jJ48BV6afqh78fLLKFZQ5T27rzV295NP58g7IF32m1i8ZUuCB8DH9uvqHTH+bPS+lA3wo8ZRd4PH++vtjV+NgqBKZMsEgLHX335gP6WP3OSeNjN39j7k0f+z4QrZ2P9YpXEZVxHdHHFnXStl0bH+uc6ZfeGx/b+NidCUyF3sUwt+S7JPX2sWQ5eugufgztznfj65evV+Hdy3NpHvs6DjdbT1Xk0tXsHcYOzXc1woM+SvZg9n88U0MElYjAsQpEoE6UPjYRlGWwxWCbh6vqyB/iEZlfpILs8mMwgri3hncBJ+l6J8G16Ie/z14R6GWienlylT+QKhyz6hF5/sCK44YuH9axPS/8TMN1UUxj9KR0zCDde+8gXbm1LHSV7HSC9OKusqss7ohBut3J6+R0Cjq9R5Ce14lbBVhmRpQ3APa+Im/MhFNMoWTstP8H5n2unrne6U7SqsJP/igd099esi/+Aw==&lt;/diagram&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535HzTSxKg01W7Gi0rreZqZYgJ1jgxa0yB/vo9TmySYNoyKzphNCAk4jfHJ/bxY8eHxPHTYncv8Gr5xDPCHA9lO8cfOZ7nerEHP0rZG+XurlZyQTOtNcKUvhAtIq1uaEbWHUPJOZN01RXnvCzJXHY0LATfds0WnHWvusI5sYTpHDNb/ZtmclmrgxA1+mdC86W5sov0mQIbYy2slzjj25bkjx0/FZzL+qjYpYSp6Jm41PUmr5w9NEyQUp5TIX18erj/xx/nm/QrjT+XL0/7599c7eYZs43u8bhYMb4nRLda7k0o1ltaMFxCKVnwUk71GQTl+ZKy7BHv+UY1ZS3x/JspJUsu6AvYYwanXBDgtJB6pL1IeaOMpZxxUV3Hj4I4GsSdmlPlUV9LkDXU/WL67R5JT3jXMXzEa2layRnDqzWdVe1WFQssclomXEpeaKPtkkoyXeG5stkC1aohsmgaL/g30mqt7wZ+GOiYtPRF9QHdHicTcyIk2bUkPW73hBdEij2YmLOBZsjMojtd3jZIHmyWbRwHev5hPQ3yg++GFDjQsHwPOJ4FzsPI8YcgTaWgZQ4HTpyAj3hkkQTdlqdiiVAYI2QTgdAAVTpmNC9BY2ShHKgIUpirQy1LrkZrDYMHDXisbEZBo/ypA6MkDnUXrJqPS5plpFTAcIklnh2oXnFayipwYQJfiG+KPoVOCE1Koew2ZfgqcwEAlNArTKuhJoDelij83qPqfHbensXvE6UJgnl3FkDG7uL8eIHFz0SoSagIGmFJ/g8/3iiOTvHjp4kfuzd+LsdP6PXNT2jx8xdv03P2khONhxMbmSCI0uHwhszlkIkHPSNzZxHzBy5I9551o+bKqHFR0DM29kLzO59JKtkNnStHxz9zl/xxN6nYYmdEoKeygL5+ejh/Y5OMYnRqYzOZ/FobY1R9PhSasO+dseu/Ac2PS8qvMfl+7Y+CXpLyEB0n5WfuiQ+IXR4dO6m6JeW93bD8s4m6lqTcvl19YE4+n91y8ovi03tOPril5D8XMb2n5MbxLSf/mbDpPyc3Twdb3CSbLCdSLzdkTgvY2t7QuTp0+s/J7SeejhcxFayMPnd4if7dqIezSeco17/fWcM1VaDRVa2uo2P1HHBLXqV9hk1RB6/DsDZpjfgxugVAqK5ykhTBN2VGMo3lBXKmwPxtb3a8yMYhOkGDoebyNNiPMa3gE1hYTF5N2Ixvx43QDi3DM8ISyJXzKm5HY9DEUtlWftQa0MrDE1JmQ/XKAuh8Va0MoEyo6tHoRKLVTtldVFu3i6+O15pvxJy8FRWdCMAFqjX13YRThejN8W+N7+DE+BpNEIYlfe6+e3Fq0PUVvqiVssHrwInGK/L9rou657qW13pX4siRP+g6CgZHANaRsRzB8OF9y0yv5K82ODj6D8F3O+9wwEHtsQH8ENNTzDsqXzPvk9TmzWs5/vg/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Employee</div></div></div></foreignObject><text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Employee</text></switch></g><rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Jobtitle: String</div></div></div></foreignObject><text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">Jobtitle: String</text></switch></g><rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department.ID</div></div></div></foreignObject><text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">Department.ID</text></switch></g><path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Department</div></div></div></foreignObject><text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Department</text></switch></g><rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ID: String {id}</div></div></div></foreignObject><text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">ID: String {id}</text></switch></g><rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">From: Date {id}</div></div></div></foreignObject><text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">From: Date {id}</text></switch></g><rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">To: Date</div></div></div></foreignObject><text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">To: Date</text></switch></g><rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Name: String</div></div></div></foreignObject><text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">Name: String</text></switch></g><rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">Budget: Decimal</div></div></div></foreignObject><text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">Budget: Decimal</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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;"><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 style=""><div style="">1</div></div></div></div></div></foreignObject><text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">1</text></switch></g><path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
\ No newline at end of file
diff --git a/odata-temporal-ext/diagrams/example-model.drawio b/odata-temporal-ext/diagrams/example-model.drawio
deleted file mode 100644
index 3e804637c..000000000
--- a/odata-temporal-ext/diagrams/example-model.drawio
+++ /dev/null
@@ -1,191 +0,0 @@
-<mxfile host="65bd71144e">
-    <diagram name="api-1" id="EjO4HiSS11ZoHee_JRug">
-        <mxGraphModel dx="1272" dy="1299" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
-            <root>
-                <mxCell id="0"/>
-                <mxCell id="1" parent="0"/>
-                <mxCell id="DQ-6sMdtE_yKGO2NUZRS-1" value="Employee" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;fillColor=#647687;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=#314354;fontColor=#ffffff;" parent="1" vertex="1">
-                    <mxGeometry x="160" y="220" width="140" height="104" as="geometry"/>
-                </mxCell>
-                <mxCell id="DQ-6sMdtE_yKGO2NUZRS-2" value="ID: Edm.String {id}" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" parent="DQ-6sMdtE_yKGO2NUZRS-1" vertex="1">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="DQ-6sMdtE_yKGO2NUZRS-3" value="Name: Edm.String" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" parent="DQ-6sMdtE_yKGO2NUZRS-1" vertex="1">
-                    <mxGeometry y="52" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="DQ-6sMdtE_yKGO2NUZRS-4" value="Jobtitle: Edm.String" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" parent="DQ-6sMdtE_yKGO2NUZRS-1" vertex="1">
-                    <mxGeometry y="78" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="zTBj_2CuTswkZanUlRRf-7" value="Department" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" parent="1" vertex="1">
-                    <mxGeometry x="520" y="233" width="140" height="78" as="geometry"/>
-                </mxCell>
-                <mxCell id="zTBj_2CuTswkZanUlRRf-8" value="ID: Edm.String {id}" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" parent="zTBj_2CuTswkZanUlRRf-7" vertex="1">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="zTBj_2CuTswkZanUlRRf-9" value="Name: Edm.String" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" parent="zTBj_2CuTswkZanUlRRf-7" vertex="1">
-                    <mxGeometry y="52" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="zTBj_2CuTswkZanUlRRf-14" value="" style="endArrow=open;startArrow=open;html=1;rounded=0;startFill=0;endFill=0;endSize=10;startSize=10;" parent="1" source="DQ-6sMdtE_yKGO2NUZRS-1" target="zTBj_2CuTswkZanUlRRf-7" edge="1">
-                    <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="380" y="487" as="sourcePoint"/>
-                        <mxPoint x="540" y="272" as="targetPoint"/>
-                    </mxGeometry>
-                </mxCell>
-                <mxCell id="ZQbqBnWHf6n8oa-0C1Kw-1" value="&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;\*&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;Employees&lt;/span&gt;&lt;/div&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
-                    <mxGeometry x="320" y="277" width="60" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="ZQbqBnWHf6n8oa-0C1Kw-2" value="&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;1&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;Department&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
-                    <mxGeometry x="440" y="233" width="60" height="30" as="geometry"/>
-                </mxCell>
-            </root>
-        </mxGraphModel>
-    </diagram>
-    <diagram id="0CPCkknw8gVCiOM62pMd" name="api-2">
-        <mxGraphModel dx="1306" dy="1299" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
-            <root>
-                <mxCell id="0"/>
-                <mxCell id="1" parent="0"/>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-11" value="Employee_history" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;fillColor=#647687;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
-                    <mxGeometry x="140" y="320" width="140" height="132" as="geometry"/>
-                </mxCell>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-12" value="From: Edm.Date {id}" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-11">
-                    <mxGeometry y="26" width="140" height="28" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-12" value="To: Edm.Date" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-11">
-                    <mxGeometry y="54" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-13" value="Name: Edm.String" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-11">
-                    <mxGeometry y="80" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-14" value="Jobtitle: Edm.String" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-11">
-                    <mxGeometry y="106" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-15" value="Department_history" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
-                    <mxGeometry x="500" y="322" width="140" height="130" as="geometry"/>
-                </mxCell>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-16" value="From: Edm.Date {id}" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-15">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-13" value="To: Edm.Date" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-15">
-                    <mxGeometry y="52" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="4geJFlWAXh2WMSx4eKG4-5" value="Name: Edm.String" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-15">
-                    <mxGeometry y="78" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="tGJ9_lwMkdlYArJJHZ5n-17" value="Budget: Edm.Decimal" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="tGJ9_lwMkdlYArJJHZ5n-15">
-                    <mxGeometry y="104" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-1" value="Employee" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;fillColor=#647687;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
-                    <mxGeometry x="140" y="190" width="140" height="52" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-2" value="ID: Edm.String {id}" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="A7kr2BUiLCmLg605ZhEn-1">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-5" value="Department" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
-                    <mxGeometry x="500" y="192" width="140" height="52" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-6" value="ID: Edm.String {id}" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;" vertex="1" parent="A7kr2BUiLCmLg605ZhEn-5">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-8" value="" style="endArrow=none;startArrow=open;html=1;rounded=0;startFill=0;endFill=0;endSize=10;startSize=10;" edge="1" parent="1" source="A7kr2BUiLCmLg605ZhEn-1" target="A7kr2BUiLCmLg605ZhEn-5">
-                    <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="360" y="387" as="sourcePoint"/>
-                        <mxPoint x="520" y="172" as="targetPoint"/>
-                    </mxGeometry>
-                </mxCell>
-                <mxCell id="A7kr2BUiLCmLg605ZhEn-9" value="&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;\*&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;Employees&lt;/span&gt;&lt;/div&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
-                    <mxGeometry x="300" y="220" width="60" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="4geJFlWAXh2WMSx4eKG4-1" value="" style="endArrow=diamondThin;startArrow=none;html=1;rounded=0;startFill=0;endFill=1;endSize=20;startSize=10;exitX=0.5;exitY=0;exitDx=0;exitDy=0;" edge="1" parent="1" source="tGJ9_lwMkdlYArJJHZ5n-15" target="A7kr2BUiLCmLg605ZhEn-5">
-                    <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="270" y="228" as="sourcePoint"/>
-                        <mxPoint x="510" y="228" as="targetPoint"/>
-                    </mxGeometry>
-                </mxCell>
-                <mxCell id="4geJFlWAXh2WMSx4eKG4-2" value="&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;\*&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;history&lt;/div&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
-                    <mxGeometry x="570" y="282" width="60" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="4geJFlWAXh2WMSx4eKG4-3" value="" style="endArrow=diamondThin;startArrow=none;html=1;rounded=0;startFill=0;endFill=1;endSize=20;startSize=10;exitX=0.5;exitY=0;exitDx=0;exitDy=0;" edge="1" parent="1" source="tGJ9_lwMkdlYArJJHZ5n-11" target="A7kr2BUiLCmLg605ZhEn-1">
-                    <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="600" y="370" as="sourcePoint"/>
-                        <mxPoint x="600" y="252" as="targetPoint"/>
-                    </mxGeometry>
-                </mxCell>
-                <mxCell id="4geJFlWAXh2WMSx4eKG4-4" value="&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;\*&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;history&lt;/div&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
-                    <mxGeometry x="210" y="280" width="60" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="oybXAxUS38R0ONOGhTzv-1" value="&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;1&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;Department&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
-                    <mxGeometry x="420" y="240" width="60" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="oybXAxUS38R0ONOGhTzv-2" value="" style="edgeStyle=elbowEdgeStyle;html=1;labelBackgroundColor=none;rounded=1;elbow=horizontal;endArrow=open;endFill=0;align=left;startSize=10;endSize=10;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="tGJ9_lwMkdlYArJJHZ5n-11" target="A7kr2BUiLCmLg605ZhEn-6">
-                    <mxGeometry width="80" height="80" relative="1" as="geometry">
-                        <mxPoint x="300" y="560" as="sourcePoint"/>
-                        <mxPoint x="380" y="480" as="targetPoint"/>
-                        <Array as="points">
-                            <mxPoint x="400" y="310"/>
-                        </Array>
-                    </mxGeometry>
-                </mxCell>
-            </root>
-        </mxGraphModel>
-    </diagram>
-    <diagram id="Wq--N-ZKPKJSso2YS7MK" name="db">
-        <mxGraphModel dx="1272" dy="1299" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
-            <root>
-                <mxCell id="0"/>
-                <mxCell id="1" parent="0"/>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-11" value="Employee" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;fillColor=#647687;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=#314354;fontColor=#ffffff;" parent="1" vertex="1">
-                    <mxGeometry x="140" y="190" width="140" height="182" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-12" value="ID: String {id}" style="text;strokeColor=#005700;fillColor=#008000;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-11" vertex="1">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-24" value="From: Date {id}" style="text;strokeColor=#2D7600;fillColor=#3CB371;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-11" vertex="1">
-                    <mxGeometry y="52" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-25" value="To: Date" style="text;strokeColor=#006EAF;fillColor=#446CAA;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-11" vertex="1">
-                    <mxGeometry y="78" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-9" value="Name: String" style="text;strokeColor=#006EAF;fillColor=#446CAA;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-11" vertex="1">
-                    <mxGeometry y="104" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-5" value="Jobtitle: String" style="text;strokeColor=#006EAF;fillColor=#446CAA;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-11" vertex="1">
-                    <mxGeometry y="130" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-27" value="Department.ID" style="text;strokeColor=#BD7000;fillColor=#FF8000;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#000000;" parent="CLMIG_3EguCYi7HnzMyv-11" vertex="1">
-                    <mxGeometry y="156" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-13" value="Department" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" parent="1" vertex="1">
-                    <mxGeometry x="500" y="192" width="140" height="156" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-14" value="ID: String {id}" style="text;strokeColor=#005700;fillColor=#008000;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-13" vertex="1">
-                    <mxGeometry y="26" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-7" value="From: Date {id}" style="text;strokeColor=#2D7600;fillColor=#3cb371;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-13" vertex="1">
-                    <mxGeometry y="52" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-8" value="To: Date" style="text;strokeColor=#006EAF;fillColor=#446CAA;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-13" vertex="1">
-                    <mxGeometry y="78" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-26" value="Name: String" style="text;strokeColor=#006EAF;fillColor=#446CAA;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-13" vertex="1">
-                    <mxGeometry y="104" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-10" value="Budget: Decimal" style="text;strokeColor=#006EAF;fillColor=#446CAA;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;whiteSpace=wrap;html=1;fontColor=#ffffff;" parent="CLMIG_3EguCYi7HnzMyv-13" vertex="1">
-                    <mxGeometry y="130" width="140" height="26" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-21" value="&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;&quot;&gt;1&lt;/div&gt;&lt;/div&gt;" style="text;strokeColor=none;align=right;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
-                    <mxGeometry x="425" y="200" width="60" height="30" as="geometry"/>
-                </mxCell>
-                <mxCell id="CLMIG_3EguCYi7HnzMyv-22" value="" style="edgeStyle=elbowEdgeStyle;html=1;labelBackgroundColor=none;rounded=1;elbow=horizontal;endArrow=open;endFill=0;align=left;startSize=10;endSize=10;" parent="1" source="CLMIG_3EguCYi7HnzMyv-27" target="CLMIG_3EguCYi7HnzMyv-14" edge="1">
-                    <mxGeometry width="80" height="80" relative="1" as="geometry">
-                        <mxPoint x="230" y="633" as="sourcePoint"/>
-                        <mxPoint x="380" y="480" as="targetPoint"/>
-                        <Array as="points">
-                            <mxPoint x="400" y="310"/>
-                        </Array>
-                    </mxGeometry>
-                </mxCell>
-            </root>
-        </mxGraphModel>
-    </diagram>
-</mxfile>
diff --git a/odata-temporal-ext/images/api-1.drawio.svg b/odata-temporal-ext/images/api-1.drawio.svg
new file mode 100644
index 000000000..6759c3c24
--- /dev/null
+++ b/odata-temporal-ext/images/api-1.drawio.svg
@@ -0,0 +1,186 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7VnbUtswEP0av3QmHd8dHskFeoFeSDud4YVRbMVWkaVUVnDC13dly7EdGwgtDcwUJkOi49VqV3t2tVEMZ5yuTwVaJuc8wtSwzWhtOBPDto/sI/ivgE0JWPaRRmJBIo3VwIzcYg2aGl2RCGctQck5lWTZBkPOGA5lC0NC8LwttuC0veoSxbgDzEJEu+gPEsmkRIeeWePvMImTamXL1E9SVAlrIEtQxPMG5EwNZyw4l+WndD3GVG1etS/lvJM7nm4NE5jJfSZMvg787DyS06vNx9PP9qfvlxezgdZyg+hKOzxNl5RvMNZGy021E1lOUooYjEYLzuRMPzFhHCaERmdow1fKkkyi8LoajRIuyC3IIwqPLADgsZA60LavtBFKx5xyUazj+G7gD4PWzJnSqNcSOIO5Xyq3rR3oHK1bgmcok5WVnFK0zMi8sFtNTJGICRtxKXmqhfKESDxbolDJ5MBpZYhMa+MFv8YNax3LdTxX70kDXxR/gHfDVO05FhKvG5AO2ynmKZZiAyLVU19TSCfRllJ5zUjL1VjSZKPp6kzQWRBvdddEgQ+aK4/gjd3hzfuJ4RwDNI3StzMpCIthYAQjUBNMOmQCz2VnOxkv2dXgg4YQJTGDIcULNU1tHYEcPdaw5CpMGUQNlj0rZCZujVzoHVEQh7kLWuRhQqIIM8UULpFE8y2dl5wwWeyYN4IXbOzYfOsZHhg+hrFVj+GlxAVEnoEviBQxxsC5HCvePUSnLjnuzdKHGVMxxN+PIJXck/PD6fDjE0pxlyGvtDgkLTz7mWnhdmjxgc8lkfSVGs9MjWB4OGrcfhv9vLLHq29Zfn2J2Hd6cbEYBB1qTDC4KVPl6MF6kZfYc9zVHz1LL+LZO72I4+xHnIpgT06c4Wsr8m8Ky71p+iJbkV6Lj15bkRdIi0O2Ir0WW91epMMBzKJjdYcAI74sAlEcGDtYY7cEX7EIRzpKhfAJUXYVY1DXHumTx9oKN4E7i3XGVyKszsh7Dn9QGOM9goaj1hVIN2SNGHk9IaowgSmS5KZ9cdIXN73CF0Xi+mRxhu2TxR0GbRWl33pW86JjR5Hn7hxRgd1WVG5MR1FBo63bezHr8uv814j9eLfw2ZCjgTm2PuY9dyqG7VOVaxG5aRHM/7VStz8jVWsGuoKosqSLSC0An2L9XiiCssF6Nc2haYkLFg7CskApfYQRSVTT06PyTaUTfC3VtpcCuDC7jb5ET6qbq+yRHj2i8FdVPoScxKL/JGiUg91TIIV6rpbpLbrt2vEErZqz26oFQafm+j357Jh/X3J7E6N7afQQne7mzb4EFKVfh2Gg9U9z6aCuNL98/YFP/0uOubtnTc/XoSfKMRjWPxaUZ1X9k4sz/Q0=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    1...
+                </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>
diff --git a/odata-temporal-ext/images/api-2.drawio.svg b/odata-temporal-ext/images/api-2.drawio.svg
new file mode 100644
index 000000000..fc632b5c9
--- /dev/null
+++ b/odata-temporal-ext/images/api-2.drawio.svg
@@ -0,0 +1,355 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloO007hb50lFjEGmQrqygk4dfvkS3HFxnisElIp2aYwTqWjiWdT58+HZuOPYhWVxzNwlsWYNqxjGDVsYcdyzINx4M/0rJWFuv8PLVMOQmULTeMyDPOmirrggR4XqooGKOCzMrGCYtjPBElG+KcLcvVHhgtP3WGplgzjCaI6tYfJBBhavVdI7d/xGQaZk82DXUnQlllZZiHKGDLgsm+6NgDzphIr6LVAFM5e9m8pO0uX7i76RjHsWjSQFxdn/+iy9vHgN73+PX1x59ufGYqN0+ILtSIL6IZZWuMf4VkLhhfq96LdTYl8yWJKIqh1H9gsRipOwaUJyGhwQ1as4Xs0lygyWNW6oeMk2eojyjcMsEAt7lQEbc86Y1QOmCU8eQ5tud0Pb9bajmSHtWzOJ5D2y/Z+M2K6RatShVv0FxkvWSUotmcjJN+y4YR4lMS95kQLFKVliEReDRDE1lnCeiWHRFR3nnOHnGht7bp2K6j5qRgf0h+wK7HK5t7zAVeFUwqfleYRVjIABjZXUdhSa0mO8PWMofmpk5YhKVtqSWhlsN04ztHDFwo0OwCIEsD0CWXk9gD40UQfRgigeGy0+2Dn+5QQxMMXWjzGbMUXgVAKBOiZBpDkeIH2UzOHYHV2lNmwWSc5hA2Ek9vkjpDJ7d8VVMiTQzaPtBkRYYkCHAsocIEEmi8wfOMkVgkU+b24RdmdmB8cDsudHwAZTMvw6+sziH0MYwFkSTIGEC3xBJ42/Cko+P19bodMwojltcMIpb//xHS6z5yq/+d3Ayim6lnuD/Di1qEfGNVfLSgOCoogKiagcI7FG3YGig+oQjnsBgJDqFpgXFkYPgNN5TDAcPRgHHNxoII2oLjvcFhGk33koOhw9XQMcQwUhHBWI8vWE9RmL4kot9FsLpGVbBaTQWrcSgIea1gPSbLuI0xs6tg3QPJ1AtWXZu0gvWdQeE25I19gMKZ4utL+qN3F1o/bkcrB/9z5ZzpG0+rV08AF13/vRVJVwNGfxFMsSgQBp6QCEREi43jYsM0jnjKrd9JNGxkydXjadQ2qbpjUtU8b3gGzvakvcNGT5j9PdR3mlah7kwsry7S30egvnYIPh6xnCKBnPTh1zxvKGIPRiz60bcllsMRy+938vU1fGgQwHHQk6/V8ygnxJDZ2CyJTWGyOFvEAQ5UkJLKl0R2KymDu3JJMYxpVCgnMby4KOdswSd4O8mDw0Sab4sZDkpfBegRK4TIrVvBysYxRYI84VJn68KmnvBFYjhnENurpM/8btlFOm7Vyiq8+684cq0KFXUrFJNOjOYoQdFm2G8H1nkNsDwql1pAnkoA8/5dyA8i+pJqzhSBSIJSHJJXgKup+ps4AtaIaz2NYXOaJig8m6T8JP2RmAgiN7cal39lPmGsqdvyo8CcdLtsPcWRZMeN+Y4j2oH3M5KfwJrEvH4jKNBBdROIgM7lY2o5t8wde9iSN18fZYxb8wGFV7Oe95GNrk0r6SfE1xg3IChicfAtJHGVePWZbkq8Zol4rVrixSsi7mRL2EDT0n3mB66Hq2JhvS1cRbJ+9aj/m7G11TUq4Kp8UtGYrc0tjvbH1rWg1M+fp8xx78TWm5eNfxaDulWQ+/qh5qgMqr+saRl0825/K4OaJ8WgXvV1cbeCmqYMWnWkHakPzKD6Rywtg7YMqrBY3d1rvrk6FIOy9fiut/o+sv2vxudPn6/Cb89PtRr09RC/jMqmoODpuI6Db/Og+D7qUIqJ3jeM6U9ZY04l32E577zG6iR1VaXAHpxl5zEds+VFbijOLEVjTPsb5FRCkE9lokqkH7guZvP7BTmk0nXlLFwlbatLmXKWDqLE13cbUQSF+1znyGIubpLSEdWNt7u68WtQ4e8pm1cRJa73RnVj+2VHjl9x9IK6gaijdaGaypi/2GGnKsfM0n8YwUXqsaF06sgP7bL/dkqr5/80Zl/8Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee_history
+                </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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department_history
+                </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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Edm.Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    Budget: Edm.Decimal
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    1...
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
diff --git a/odata-temporal-ext/images/db.drawio.svg b/odata-temporal-ext/images/db.drawio.svg
new file mode 100644
index 000000000..555a9a428
--- /dev/null
+++ b/odata-temporal-ext/images/db.drawio.svg
@@ -0,0 +1,260 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535MT5gEsSoNNVuxotK63mamWICdY4MWtMKf31e5zYJCG0ZVZ0wmhAqI3fHDv2OY8dHxIHJ/nznSTr1aNIKXc8lD47eOx43tAbwl8t7CvB9YZGySRLjVYLM/ZCjYiMumUp3bQMlRBcsXVbXIiioAvV0oiUYtc2WwrevuqaZLQjzBaEd9W/WapWlToIUK1/pixb2Su7yJzJiTU2wmZFUrFrSHji4EQKoaqj/DmhXDvP+qWqN33l7KFjkhbqnArJw+P93T94km2Tryz6XLw87p9+c00zT4RvzYgn+ZqLPaWm12pvXbHZsZyTAkrxUhRqZs4gKC9WjKcPZC+2uisbRRbfbCleCclewJ5wOOWCAKelMpH2Qt0a4zwRXMjyOjj0o3AQtWrOdIvmWpJuoO4XO273SHokzy3DB7JRtpeCc7LesHnZb10xJzJjRSyUErkx2q2YorM1WWibHUCtO6LyuvNSfKON3mLXx4FvfNLQl+UH9G6crM+pVPS5IZm43VGRUyX3YGLP+oYhO4uGpryrkTzYrJo4DjwzFcw0yA5t16TAgYHle8DxOuDcjx08AmmmJCsyOHCiGNqIxh2SYNjqlC8RCiKEukQgNEClTjjLCtA4XeoGtAcZzNWRkZXQ0dpA8KADD6XN2K+VP41jtCSg7pKX83HF0pQWGhihiCLzA9VrwQpVOi6I4Qv+TdCnwAmgSwmU3boMX20uAYACRkVYGWoK6O2oxu89qs5n5+1Z/D5RhiCYd2cBZO0uzo/nd/iZSj0JNUFjouj/4ccbR+EpfnAS48i98XM5fgKvb36CDj9/iSY9Zy854WQ07SLj+2EyGt2QuRwy0aBnZIYdYv4gOW3fs27UXBk1LvJ7xqa70Pwu5oopfkPnytHBZ+6SP+4mFXXYGVMYqcphrJ/uz9/YxOMIndrYTKe/1sYYlZ8PhSboe2fs4jeg+XFJ+TUm36/9UNBLUh6g46T8zD3xAbHLo9NNqm5JeW83LHw2UdeSlHdvVx+Yky/mt5z8ovj0npMPbin5z0VM7ym5bfiWk/9M2PSfk9ungw1u4m2aUWWWG7pgOWxtb+hcHTr95+TdJ56OF3LtrJQ9tXgJ/93qh7Nx6ygz/7+zhmurQKfLWu2GjtVzwC1EmfZZNmXlvBbDxqQR8WN0c4BQX+UkKVJsi5SmBssL5Ey+/dne7nhRF4fwBA2WmsvT0H2M2XE+hYXF5tWUz8VuUgtN13IypzyGXDkr/XYUg9qX2rZsR68BjTw8pkU60q8sgC7W5coAypTpEY1PJFrNlN1FlXWz+Gq8NmIrF/Qtr5hEAC5QrqnvJpzaRW/GvxHfwYn4Wk1SThR7ar97cSro5gpf9EpZ43XgxOAVYtxuohq5qeU13pU4aggP2g35gyMAK890GoLwkX3DzKzkr3bYP/oNAbutdzjgoGqxBvzg01PMOzpfs++TVOb1Wzl48h8=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Employee
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Jobtitle: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department.ID
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">
+                    Department.ID
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Department
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                    Budget: Decimal
+                </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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
+                            <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 style="">
+                                    <div style="">
+                                        1
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>

From a26e3463acfb4360c5c2cf006c82af5574a5b136 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Heiko=20Thei=C3=9Fen?= <heiko.theissen@sap.com>
Date: Fri, 29 Sep 2023 10:39:50 +0200
Subject: [PATCH 07/10] Add slash if missing (#181)

`app.get("/:doc/", ...)` is no different from `app.get("/:doc", ...)`.
Both variants also serve requests like `/odata-csdl?variant=json`, but
then the styles and images cannot be loaded.

This PR redirects such a request to `/odata-csdl/?variant=json`.
---
 lib/server.js | 66 ++++++++++++++++++++++++++++-----------------------
 1 file changed, 36 insertions(+), 30 deletions(-)

diff --git a/lib/server.js b/lib/server.js
index 4a77120ff..c463ab948 100644
--- a/lib/server.js
+++ b/lib/server.js
@@ -17,39 +17,45 @@ var app = express()
     var docs = [];
     iterator(function (srcname, name, variant) {
       docs.push(
-        `<li><a href="${srcname}/?variant=${variant}">${name}</a></li>`
+        `<li><a href="${srcname}/?variant=${variant}">${name}</a></li>`,
       );
     });
     res.send(`<h1>Documents</h1><ul>${docs.join("")}</ul>`);
   })
-  .get("/:doc/", function (req, res, next) {
-    try {
-      var branch = execSync("git branch --show-current", {
-        cwd: __dirname,
-      }).toString();
-      if (branch) req.query["-T"] = branch;
-    } catch (e) {}
-    try {
-      var number = new Number(
-        __dirname + "/../" + req.params.doc,
-        req.query.variant
-      );
-      var meta = `${__dirname}/../${req.params.doc}/${
-        req.query.variant || "meta"
-      }.yaml`;
-      delete req.query.variant;
-      res.type("html");
-      var proc = pandoc({
-        "--metadata-file": meta,
-        ...req.query,
-      });
-      proc.stdout.pipe(res);
-      number.build(proc.stdin).catch((err) => {
-        console.error();
-        console.error(err.join("\n"));
-      });
-    } catch (err) {
-      next();
+  .get("/:doc", function (req, res, next) {
+    if (req.path.endsWith("/")) {
+      try {
+        var branch = execSync("git branch --show-current", {
+          cwd: __dirname,
+        }).toString();
+        if (branch) req.query["-T"] = branch;
+      } catch (e) {}
+      try {
+        var number = new Number(
+          __dirname + "/../" + req.params.doc,
+          req.query.variant,
+        );
+        var meta = `${__dirname}/../${req.params.doc}/${
+          req.query.variant || "meta"
+        }.yaml`;
+        delete req.query.variant;
+        res.type("html");
+        var proc = pandoc({
+          "--metadata-file": meta,
+          ...req.query,
+        });
+        proc.stdout.pipe(res);
+        number.build(proc.stdin).catch((err) => {
+          console.error();
+          console.error(err.join("\n"));
+        });
+      } catch (err) {
+        next();
+      }
+    } else {
+      var url = new URL("s://" + req.originalUrl);
+      url.pathname += "/";
+      res.redirect(url.href.substring(4));
     }
   });
 
@@ -57,7 +63,7 @@ iterator(function (srcname, name, variant) {
   app.use(`/${srcname}/styles`, express.static(`${__dirname}/../styles`));
   app.use(
     `/${srcname}/images`,
-    express.static(`${__dirname}/../${srcname}/images`)
+    express.static(`${__dirname}/../${srcname}/images`),
   );
 });
 

From 7a488a1168b99c07172aafcb837893010ba2ffcc Mon Sep 17 00:00:00 2001
From: Ralf Handl <ralf.handl@sap.com>
Date: Fri, 29 Sep 2023 11:34:28 +0200
Subject: [PATCH 08/10] strict routing instead of if (#182)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Got it to work 😄
---
 lib/server.js | 70 +++++++++++++++++++++++++--------------------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/lib/server.js b/lib/server.js
index c463ab948..8f1701479 100644
--- a/lib/server.js
+++ b/lib/server.js
@@ -11,7 +11,8 @@ liveReloadServer.watch(path.join(__dirname, ".."));
 
 const connectLivereload = require("connect-livereload");
 
-var app = express()
+const app = express()
+  .enable("strict routing")
   .use(connectLivereload())
   .get("/", function (_req, res, _next) {
     var docs = [];
@@ -22,40 +23,39 @@ var app = express()
     });
     res.send(`<h1>Documents</h1><ul>${docs.join("")}</ul>`);
   })
-  .get("/:doc", function (req, res, next) {
-    if (req.path.endsWith("/")) {
-      try {
-        var branch = execSync("git branch --show-current", {
-          cwd: __dirname,
-        }).toString();
-        if (branch) req.query["-T"] = branch;
-      } catch (e) {}
-      try {
-        var number = new Number(
-          __dirname + "/../" + req.params.doc,
-          req.query.variant,
-        );
-        var meta = `${__dirname}/../${req.params.doc}/${
-          req.query.variant || "meta"
-        }.yaml`;
-        delete req.query.variant;
-        res.type("html");
-        var proc = pandoc({
-          "--metadata-file": meta,
-          ...req.query,
-        });
-        proc.stdout.pipe(res);
-        number.build(proc.stdin).catch((err) => {
-          console.error();
-          console.error(err.join("\n"));
-        });
-      } catch (err) {
-        next();
-      }
-    } else {
-      var url = new URL("s://" + req.originalUrl);
-      url.pathname += "/";
-      res.redirect(url.href.substring(4));
+  .get("/:doc", function (req, res, _next) {
+    var url = new URL("s://" + req.originalUrl);
+    url.pathname += "/";
+    res.redirect(url.href.substring(4));
+  })
+  .get("/:doc/", function (req, res, next) {
+    try {
+      var branch = execSync("git branch --show-current", {
+        cwd: __dirname,
+      }).toString();
+      if (branch) req.query["-T"] = branch;
+    } catch (e) {}
+    try {
+      var number = new Number(
+        __dirname + "/../" + req.params.doc,
+        req.query.variant,
+      );
+      var meta = `${__dirname}/../${req.params.doc}/${
+        req.query.variant || "meta"
+      }.yaml`;
+      delete req.query.variant;
+      res.type("html");
+      var proc = pandoc({
+        "--metadata-file": meta,
+        ...req.query,
+      });
+      proc.stdout.pipe(res);
+      number.build(proc.stdin).catch((err) => {
+        console.error();
+        console.error(err.join("\n"));
+      });
+    } catch (err) {
+      next();
     }
   });
 

From 006e87ab97e6785b68b7cb11244f18222b310e66 Mon Sep 17 00:00:00 2001
From: Ralf Handl <ralf.handl@sap.com>
Date: Fri, 29 Sep 2023 13:44:11 +0200
Subject: [PATCH 09/10] Liberation Sans in text of diagrams (#184)

---
 .../images/api-1.drawio.svg                   | 38 +++++-----
 .../images/api-2.drawio.svg                   | 74 +++++++++----------
 docs/odata-temporal-ext/images/db.drawio.svg  | 58 +++++++--------
 odata-temporal-ext/images/api-1.drawio.svg    | 38 +++++-----
 odata-temporal-ext/images/api-2.drawio.svg    | 74 +++++++++----------
 odata-temporal-ext/images/db.drawio.svg       | 58 +++++++--------
 6 files changed, 170 insertions(+), 170 deletions(-)

diff --git a/docs/odata-temporal-ext/images/api-1.drawio.svg b/docs/odata-temporal-ext/images/api-1.drawio.svg
index 6759c3c24..d0414882c 100644
--- a/docs/odata-temporal-ext/images/api-1.drawio.svg
+++ b/docs/odata-temporal-ext/images/api-1.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7VnbUtswEP0av3QmHd8dHskFeoFeSDud4YVRbMVWkaVUVnDC13dly7EdGwgtDcwUJkOi49VqV3t2tVEMZ5yuTwVaJuc8wtSwzWhtOBPDto/sI/ivgE0JWPaRRmJBIo3VwIzcYg2aGl2RCGctQck5lWTZBkPOGA5lC0NC8LwttuC0veoSxbgDzEJEu+gPEsmkRIeeWePvMImTamXL1E9SVAlrIEtQxPMG5EwNZyw4l+WndD3GVG1etS/lvJM7nm4NE5jJfSZMvg787DyS06vNx9PP9qfvlxezgdZyg+hKOzxNl5RvMNZGy021E1lOUooYjEYLzuRMPzFhHCaERmdow1fKkkyi8LoajRIuyC3IIwqPLADgsZA60LavtBFKx5xyUazj+G7gD4PWzJnSqNcSOIO5Xyq3rR3oHK1bgmcok5WVnFK0zMi8sFtNTJGICRtxKXmqhfKESDxbolDJ5MBpZYhMa+MFv8YNax3LdTxX70kDXxR/gHfDVO05FhKvG5AO2ynmKZZiAyLVU19TSCfRllJ5zUjL1VjSZKPp6kzQWRBvdddEgQ+aK4/gjd3hzfuJ4RwDNI3StzMpCIthYAQjUBNMOmQCz2VnOxkv2dXgg4YQJTGDIcULNU1tHYEcPdaw5CpMGUQNlj0rZCZujVzoHVEQh7kLWuRhQqIIM8UULpFE8y2dl5wwWeyYN4IXbOzYfOsZHhg+hrFVj+GlxAVEnoEviBQxxsC5HCvePUSnLjnuzdKHGVMxxN+PIJXck/PD6fDjE0pxlyGvtDgkLTz7mWnhdmjxgc8lkfSVGs9MjWB4OGrcfhv9vLLHq29Zfn2J2Hd6cbEYBB1qTDC4KVPl6MF6kZfYc9zVHz1LL+LZO72I4+xHnIpgT06c4Wsr8m8Ky71p+iJbkV6Lj15bkRdIi0O2Ir0WW91epMMBzKJjdYcAI74sAlEcGDtYY7cEX7EIRzpKhfAJUXYVY1DXHumTx9oKN4E7i3XGVyKszsh7Dn9QGOM9goaj1hVIN2SNGHk9IaowgSmS5KZ9cdIXN73CF0Xi+mRxhu2TxR0GbRWl33pW86JjR5Hn7hxRgd1WVG5MR1FBo63bezHr8uv814j9eLfw2ZCjgTm2PuY9dyqG7VOVaxG5aRHM/7VStz8jVWsGuoKosqSLSC0An2L9XiiCssF6Nc2haYkLFg7CskApfYQRSVTT06PyTaUTfC3VtpcCuDC7jb5ET6qbq+yRHj2i8FdVPoScxKL/JGiUg91TIIV6rpbpLbrt2vEErZqz26oFQafm+j357Jh/X3J7E6N7afQQne7mzb4EFKVfh2Gg9U9z6aCuNL98/YFP/0uOubtnTc/XoSfKMRjWPxaUZ1X9k4sz/Q0=&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3fYyBpKdNegntdCYvHWELWyeyRGURIL++K1vGNnYSkqaUM0OGCejzarWr/Va7CMMZZesLgRbpFY8xNWwzXhvO2LBt3/TgvwI2GrDelkAiSFxCVg1MyT3WoKnRJYlx3hKUnFNJFm0w4ozhSLYwJARftcXmnLZXXaAEd4BphGgX/U5imZbo0DNr/B0mSVqtbJn6SYYqYQ3kKYr5qgE5E8MZCc5l+SlbjzBVe1ftSznv/IGnW8MEZnKfCeMvAz+/iuXkx+bDxSf747eb6+lAa7lDdKkdnmQLyjcYa6PlptqJfEUyihiMwjlncqqfmDCOUkLjS7ThS2VJLlF0W43ClAtyD/KIwiMLAHgspA607StthNIRp1wU6zi+G/jDoDVzqjTqtQTOYe7nym1rB7pC65bgJcplZSWnFC1yMivsVhMzJBLCQi4lz7TQKiUSTxcoUjIroLQyRGa18YLf4oa1juU6nqv3pIHPiz+Nn6OMUJUAl2SGBZKEM9jbKWJAzrAbxyooWEi8bkA6rheYZ1iKDYhUT33NMZ1kW86tasparsbSJl1NV6eKTpNkq7tmEnzQZHoGsewOsf4dG84ZQJM4ezOVgrAEBkYQgppg3GEbeC47+814Sb8GYTSEKEkYDCmeq2lq6wgk8ZmGJVdxzCGssOxlITN2a+Ra74iCOMyd0yJRUxLHmCkqcYkkmm35vuCEyWLHvBBesLEj841neGD4CMZWPYaXEhdADQa+IFLEGAMpV1gR8ym+vYA9j+b505SqKOTvx6BK7tUJ5HQI9BFluEuhE2+Oijee/Zd543Z4857PJJH0xJ1j504wPBx37r+G//2wR8uv+er2BrFv9Pp6Pgg63BljcFNmytGD9UPH2Pc81KMdZz/k2Tv9kOPsx6yKga/OrOGpHfpLR9OjiX6U7VCvxW9P7dD/kTeHbId6Lba6/VCHJJjFZ+qqBEZ8UUSqqEk7WGM7BV+yGMc6jIXwOVF2FWNQ1x7p4mZthZvAy+tBzpciqur0Iw0IrJjgPaKK49ZVUDemjSB6PTGsMIEpuHDXvkDqC6xe4bNKg7p4OcN28XKHQVtF6bee1bzw2VHkuTtVMLDbisqN6SgqeLZ1ey/q3XyZ/QzZ93dznw05Gpgj68Oq527JsH2qsjUmdy0G+j+X6hYsVKfVQJ9B6mDTx1AtAJ8S/V4ogoOH9WqaQeOUFDQdROURp/QRRiRRjVePyn8qneBrqba9FMCF2W30GD2pbvDyZ3r0jNJR1YkIchKL/lrSOC9260gGFUEt03tstw+XQ7SLzm67GASdU9vvSXjH/P1DuzdzupdnT/HtYWLty1BR+nUYilp/NNkO6krzG+ILfDoloX7q7larnu9sr5SEMKx/dimrXf3blTP5BQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
         <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
@@ -9,13 +9,13 @@
                 <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: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee
                 </text>
             </switch>
@@ -25,13 +25,13 @@
                 <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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -41,13 +41,13 @@
                 <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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -57,13 +57,13 @@
                 <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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Jobtitle: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Jobtitle: Edm.String
                 </text>
             </switch>
@@ -76,13 +76,13 @@
                 <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: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="30" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department
                 </text>
             </switch>
@@ -92,13 +92,13 @@
                 <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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -108,13 +108,13 @@
                 <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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -127,7 +127,7 @@
                 <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: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -142,7 +142,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -152,7 +152,7 @@
                 <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: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="">
                                     <div style="text-align: right;">
                                         <span style="background-color: initial;">
@@ -169,7 +169,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     1...
                 </text>
             </switch>
diff --git a/docs/odata-temporal-ext/images/api-2.drawio.svg b/docs/odata-temporal-ext/images/api-2.drawio.svg
index fc632b5c9..b4cfe12b8 100644
--- a/docs/odata-temporal-ext/images/api-2.drawio.svg
+++ b/docs/odata-temporal-ext/images/api-2.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloO007hb50lFjEGmQrqygk4dfvkS3HFxnisElIp2aYwTqWjiWdT58+HZuOPYhWVxzNwlsWYNqxjGDVsYcdyzINx4M/0rJWFuv8PLVMOQmULTeMyDPOmirrggR4XqooGKOCzMrGCYtjPBElG+KcLcvVHhgtP3WGplgzjCaI6tYfJBBhavVdI7d/xGQaZk82DXUnQlllZZiHKGDLgsm+6NgDzphIr6LVAFM5e9m8pO0uX7i76RjHsWjSQFxdn/+iy9vHgN73+PX1x59ufGYqN0+ILtSIL6IZZWuMf4VkLhhfq96LdTYl8yWJKIqh1H9gsRipOwaUJyGhwQ1as4Xs0lygyWNW6oeMk2eojyjcMsEAt7lQEbc86Y1QOmCU8eQ5tud0Pb9bajmSHtWzOJ5D2y/Z+M2K6RatShVv0FxkvWSUotmcjJN+y4YR4lMS95kQLFKVliEReDRDE1lnCeiWHRFR3nnOHnGht7bp2K6j5qRgf0h+wK7HK5t7zAVeFUwqfleYRVjIABjZXUdhSa0mO8PWMofmpk5YhKVtqSWhlsN04ztHDFwo0OwCIEsD0CWXk9gD40UQfRgigeGy0+2Dn+5QQxMMXWjzGbMUXgVAKBOiZBpDkeIH2UzOHYHV2lNmwWSc5hA2Ek9vkjpDJ7d8VVMiTQzaPtBkRYYkCHAsocIEEmi8wfOMkVgkU+b24RdmdmB8cDsudHwAZTMvw6+sziH0MYwFkSTIGEC3xBJ42/Cko+P19bodMwojltcMIpb//xHS6z5yq/+d3Ayim6lnuD/Di1qEfGNVfLSgOCoogKiagcI7FG3YGig+oQjnsBgJDqFpgXFkYPgNN5TDAcPRgHHNxoII2oLjvcFhGk33koOhw9XQMcQwUhHBWI8vWE9RmL4kot9FsLpGVbBaTQWrcSgIea1gPSbLuI0xs6tg3QPJ1AtWXZu0gvWdQeE25I19gMKZ4utL+qN3F1o/bkcrB/9z5ZzpG0+rV08AF13/vRVJVwNGfxFMsSgQBp6QCEREi43jYsM0jnjKrd9JNGxkydXjadQ2qbpjUtU8b3gGzvakvcNGT5j9PdR3mlah7kwsry7S30egvnYIPh6xnCKBnPTh1zxvKGIPRiz60bcllsMRy+938vU1fGgQwHHQk6/V8ygnxJDZ2CyJTWGyOFvEAQ5UkJLKl0R2KymDu3JJMYxpVCgnMby4KOdswSd4O8mDw0Sab4sZDkpfBegRK4TIrVvBysYxRYI84VJn68KmnvBFYjhnENurpM/8btlFOm7Vyiq8+684cq0KFXUrFJNOjOYoQdFm2G8H1nkNsDwql1pAnkoA8/5dyA8i+pJqzhSBSIJSHJJXgKup+ps4AtaIaz2NYXOaJig8m6T8JP2RmAgiN7cal39lPmGsqdvyo8CcdLtsPcWRZMeN+Y4j2oH3M5KfwJrEvH4jKNBBdROIgM7lY2o5t8wde9iSN18fZYxb8wGFV7Oe95GNrk0r6SfE1xg3IChicfAtJHGVePWZbkq8Zol4rVrixSsi7mRL2EDT0n3mB66Hq2JhvS1cRbJ+9aj/m7G11TUq4Kp8UtGYrc0tjvbH1rWg1M+fp8xx78TWm5eNfxaDulWQ+/qh5qgMqr+saRl0825/K4OaJ8WgXvV1cbeCmqYMWnWkHakPzKD6Rywtg7YMqrBY3d1rvrk6FIOy9fiut/o+sv2vxudPn6/Cb89PtRr09RC/jMqmoODpuI6Db/Og+D7qUIqJ3jeM6U9ZY04l32E577zG6iR1VaXAHpxl5zEds+VFbijOLEVjTPsb5FRCkE9lokqkH7guZvP7BTmk0nXlLFwlbatLmXKWDqLE13cbUQSF+1znyGIubpLSEdWNt7u68WtQ4e8pm1cRJa73RnVj+2VHjl9x9IK6gaijdaGaypi/2GGnKsfM0n8YwUXqsaF06sgP7bL/dkqr5/80Zl/8Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="502px" height="266px" viewBox="-0.5 -0.5 502 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VvbUts6FP2avJwZOr7HecwF6OFA22noQPvSUWIRa5CtHEUhCV/fLUeOLzJgaBLMjDtMsbblbUl77aUlWXTsYbQ+52geXrEA045lBOuOPepYlt/14H9p2ChDTxlmnARbk5kZxuQRK6OhrEsS4EWhomCMCjIvGqcsjvFUFGyIc7YqVrtjtPjWOZphzTCeIqpbb0ggQtUL18jsnzGZhembTUPdiVBaWRkWIQrYKmeyTzv2kDMmtlfReoipHLt0XLbPnT1xd9cwjmNR5wFxftH7TVdX9wH92ecXF59/ufGJqdw8ILpUPT6N5pRtMP4dkoVgfKNaLzbpkCxWJKIohtLgjsVirO4YUJ6GhAaXaMOWskkLgab3aWkQMk4eoT6icMsEA9zmQkXc8qQ3QumQUcaT99ie0/X8buHJsfSo3sXxAp79lvbfLJmu0LpQ8RItRNpKRimaL8gkabd8MEJ8RuIBE4JFqtIqJAKP52gq66wA27IhIsoaz9k9zrXWNh3bddSY5Ox3yT9lP0MRoTITLskEcyQIi2FsxygGlA70gKbBwVzgdc6kAnyOWYSFjJCR3nUU2FS22Sn4Vhl2d3XCPG5tS+WMypfZzncGKbhQqHoNwiwNYWdcjnIfjKdB9GmEBIbLTncAfrojDW7QdaENeMy2+MshRpkQJbMYihTfycfk2BFI574yCyYDuYC4knh2mdQZOZnluxoSaWLw7B1NUjYkQYBjiSUmkECTHeDnjMQiGTJ3AD8wskPjk9txoeFDKJtZGX5kdQ7YiKEviCRBxoDKFZbIfAlwb4DP8xn/MqgUiCyvHoYs/+8h1O/ec2vwg1wOo8uZZ7i/wtNKCF2zMoBa1DQLNcCF9VDjHYp4bA01X1CEM9yMBYfYtchpGnL8mnPW4ZDjaMi5YBNBBG3R03j0mEbd6epg8HE1+Iww9FRE0Nfjq+omquenlH4zVbVrlFW1VVdVG4fCmNeq6kbxlFsbVK9V1XugqWpVreujVlU3HTVuTebZB2qcGb44ozf929C6uRqvHfzfuXOiz22tqP4IwOn6762KuhpyBstghkWOcvCURCBkWvA0DDymccTFfPVkpYEn3aY+npBut6f3vT1t9mou9dNpb++40ncW/x3pk1kro/dPTc+m+cdR0c+t9Y9HTU2koI+9xjd7NZX2wahJX+G31PSO1PTxFvi+BiANIzgO+vKQRAaDhFpSG5snwcuNJmfLOMCBimJS+YzIZiVlcFcsKY4yd5Xzhren9YIt+RS/PI/AG5MFxktBxUHhEIge0lwM3SoOUDaOKXThARcaWxVX9YZvMgsyDrK90j6j3y262PZbPWXljnqUHLlWicy6JZLaDozmKIHZrttvR16vAnkelckakIcCAr3/l/L8y0CS1YmiIElxioWyCnA1U78TR8A7caWnCcx/swSmJ9Mtw0l/JCaCyPmzwuU/qU/o69Zt8VVgTppdtDaxJ+maaPHKHr1i5kiniSnkJObVU0mOL8rTSAQTgnxNJWsXyeUYs77V6xUSxao4L+NVJPw+9vUrt9f0de5znB0QFLE4uA5JXKZuPRR1qdssULdVSd14TcStfBLm6G3pZ+oHrkfrfGHz1/HM0/2zOxofjO+trlFCX+kETW2+N19wtD++r0StvopuMku+E9/vPvy2HFxceZWzwNdXXkflYP27WMvBNTi4ruY2G8XBXvnbfrcEq7ocXHakbQwcmIP1M0stB7ccXFcHlwVExRm8Q3Ew20xu++sfY9v/bnz98vU8vH58qNTBz2PgadjWRQ3f9us4CWAeNAGO2pX8hvcb+tQmobrrlHZtLOedk7BK1peFEMzi6WcMTCdsdZoZ8kNP0QTTwQ5apRhlY50IH+kHrvOfPQY5xaV2JYubjaXta10tFTcjIUp8c7vTXVD4mUkpWcz0U1JqkoDyXi+g/ArY+HvatCzpHtd7o4Cy/aIjxy85ekJAASzQJldNfVp4ssFOWfGZhb+bg4utx5rqrCMPXqZ/w7etnv0hpH36Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
         <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
@@ -9,13 +9,13 @@
                 <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: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee_history
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="147" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee_history
                 </text>
             </switch>
@@ -25,13 +25,13 @@
                 <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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Edm.Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     From: Edm.Date {id}
                 </text>
             </switch>
@@ -41,13 +41,13 @@
                 <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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Edm.Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     To: Edm.Date
                 </text>
             </switch>
@@ -57,13 +57,13 @@
                 <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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -73,13 +73,13 @@
                 <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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Jobtitle: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Jobtitle: Edm.String
                 </text>
             </switch>
@@ -92,13 +92,13 @@
                 <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: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department_history
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department_history
                 </text>
             </switch>
@@ -108,13 +108,13 @@
                 <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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Edm.Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     From: Edm.Date {id}
                 </text>
             </switch>
@@ -124,13 +124,13 @@
                 <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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Edm.Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     To: Edm.Date
                 </text>
             </switch>
@@ -140,13 +140,13 @@
                 <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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -156,13 +156,13 @@
                 <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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Budget: Edm.Decimal
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Budget: Edm.Decimal
                 </text>
             </switch>
@@ -175,13 +175,13 @@
                 <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: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee
                 </text>
             </switch>
@@ -191,13 +191,13 @@
                 <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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -210,13 +210,13 @@
                 <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: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department
                 </text>
             </switch>
@@ -226,13 +226,13 @@
                 <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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -244,7 +244,7 @@
                 <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: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -259,7 +259,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -271,7 +271,7 @@
                 <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: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -284,7 +284,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -296,7 +296,7 @@
                 <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: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -309,7 +309,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -319,7 +319,7 @@
                 <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: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="">
                                     <div style="text-align: right;">
                                         <span style="background-color: initial;">
@@ -336,7 +336,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     1...
                 </text>
             </switch>
diff --git a/docs/odata-temporal-ext/images/db.drawio.svg b/docs/odata-temporal-ext/images/db.drawio.svg
index 555a9a428..e1fa16baf 100644
--- a/docs/odata-temporal-ext/images/db.drawio.svg
+++ b/docs/odata-temporal-ext/images/db.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535MT5gEsSoNNVuxotK63mamWICdY4MWtMKf31e5zYJCG0ZVZ0wmhAqI3fHDv2OY8dHxIHJ/nznSTr1aNIKXc8lD47eOx43tAbwl8t7CvB9YZGySRLjVYLM/ZCjYiMumUp3bQMlRBcsXVbXIiioAvV0oiUYtc2WwrevuqaZLQjzBaEd9W/WapWlToIUK1/pixb2Su7yJzJiTU2wmZFUrFrSHji4EQKoaqj/DmhXDvP+qWqN33l7KFjkhbqnArJw+P93T94km2Tryz6XLw87p9+c00zT4RvzYgn+ZqLPaWm12pvXbHZsZyTAkrxUhRqZs4gKC9WjKcPZC+2uisbRRbfbCleCclewJ5wOOWCAKelMpH2Qt0a4zwRXMjyOjj0o3AQtWrOdIvmWpJuoO4XO273SHokzy3DB7JRtpeCc7LesHnZb10xJzJjRSyUErkx2q2YorM1WWibHUCtO6LyuvNSfKON3mLXx4FvfNLQl+UH9G6crM+pVPS5IZm43VGRUyX3YGLP+oYhO4uGpryrkTzYrJo4DjwzFcw0yA5t16TAgYHle8DxOuDcjx08AmmmJCsyOHCiGNqIxh2SYNjqlC8RCiKEukQgNEClTjjLCtA4XeoGtAcZzNWRkZXQ0dpA8KADD6XN2K+VP41jtCSg7pKX83HF0pQWGhihiCLzA9VrwQpVOi6I4Qv+TdCnwAmgSwmU3boMX20uAYACRkVYGWoK6O2oxu89qs5n5+1Z/D5RhiCYd2cBZO0uzo/nd/iZSj0JNUFjouj/4ccbR+EpfnAS48i98XM5fgKvb36CDj9/iSY9Zy854WQ07SLj+2EyGt2QuRwy0aBnZIYdYv4gOW3fs27UXBk1LvJ7xqa70Pwu5oopfkPnytHBZ+6SP+4mFXXYGVMYqcphrJ/uz9/YxOMIndrYTKe/1sYYlZ8PhSboe2fs4jeg+XFJ+TUm36/9UNBLUh6g46T8zD3xAbHLo9NNqm5JeW83LHw2UdeSlHdvVx+Yky/mt5z8ovj0npMPbin5z0VM7ym5bfiWk/9M2PSfk9ungw1u4m2aUWWWG7pgOWxtb+hcHTr95+TdJ56OF3LtrJQ9tXgJ/93qh7Nx6ygz/7+zhmurQKfLWu2GjtVzwC1EmfZZNmXlvBbDxqQR8WN0c4BQX+UkKVJsi5SmBssL5Ey+/dne7nhRF4fwBA2WmsvT0H2M2XE+hYXF5tWUz8VuUgtN13IypzyGXDkr/XYUg9qX2rZsR68BjTw8pkU60q8sgC7W5coAypTpEY1PJFrNlN1FlXWz+Gq8NmIrF/Qtr5hEAC5QrqnvJpzaRW/GvxHfwYn4Wk1SThR7ar97cSro5gpf9EpZ43XgxOAVYtxuohq5qeU13pU4aggP2g35gyMAK890GoLwkX3DzKzkr3bYP/oNAbutdzjgoGqxBvzg01PMOzpfs++TVOb1Wzl48h8=&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS5n5HzTS5JApyO6Gi0rreZqZRITrDoxa0yB/vo9TmySENoyow60s1RITd4cn9jHjx37JJYbF9tbgZeLe54RZjko21puYjmO7YQI/illZ5Sbm1rJBc201ghT+kS0qAvma5qRVcdQcs4kXXbFlJclSWVHw0LwTddszln3rkuck54wTTHrq3/TTC5qdeCjRv9CaL4wd7aRvlJgY6yF1QJnfNOS3JHlxoJzWR8V25gwFT0Tl7rc+Jmr+4oJUspTCsST+7vbf9xRvo6/0/BL+XS/e/xkazePmK11i0fFkvEdIbrWcmdCsdrQguESzqI5L+VUX0Fwni4oyyZ4x9eqKiuJ0wdzFi24oE9gjxlcskGAy0LqnnYC5Y0yFnPGRXUfN/DCYBB2Sk6VR30vQVZQ9ptpt30g3eNtx3CCV9LUkjOGlys6q+qtChZY5LSMuJS80EabBZVkusSpstkA1aoismgqL/gDadXWtT3X93RMWvq8+tP6GBeUqSEwoTMisKS8hNhOcQl0Rv2ONJ1ChCTblqQ79pbwgkixAxNz1dOQmWF2o883DbN7m0Wb14Gjx4oeJ/ned4MSHGiafoQsp0fWXWK5Q9VuKWiZw4EVRuAjTHqoQbPlsWAj5IcI9ZFBaIAqHTOal6AxMlcOVAQpDOahliVX3bmC3oUKTCqbxGuUP3VglMSh7JxVA3ZBs4yUiiguscSzPfZLTktZBc6P4AfxjdFn3/KhSjGc2805/JS5AEJKaBWmVVcTYHNDFJ+vYfeGcL08D7yOnEYMRu5JhBm7NwfM8XqAjYUaxgqxBEvyM4A5SRgcA8yNIze0r4CdETDfuTRgfg+wv3gbr5MnrWA0HPeZ8rwgHg6vTJ2RqXBwYaZuekj9gQvSfSxesfpoWNnIuzBX/anqK59JKtmVrY/OlnviUv7XPQfDHlwJgZbKAtr6+e70xVWUhOjY4mo8/n+t3lH1d1mq/Esv3233BarOl3t4jzmG5/Ih7zP34KPD3MOJC/c9g2/PVn9reM09vN9nonsycu8l99B/Iv7C1EM6u6YezsvXxVMPg2vm4TdD6uKZB+P4mnr4rbi6fOrBvKltgRWts5xIPWGRlBaw/r6y9fHYunzqof962nICpqKZ0ccOUMG/a/UmPeoc5fr/D5awTRGodFWq6+hQPYXsklebVwOvqIPXgVybtJA4ZLsAStVdjqIk+LrMSKa5PcfOzzNvSMyyHPV5CY7gYrB6e1z675x7vUNgajLpA8JmfDNqhHbsGZ4RFuH0Ia8Ce9BJTbCVbeVHzSKtdENEymyoPkABnS+ruQWUMVUtSo5sF9uZCRvV1u3Tn+/QFV+LlLwUNr2dgRpU0/ar+2oVwxcBaQEwOAKA0QRh0IjH7qc2x6jQd/imJuOGvz1Imr/Adbsu6pbrUk7r05gDR+6g68gbHBBaR6bnCPoX71pm+mHxbIW9g1SJa3c+2YGD2mMzAvYxPTYoLLXrNJ8P1ebNV1ju6D8=&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
         <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
@@ -9,13 +9,13 @@
                 <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: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee
                 </text>
             </switch>
@@ -26,13 +26,13 @@
                 <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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="45" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     ID: String {id}
                 </text>
             </switch>
@@ -43,13 +43,13 @@
                 <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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="71" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     From: Date {id}
                 </text>
             </switch>
@@ -60,13 +60,13 @@
                 <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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="97" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     To: Date
                 </text>
             </switch>
@@ -77,13 +77,13 @@
                 <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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="123" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Name: String
                 </text>
             </switch>
@@ -94,13 +94,13 @@
                 <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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Jobtitle: String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Jobtitle: String
                 </text>
             </switch>
@@ -111,13 +111,13 @@
                 <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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department.ID
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="6" y="175" fill="#000000" font-family="Liberation Sans" font-size="12px">
                     Department.ID
                 </text>
             </switch>
@@ -130,13 +130,13 @@
                 <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: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department
                 </text>
             </switch>
@@ -147,13 +147,13 @@
                 <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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="47" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     ID: String {id}
                 </text>
             </switch>
@@ -164,13 +164,13 @@
                 <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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="73" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     From: Date {id}
                 </text>
             </switch>
@@ -181,13 +181,13 @@
                 <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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="99" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     To: Date
                 </text>
             </switch>
@@ -198,13 +198,13 @@
                 <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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="125" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Name: String
                 </text>
             </switch>
@@ -215,13 +215,13 @@
                 <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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Budget: Decimal
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="151" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Budget: Decimal
                 </text>
             </switch>
@@ -231,7 +231,7 @@
                 <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-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <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 style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="">
                                     <div style="">
                                         1
@@ -241,7 +241,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">
+                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="end">
                     1
                 </text>
             </switch>
diff --git a/odata-temporal-ext/images/api-1.drawio.svg b/odata-temporal-ext/images/api-1.drawio.svg
index 6759c3c24..d0414882c 100644
--- a/odata-temporal-ext/images/api-1.drawio.svg
+++ b/odata-temporal-ext/images/api-1.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7VnbUtswEP0av3QmHd8dHskFeoFeSDud4YVRbMVWkaVUVnDC13dly7EdGwgtDcwUJkOi49VqV3t2tVEMZ5yuTwVaJuc8wtSwzWhtOBPDto/sI/ivgE0JWPaRRmJBIo3VwIzcYg2aGl2RCGctQck5lWTZBkPOGA5lC0NC8LwttuC0veoSxbgDzEJEu+gPEsmkRIeeWePvMImTamXL1E9SVAlrIEtQxPMG5EwNZyw4l+WndD3GVG1etS/lvJM7nm4NE5jJfSZMvg787DyS06vNx9PP9qfvlxezgdZyg+hKOzxNl5RvMNZGy021E1lOUooYjEYLzuRMPzFhHCaERmdow1fKkkyi8LoajRIuyC3IIwqPLADgsZA60LavtBFKx5xyUazj+G7gD4PWzJnSqNcSOIO5Xyq3rR3oHK1bgmcok5WVnFK0zMi8sFtNTJGICRtxKXmqhfKESDxbolDJ5MBpZYhMa+MFv8YNax3LdTxX70kDXxR/gHfDVO05FhKvG5AO2ynmKZZiAyLVU19TSCfRllJ5zUjL1VjSZKPp6kzQWRBvdddEgQ+aK4/gjd3hzfuJ4RwDNI3StzMpCIthYAQjUBNMOmQCz2VnOxkv2dXgg4YQJTGDIcULNU1tHYEcPdaw5CpMGUQNlj0rZCZujVzoHVEQh7kLWuRhQqIIM8UULpFE8y2dl5wwWeyYN4IXbOzYfOsZHhg+hrFVj+GlxAVEnoEviBQxxsC5HCvePUSnLjnuzdKHGVMxxN+PIJXck/PD6fDjE0pxlyGvtDgkLTz7mWnhdmjxgc8lkfSVGs9MjWB4OGrcfhv9vLLHq29Zfn2J2Hd6cbEYBB1qTDC4KVPl6MF6kZfYc9zVHz1LL+LZO72I4+xHnIpgT06c4Wsr8m8Ky71p+iJbkV6Lj15bkRdIi0O2Ir0WW91epMMBzKJjdYcAI74sAlEcGDtYY7cEX7EIRzpKhfAJUXYVY1DXHumTx9oKN4E7i3XGVyKszsh7Dn9QGOM9goaj1hVIN2SNGHk9IaowgSmS5KZ9cdIXN73CF0Xi+mRxhu2TxR0GbRWl33pW86JjR5Hn7hxRgd1WVG5MR1FBo63bezHr8uv814j9eLfw2ZCjgTm2PuY9dyqG7VOVaxG5aRHM/7VStz8jVWsGuoKosqSLSC0An2L9XiiCssF6Nc2haYkLFg7CskApfYQRSVTT06PyTaUTfC3VtpcCuDC7jb5ET6qbq+yRHj2i8FdVPoScxKL/JGiUg91TIIV6rpbpLbrt2vEErZqz26oFQafm+j357Jh/X3J7E6N7afQQne7mzb4EFKVfh2Gg9U9z6aCuNL98/YFP/0uOubtnTc/XoSfKMRjWPxaUZ1X9k4sz/Q0=&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3fYyBpKdNegntdCYvHWELWyeyRGURIL++K1vGNnYSkqaUM0OGCejzarWr/Va7CMMZZesLgRbpFY8xNWwzXhvO2LBt3/TgvwI2GrDelkAiSFxCVg1MyT3WoKnRJYlx3hKUnFNJFm0w4ozhSLYwJARftcXmnLZXXaAEd4BphGgX/U5imZbo0DNr/B0mSVqtbJn6SYYqYQ3kKYr5qgE5E8MZCc5l+SlbjzBVe1ftSznv/IGnW8MEZnKfCeMvAz+/iuXkx+bDxSf747eb6+lAa7lDdKkdnmQLyjcYa6PlptqJfEUyihiMwjlncqqfmDCOUkLjS7ThS2VJLlF0W43ClAtyD/KIwiMLAHgspA607StthNIRp1wU6zi+G/jDoDVzqjTqtQTOYe7nym1rB7pC65bgJcplZSWnFC1yMivsVhMzJBLCQi4lz7TQKiUSTxcoUjIroLQyRGa18YLf4oa1juU6nqv3pIHPiz+Nn6OMUJUAl2SGBZKEM9jbKWJAzrAbxyooWEi8bkA6rheYZ1iKDYhUT33NMZ1kW86tasparsbSJl1NV6eKTpNkq7tmEnzQZHoGsewOsf4dG84ZQJM4ezOVgrAEBkYQgppg3GEbeC47+814Sb8GYTSEKEkYDCmeq2lq6wgk8ZmGJVdxzCGssOxlITN2a+Ra74iCOMyd0yJRUxLHmCkqcYkkmm35vuCEyWLHvBBesLEj841neGD4CMZWPYaXEhdADQa+IFLEGAMpV1gR8ym+vYA9j+b505SqKOTvx6BK7tUJ5HQI9BFluEuhE2+Oijee/Zd543Z4857PJJH0xJ1j504wPBx37r+G//2wR8uv+er2BrFv9Pp6Pgg63BljcFNmytGD9UPH2Pc81KMdZz/k2Tv9kOPsx6yKga/OrOGpHfpLR9OjiX6U7VCvxW9P7dD/kTeHbId6Lba6/VCHJJjFZ+qqBEZ8UUSqqEk7WGM7BV+yGMc6jIXwOVF2FWNQ1x7p4mZthZvAy+tBzpciqur0Iw0IrJjgPaKK49ZVUDemjSB6PTGsMIEpuHDXvkDqC6xe4bNKg7p4OcN28XKHQVtF6bee1bzw2VHkuTtVMLDbisqN6SgqeLZ1ey/q3XyZ/QzZ93dznw05Gpgj68Oq527JsH2qsjUmdy0G+j+X6hYsVKfVQJ9B6mDTx1AtAJ8S/V4ogoOH9WqaQeOUFDQdROURp/QRRiRRjVePyn8qneBrqba9FMCF2W30GD2pbvDyZ3r0jNJR1YkIchKL/lrSOC9260gGFUEt03tstw+XQ7SLzm67GASdU9vvSXjH/P1DuzdzupdnT/HtYWLty1BR+nUYilp/NNkO6krzG+ILfDoloX7q7larnu9sr5SEMKx/dimrXf3blTP5BQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
         <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
@@ -9,13 +9,13 @@
                 <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: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee
                 </text>
             </switch>
@@ -25,13 +25,13 @@
                 <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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -41,13 +41,13 @@
                 <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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -57,13 +57,13 @@
                 <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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Jobtitle: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Jobtitle: Edm.String
                 </text>
             </switch>
@@ -76,13 +76,13 @@
                 <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: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="30" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="30" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department
                 </text>
             </switch>
@@ -92,13 +92,13 @@
                 <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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -108,13 +108,13 @@
                 <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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -127,7 +127,7 @@
                 <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: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -142,7 +142,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -152,7 +152,7 @@
                 <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: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="">
                                     <div style="text-align: right;">
                                         <span style="background-color: initial;">
@@ -169,7 +169,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     1...
                 </text>
             </switch>
diff --git a/odata-temporal-ext/images/api-2.drawio.svg b/odata-temporal-ext/images/api-2.drawio.svg
index fc632b5c9..b4cfe12b8 100644
--- a/odata-temporal-ext/images/api-2.drawio.svg
+++ b/odata-temporal-ext/images/api-2.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="266px" viewBox="-0.5 -0.5 501 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VtbU9s4FP41edkZOr7HPOYCdFloO007hb50lFjEGmQrqygk4dfvkS3HFxnisElIp2aYwTqWjiWdT58+HZuOPYhWVxzNwlsWYNqxjGDVsYcdyzINx4M/0rJWFuv8PLVMOQmULTeMyDPOmirrggR4XqooGKOCzMrGCYtjPBElG+KcLcvVHhgtP3WGplgzjCaI6tYfJBBhavVdI7d/xGQaZk82DXUnQlllZZiHKGDLgsm+6NgDzphIr6LVAFM5e9m8pO0uX7i76RjHsWjSQFxdn/+iy9vHgN73+PX1x59ufGYqN0+ILtSIL6IZZWuMf4VkLhhfq96LdTYl8yWJKIqh1H9gsRipOwaUJyGhwQ1as4Xs0lygyWNW6oeMk2eojyjcMsEAt7lQEbc86Y1QOmCU8eQ5tud0Pb9bajmSHtWzOJ5D2y/Z+M2K6RatShVv0FxkvWSUotmcjJN+y4YR4lMS95kQLFKVliEReDRDE1lnCeiWHRFR3nnOHnGht7bp2K6j5qRgf0h+wK7HK5t7zAVeFUwqfleYRVjIABjZXUdhSa0mO8PWMofmpk5YhKVtqSWhlsN04ztHDFwo0OwCIEsD0CWXk9gD40UQfRgigeGy0+2Dn+5QQxMMXWjzGbMUXgVAKBOiZBpDkeIH2UzOHYHV2lNmwWSc5hA2Ek9vkjpDJ7d8VVMiTQzaPtBkRYYkCHAsocIEEmi8wfOMkVgkU+b24RdmdmB8cDsudHwAZTMvw6+sziH0MYwFkSTIGEC3xBJ42/Cko+P19bodMwojltcMIpb//xHS6z5yq/+d3Ayim6lnuD/Di1qEfGNVfLSgOCoogKiagcI7FG3YGig+oQjnsBgJDqFpgXFkYPgNN5TDAcPRgHHNxoII2oLjvcFhGk33koOhw9XQMcQwUhHBWI8vWE9RmL4kot9FsLpGVbBaTQWrcSgIea1gPSbLuI0xs6tg3QPJ1AtWXZu0gvWdQeE25I19gMKZ4utL+qN3F1o/bkcrB/9z5ZzpG0+rV08AF13/vRVJVwNGfxFMsSgQBp6QCEREi43jYsM0jnjKrd9JNGxkydXjadQ2qbpjUtU8b3gGzvakvcNGT5j9PdR3mlah7kwsry7S30egvnYIPh6xnCKBnPTh1zxvKGIPRiz60bcllsMRy+938vU1fGgQwHHQk6/V8ygnxJDZ2CyJTWGyOFvEAQ5UkJLKl0R2KymDu3JJMYxpVCgnMby4KOdswSd4O8mDw0Sab4sZDkpfBegRK4TIrVvBysYxRYI84VJn68KmnvBFYjhnENurpM/8btlFOm7Vyiq8+684cq0KFXUrFJNOjOYoQdFm2G8H1nkNsDwql1pAnkoA8/5dyA8i+pJqzhSBSIJSHJJXgKup+ps4AtaIaz2NYXOaJig8m6T8JP2RmAgiN7cal39lPmGsqdvyo8CcdLtsPcWRZMeN+Y4j2oH3M5KfwJrEvH4jKNBBdROIgM7lY2o5t8wde9iSN18fZYxb8wGFV7Oe95GNrk0r6SfE1xg3IChicfAtJHGVePWZbkq8Zol4rVrixSsi7mRL2EDT0n3mB66Hq2JhvS1cRbJ+9aj/m7G11TUq4Kp8UtGYrc0tjvbH1rWg1M+fp8xx78TWm5eNfxaDulWQ+/qh5qgMqr+saRl0825/K4OaJ8WgXvV1cbeCmqYMWnWkHakPzKD6Rywtg7YMqrBY3d1rvrk6FIOy9fiut/o+sv2vxudPn6/Cb89PtRr09RC/jMqmoODpuI6Db/Og+D7qUIqJ3jeM6U9ZY04l32E577zG6iR1VaXAHpxl5zEds+VFbijOLEVjTPsb5FRCkE9lokqkH7guZvP7BTmk0nXlLFwlbatLmXKWDqLE13cbUQSF+1znyGIubpLSEdWNt7u68WtQ4e8pm1cRJa73RnVj+2VHjl9x9IK6gaijdaGaypi/2GGnKsfM0n8YwUXqsaF06sgP7bL/dkqr5/80Zl/8Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="502px" height="266px" viewBox="-0.5 -0.5 502 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VvbUts6FP2avJwZOr7HecwF6OFA22noQPvSUWIRa5CtHEUhCV/fLUeOLzJgaBLMjDtMsbblbUl77aUlWXTsYbQ+52geXrEA045lBOuOPepYlt/14H9p2ChDTxlmnARbk5kZxuQRK6OhrEsS4EWhomCMCjIvGqcsjvFUFGyIc7YqVrtjtPjWOZphzTCeIqpbb0ggQtUL18jsnzGZhembTUPdiVBaWRkWIQrYKmeyTzv2kDMmtlfReoipHLt0XLbPnT1xd9cwjmNR5wFxftH7TVdX9wH92ecXF59/ufGJqdw8ILpUPT6N5pRtMP4dkoVgfKNaLzbpkCxWJKIohtLgjsVirO4YUJ6GhAaXaMOWskkLgab3aWkQMk4eoT6icMsEA9zmQkXc8qQ3QumQUcaT99ie0/X8buHJsfSo3sXxAp79lvbfLJmu0LpQ8RItRNpKRimaL8gkabd8MEJ8RuIBE4JFqtIqJAKP52gq66wA27IhIsoaz9k9zrXWNh3bddSY5Ox3yT9lP0MRoTITLskEcyQIi2FsxygGlA70gKbBwVzgdc6kAnyOWYSFjJCR3nUU2FS22Sn4Vhl2d3XCPG5tS+WMypfZzncGKbhQqHoNwiwNYWdcjnIfjKdB9GmEBIbLTncAfrojDW7QdaENeMy2+MshRpkQJbMYihTfycfk2BFI574yCyYDuYC4knh2mdQZOZnluxoSaWLw7B1NUjYkQYBjiSUmkECTHeDnjMQiGTJ3AD8wskPjk9txoeFDKJtZGX5kdQ7YiKEviCRBxoDKFZbIfAlwb4DP8xn/MqgUiCyvHoYs/+8h1O/ec2vwg1wOo8uZZ7i/wtNKCF2zMoBa1DQLNcCF9VDjHYp4bA01X1CEM9yMBYfYtchpGnL8mnPW4ZDjaMi5YBNBBG3R03j0mEbd6epg8HE1+Iww9FRE0Nfjq+omquenlH4zVbVrlFW1VVdVG4fCmNeq6kbxlFsbVK9V1XugqWpVreujVlU3HTVuTebZB2qcGb44ozf929C6uRqvHfzfuXOiz22tqP4IwOn6762KuhpyBstghkWOcvCURCBkWvA0DDymccTFfPVkpYEn3aY+npBut6f3vT1t9mou9dNpb++40ncW/x3pk1kro/dPTc+m+cdR0c+t9Y9HTU2koI+9xjd7NZX2wahJX+G31PSO1PTxFvi+BiANIzgO+vKQRAaDhFpSG5snwcuNJmfLOMCBimJS+YzIZiVlcFcsKY4yd5Xzhren9YIt+RS/PI/AG5MFxktBxUHhEIge0lwM3SoOUDaOKXThARcaWxVX9YZvMgsyDrK90j6j3y262PZbPWXljnqUHLlWicy6JZLaDozmKIHZrttvR16vAnkelckakIcCAr3/l/L8y0CS1YmiIElxioWyCnA1U78TR8A7caWnCcx/swSmJ9Mtw0l/JCaCyPmzwuU/qU/o69Zt8VVgTppdtDaxJ+maaPHKHr1i5kiniSnkJObVU0mOL8rTSAQTgnxNJWsXyeUYs77V6xUSxao4L+NVJPw+9vUrt9f0de5znB0QFLE4uA5JXKZuPRR1qdssULdVSd14TcStfBLm6G3pZ+oHrkfrfGHz1/HM0/2zOxofjO+trlFCX+kETW2+N19wtD++r0StvopuMku+E9/vPvy2HFxceZWzwNdXXkflYP27WMvBNTi4ruY2G8XBXvnbfrcEq7ocXHakbQwcmIP1M0stB7ccXFcHlwVExRm8Q3Ew20xu++sfY9v/bnz98vU8vH58qNTBz2PgadjWRQ3f9us4CWAeNAGO2pX8hvcb+tQmobrrlHZtLOedk7BK1peFEMzi6WcMTCdsdZoZ8kNP0QTTwQ5apRhlY50IH+kHrvOfPQY5xaV2JYubjaXta10tFTcjIUp8c7vTXVD4mUkpWcz0U1JqkoDyXi+g/ArY+HvatCzpHtd7o4Cy/aIjxy85ekJAASzQJldNfVp4ssFOWfGZhb+bg4utx5rqrCMPXqZ/w7etnv0hpH36Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
         <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
@@ -9,13 +9,13 @@
                 <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: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee_history
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="147" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="147" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee_history
                 </text>
             </switch>
@@ -25,13 +25,13 @@
                 <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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; 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;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Edm.Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     From: Edm.Date {id}
                 </text>
             </switch>
@@ -41,13 +41,13 @@
                 <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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Edm.Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     To: Edm.Date
                 </text>
             </switch>
@@ -57,13 +57,13 @@
                 <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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -73,13 +73,13 @@
                 <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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Jobtitle: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Jobtitle: Edm.String
                 </text>
             </switch>
@@ -92,13 +92,13 @@
                 <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: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department_history
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department_history
                 </text>
             </switch>
@@ -108,13 +108,13 @@
                 <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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Edm.Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     From: Edm.Date {id}
                 </text>
             </switch>
@@ -124,13 +124,13 @@
                 <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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Edm.Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     To: Edm.Date
                 </text>
             </switch>
@@ -140,13 +140,13 @@
                 <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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: Edm.String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Name: Edm.String
                 </text>
             </switch>
@@ -156,13 +156,13 @@
                 <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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Budget: Edm.Decimal
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     Budget: Edm.Decimal
                 </text>
             </switch>
@@ -175,13 +175,13 @@
                 <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: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee
                 </text>
             </switch>
@@ -191,13 +191,13 @@
                 <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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -210,13 +210,13 @@
                 <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: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department
                 </text>
             </switch>
@@ -226,13 +226,13 @@
                 <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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: Edm.String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
                     ID: Edm.String {id}
                 </text>
             </switch>
@@ -244,7 +244,7 @@
                 <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: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -259,7 +259,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -271,7 +271,7 @@
                 <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: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -284,7 +284,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -296,7 +296,7 @@
                 <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: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="text-align: left;">
                                     <span style="background-color: initial;">
                                         *
@@ -309,7 +309,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     *...
                 </text>
             </switch>
@@ -319,7 +319,7 @@
                 <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: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="">
                                     <div style="text-align: right;">
                                         <span style="background-color: initial;">
@@ -336,7 +336,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     1...
                 </text>
             </switch>
diff --git a/odata-temporal-ext/images/db.drawio.svg b/odata-temporal-ext/images/db.drawio.svg
index 555a9a428..e1fa16baf 100644
--- a/odata-temporal-ext/images/db.drawio.svg
+++ b/odata-temporal-ext/images/db.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS535MT5gEsSoNNVuxotK63mamWICdY4MWtMKf31e5zYJCG0ZVZ0wmhAqI3fHDv2OY8dHxIHJ/nznSTr1aNIKXc8lD47eOx43tAbwl8t7CvB9YZGySRLjVYLM/ZCjYiMumUp3bQMlRBcsXVbXIiioAvV0oiUYtc2WwrevuqaZLQjzBaEd9W/WapWlToIUK1/pixb2Su7yJzJiTU2wmZFUrFrSHji4EQKoaqj/DmhXDvP+qWqN33l7KFjkhbqnArJw+P93T94km2Tryz6XLw87p9+c00zT4RvzYgn+ZqLPaWm12pvXbHZsZyTAkrxUhRqZs4gKC9WjKcPZC+2uisbRRbfbCleCclewJ5wOOWCAKelMpH2Qt0a4zwRXMjyOjj0o3AQtWrOdIvmWpJuoO4XO273SHokzy3DB7JRtpeCc7LesHnZb10xJzJjRSyUErkx2q2YorM1WWibHUCtO6LyuvNSfKON3mLXx4FvfNLQl+UH9G6crM+pVPS5IZm43VGRUyX3YGLP+oYhO4uGpryrkTzYrJo4DjwzFcw0yA5t16TAgYHle8DxOuDcjx08AmmmJCsyOHCiGNqIxh2SYNjqlC8RCiKEukQgNEClTjjLCtA4XeoGtAcZzNWRkZXQ0dpA8KADD6XN2K+VP41jtCSg7pKX83HF0pQWGhihiCLzA9VrwQpVOi6I4Qv+TdCnwAmgSwmU3boMX20uAYACRkVYGWoK6O2oxu89qs5n5+1Z/D5RhiCYd2cBZO0uzo/nd/iZSj0JNUFjouj/4ccbR+EpfnAS48i98XM5fgKvb36CDj9/iSY9Zy854WQ07SLj+2EyGt2QuRwy0aBnZIYdYv4gOW3fs27UXBk1LvJ7xqa70Pwu5oopfkPnytHBZ+6SP+4mFXXYGVMYqcphrJ/uz9/YxOMIndrYTKe/1sYYlZ8PhSboe2fs4jeg+XFJ+TUm36/9UNBLUh6g46T8zD3xAbHLo9NNqm5JeW83LHw2UdeSlHdvVx+Yky/mt5z8ovj0npMPbin5z0VM7ym5bfiWk/9M2PSfk9ungw1u4m2aUWWWG7pgOWxtb+hcHTr95+TdJ56OF3LtrJQ9tXgJ/93qh7Nx6ygz/7+zhmurQKfLWu2GjtVzwC1EmfZZNmXlvBbDxqQR8WN0c4BQX+UkKVJsi5SmBssL5Ey+/dne7nhRF4fwBA2WmsvT0H2M2XE+hYXF5tWUz8VuUgtN13IypzyGXDkr/XYUg9qX2rZsR68BjTw8pkU60q8sgC7W5coAypTpEY1PJFrNlN1FlXWz+Gq8NmIrF/Qtr5hEAC5QrqnvJpzaRW/GvxHfwYn4Wk1SThR7ar97cSro5gpf9EpZ43XgxOAVYtxuohq5qeU13pU4aggP2g35gyMAK890GoLwkX3DzKzkr3bYP/oNAbutdzjgoGqxBvzg01PMOzpfs++TVOb1Wzl48h8=&lt;/diagram&gt;&lt;/mxfile&gt;">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS5n5HzTS5JApyO6Gi0rreZqZRITrDoxa0yB/vo9TmySENoyow60s1RITd4cn9jHjx37JJYbF9tbgZeLe54RZjko21puYjmO7YQI/illZ5Sbm1rJBc201ghT+kS0qAvma5qRVcdQcs4kXXbFlJclSWVHw0LwTddszln3rkuck54wTTHrq3/TTC5qdeCjRv9CaL4wd7aRvlJgY6yF1QJnfNOS3JHlxoJzWR8V25gwFT0Tl7rc+Jmr+4oJUspTCsST+7vbf9xRvo6/0/BL+XS/e/xkazePmK11i0fFkvEdIbrWcmdCsdrQguESzqI5L+VUX0Fwni4oyyZ4x9eqKiuJ0wdzFi24oE9gjxlcskGAy0LqnnYC5Y0yFnPGRXUfN/DCYBB2Sk6VR30vQVZQ9ptpt30g3eNtx3CCV9LUkjOGlys6q+qtChZY5LSMuJS80EabBZVkusSpstkA1aoismgqL/gDadXWtT3X93RMWvq8+tP6GBeUqSEwoTMisKS8hNhOcQl0Rv2ONJ1ChCTblqQ79pbwgkixAxNz1dOQmWF2o883DbN7m0Wb14Gjx4oeJ/ned4MSHGiafoQsp0fWXWK5Q9VuKWiZw4EVRuAjTHqoQbPlsWAj5IcI9ZFBaIAqHTOal6AxMlcOVAQpDOahliVX3bmC3oUKTCqbxGuUP3VglMSh7JxVA3ZBs4yUiiguscSzPfZLTktZBc6P4AfxjdFn3/KhSjGc2805/JS5AEJKaBWmVVcTYHNDFJ+vYfeGcL08D7yOnEYMRu5JhBm7NwfM8XqAjYUaxgqxBEvyM4A5SRgcA8yNIze0r4CdETDfuTRgfg+wv3gbr5MnrWA0HPeZ8rwgHg6vTJ2RqXBwYaZuekj9gQvSfSxesfpoWNnIuzBX/anqK59JKtmVrY/OlnviUv7XPQfDHlwJgZbKAtr6+e70xVWUhOjY4mo8/n+t3lH1d1mq/Esv3233BarOl3t4jzmG5/Ih7zP34KPD3MOJC/c9g2/PVn9reM09vN9nonsycu8l99B/Iv7C1EM6u6YezsvXxVMPg2vm4TdD6uKZB+P4mnr4rbi6fOrBvKltgRWts5xIPWGRlBaw/r6y9fHYunzqof962nICpqKZ0ccOUMG/a/UmPeoc5fr/D5awTRGodFWq6+hQPYXsklebVwOvqIPXgVybtJA4ZLsAStVdjqIk+LrMSKa5PcfOzzNvSMyyHPV5CY7gYrB6e1z675x7vUNgajLpA8JmfDNqhHbsGZ4RFuH0Ia8Ce9BJTbCVbeVHzSKtdENEymyoPkABnS+ruQWUMVUtSo5sF9uZCRvV1u3Tn+/QFV+LlLwUNr2dgRpU0/ar+2oVwxcBaQEwOAKA0QRh0IjH7qc2x6jQd/imJuOGvz1Imr/Adbsu6pbrUk7r05gDR+6g68gbHBBaR6bnCPoX71pm+mHxbIW9g1SJa3c+2YGD2mMzAvYxPTYoLLXrNJ8P1ebNV1ju6D8=&lt;/diagram&gt;&lt;/mxfile&gt;">
     <defs/>
     <g>
         <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
@@ -9,13 +9,13 @@
                 <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: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Employee
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Employee
                 </text>
             </switch>
@@ -26,13 +26,13 @@
                 <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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="45" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="45" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     ID: String {id}
                 </text>
             </switch>
@@ -43,13 +43,13 @@
                 <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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="71" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="71" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     From: Date {id}
                 </text>
             </switch>
@@ -60,13 +60,13 @@
                 <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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="97" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="97" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     To: Date
                 </text>
             </switch>
@@ -77,13 +77,13 @@
                 <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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="123" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="123" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Name: String
                 </text>
             </switch>
@@ -94,13 +94,13 @@
                 <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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Jobtitle: String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="149" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="6" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Jobtitle: String
                 </text>
             </switch>
@@ -111,13 +111,13 @@
                 <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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
                         <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department.ID
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="6" y="175" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="6" y="175" fill="#000000" font-family="Liberation Sans" font-size="12px">
                     Department.ID
                 </text>
             </switch>
@@ -130,13 +130,13 @@
                 <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: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Department
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="430" y="19" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
                     Department
                 </text>
             </switch>
@@ -147,13 +147,13 @@
                 <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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 ID: String {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="47" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="47" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     ID: String {id}
                 </text>
             </switch>
@@ -164,13 +164,13 @@
                 <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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 From: Date {id}
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="73" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="73" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     From: Date {id}
                 </text>
             </switch>
@@ -181,13 +181,13 @@
                 <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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 To: Date
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="99" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="99" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     To: Date
                 </text>
             </switch>
@@ -198,13 +198,13 @@
                 <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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Name: String
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="125" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="125" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Name: String
                 </text>
             </switch>
@@ -215,13 +215,13 @@
                 <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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
                         <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 Budget: Decimal
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="366" y="151" fill="#ffffff" font-family="Helvetica" font-size="12px">
+                <text x="366" y="151" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
                     Budget: Decimal
                 </text>
             </switch>
@@ -231,7 +231,7 @@
                 <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-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <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 style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                 <div style="">
                                     <div style="">
                                         1
@@ -241,7 +241,7 @@
                         </div>
                     </div>
                 </foreignObject>
-                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="end">
+                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="end">
                     1
                 </text>
             </switch>

From b2216a5b947bec83ea1de2acd4b4739bff14d71c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Heiko=20Thei=C3=9Fen?= <heiko.theissen@sap.com>
Date: Fri, 29 Sep 2023 14:57:31 +0200
Subject: [PATCH 10/10] Improvements to the web server (#183)

---
 .../odata-temporal-ext.html                   | 807 +++++++++++++++++-
 docs/odata-temporal-ext/odata-temporal-ext.md | 805 ++++++++++++++++-
 lib/README.md                                 |   7 +-
 lib/number.js                                 |  35 +-
 lib/server.js                                 |  15 +-
 odata-temporal-ext/2 Overview.md              |   7 +-
 .../diagrams}/api-1.drawio.svg                |   0
 .../diagrams}/api-2.drawio.svg                |   0
 .../diagrams}/db.drawio.svg                   |   0
 odata-temporal-ext/images/api-1.drawio.svg    | 186 ----
 odata-temporal-ext/images/api-2.drawio.svg    | 355 --------
 odata-temporal-ext/images/db.drawio.svg       | 260 ------
 12 files changed, 1643 insertions(+), 834 deletions(-)
 rename {docs/odata-temporal-ext/images => odata-temporal-ext/diagrams}/api-1.drawio.svg (100%)
 rename {docs/odata-temporal-ext/images => odata-temporal-ext/diagrams}/api-2.drawio.svg (100%)
 rename {docs/odata-temporal-ext/images => odata-temporal-ext/diagrams}/db.drawio.svg (100%)
 delete mode 100644 odata-temporal-ext/images/api-1.drawio.svg
 delete mode 100644 odata-temporal-ext/images/api-2.drawio.svg
 delete mode 100644 odata-temporal-ext/images/db.drawio.svg

diff --git a/docs/odata-temporal-ext/odata-temporal-ext.html b/docs/odata-temporal-ext/odata-temporal-ext.html
index 920e06732..d9960b80f 100644
--- a/docs/odata-temporal-ext/odata-temporal-ext.html
+++ b/docs/odata-temporal-ext/odata-temporal-ext.html
@@ -330,18 +330,819 @@ <h2 id="21-example-model"><a name="ExampleModel" href="#ExampleModel">2.1 Exampl
 <div class="example">
 <p>Example <a name="api1" href="#api1">2</a>: model for <code>api-1</code> with snapshot entity sets (hidden application time), key properties marked with {id}</p>
 </div>
-<p><img src="./images/api-1.drawio.svg" alt="API-1" /></p>
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3fYyBpKdNegntdCYvHWELWyeyRGURIL++K1vGNnYSkqaUM0OGCejzarWr/Va7CMMZZesLgRbpFY8xNWwzXhvO2LBt3/TgvwI2GrDelkAiSFxCVg1MyT3WoKnRJYlx3hKUnFNJFm0w4ozhSLYwJARftcXmnLZXXaAEd4BphGgX/U5imZbo0DNr/B0mSVqtbJn6SYYqYQ3kKYr5qgE5E8MZCc5l+SlbjzBVe1ftSznv/IGnW8MEZnKfCeMvAz+/iuXkx+bDxSf747eb6+lAa7lDdKkdnmQLyjcYa6PlptqJfEUyihiMwjlncqqfmDCOUkLjS7ThS2VJLlF0W43ClAtyD/KIwiMLAHgspA607StthNIRp1wU6zi+G/jDoDVzqjTqtQTOYe7nym1rB7pC65bgJcplZSWnFC1yMivsVhMzJBLCQi4lz7TQKiUSTxcoUjIroLQyRGa18YLf4oa1juU6nqv3pIHPiz+Nn6OMUJUAl2SGBZKEM9jbKWJAzrAbxyooWEi8bkA6rheYZ1iKDYhUT33NMZ1kW86tasparsbSJl1NV6eKTpNkq7tmEnzQZHoGsewOsf4dG84ZQJM4ezOVgrAEBkYQgppg3GEbeC47+814Sb8GYTSEKEkYDCmeq2lq6wgk8ZmGJVdxzCGssOxlITN2a+Ra74iCOMyd0yJRUxLHmCkqcYkkmm35vuCEyWLHvBBesLEj841neGD4CMZWPYaXEhdADQa+IFLEGAMpV1gR8ym+vYA9j+b505SqKOTvx6BK7tUJ5HQI9BFluEuhE2+Oijee/Zd543Z4857PJJH0xJ1j504wPBx37r+G//2wR8uv+er2BrFv9Pp6Pgg63BljcFNmytGD9UPH2Pc81KMdZz/k2Tv9kOPsx6yKga/OrOGpHfpLR9OjiX6U7VCvxW9P7dD/kTeHbId6Lba6/VCHJJjFZ+qqBEZ8UUSqqEk7WGM7BV+yGMc6jIXwOVF2FWNQ1x7p4mZthZvAy+tBzpciqur0Iw0IrJjgPaKK49ZVUDemjSB6PTGsMIEpuHDXvkDqC6xe4bNKg7p4OcN28XKHQVtF6bee1bzw2VHkuTtVMLDbisqN6SgqeLZ1ey/q3XyZ/QzZ93dznw05Gpgj68Oq527JsH2qsjUmdy0G+j+X6hYsVKfVQJ9B6mDTx1AtAJ8S/V4ogoOH9WqaQeOUFDQdROURp/QRRiRRjVePyn8qneBrqba9FMCF2W30GD2pbvDyZ3r0jNJR1YkIchKL/lrSOC9260gGFUEt03tstw+XQ7SLzm67GASdU9vvSXjH/P1DuzdzupdnT/HtYWLty1BR+nUYilp/NNkO6krzG+ILfDoloX7q7larnu9sr5SEMKx/dimrXf3blTP5BQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="30" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    1...
+                </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>
+
 <p>and</p>
 <div class="example">
 <p>Example <a name="api2" href="#api2">3</a>: model for <code>api-2</code> with timeline entity sets (visible application time), key properties marked with {id}</p>
 </div>
-<p><img src="./images/api-2.drawio.svg" alt="API-2" /></p>
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="502px" height="266px" viewBox="-0.5 -0.5 502 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VvbUts6FP2avJwZOr7HecwF6OFA22noQPvSUWIRa5CtHEUhCV/fLUeOLzJgaBLMjDtMsbblbUl77aUlWXTsYbQ+52geXrEA045lBOuOPepYlt/14H9p2ChDTxlmnARbk5kZxuQRK6OhrEsS4EWhomCMCjIvGqcsjvFUFGyIc7YqVrtjtPjWOZphzTCeIqpbb0ggQtUL18jsnzGZhembTUPdiVBaWRkWIQrYKmeyTzv2kDMmtlfReoipHLt0XLbPnT1xd9cwjmNR5wFxftH7TVdX9wH92ecXF59/ufGJqdw8ILpUPT6N5pRtMP4dkoVgfKNaLzbpkCxWJKIohtLgjsVirO4YUJ6GhAaXaMOWskkLgab3aWkQMk4eoT6icMsEA9zmQkXc8qQ3QumQUcaT99ie0/X8buHJsfSo3sXxAp79lvbfLJmu0LpQ8RItRNpKRimaL8gkabd8MEJ8RuIBE4JFqtIqJAKP52gq66wA27IhIsoaz9k9zrXWNh3bddSY5Ox3yT9lP0MRoTITLskEcyQIi2FsxygGlA70gKbBwVzgdc6kAnyOWYSFjJCR3nUU2FS22Sn4Vhl2d3XCPG5tS+WMypfZzncGKbhQqHoNwiwNYWdcjnIfjKdB9GmEBIbLTncAfrojDW7QdaENeMy2+MshRpkQJbMYihTfycfk2BFI574yCyYDuYC4knh2mdQZOZnluxoSaWLw7B1NUjYkQYBjiSUmkECTHeDnjMQiGTJ3AD8wskPjk9txoeFDKJtZGX5kdQ7YiKEviCRBxoDKFZbIfAlwb4DP8xn/MqgUiCyvHoYs/+8h1O/ec2vwg1wOo8uZZ7i/wtNKCF2zMoBa1DQLNcCF9VDjHYp4bA01X1CEM9yMBYfYtchpGnL8mnPW4ZDjaMi5YBNBBG3R03j0mEbd6epg8HE1+Iww9FRE0Nfjq+omquenlH4zVbVrlFW1VVdVG4fCmNeq6kbxlFsbVK9V1XugqWpVreujVlU3HTVuTebZB2qcGb44ozf929C6uRqvHfzfuXOiz22tqP4IwOn6762KuhpyBstghkWOcvCURCBkWvA0DDymccTFfPVkpYEn3aY+npBut6f3vT1t9mou9dNpb++40ncW/x3pk1kro/dPTc+m+cdR0c+t9Y9HTU2koI+9xjd7NZX2wahJX+G31PSO1PTxFvi+BiANIzgO+vKQRAaDhFpSG5snwcuNJmfLOMCBimJS+YzIZiVlcFcsKY4yd5Xzhren9YIt+RS/PI/AG5MFxktBxUHhEIge0lwM3SoOUDaOKXThARcaWxVX9YZvMgsyDrK90j6j3y262PZbPWXljnqUHLlWicy6JZLaDozmKIHZrttvR16vAnkelckakIcCAr3/l/L8y0CS1YmiIElxioWyCnA1U78TR8A7caWnCcx/swSmJ9Mtw0l/JCaCyPmzwuU/qU/o69Zt8VVgTppdtDaxJ+maaPHKHr1i5kiniSnkJObVU0mOL8rTSAQTgnxNJWsXyeUYs77V6xUSxao4L+NVJPw+9vUrt9f0de5znB0QFLE4uA5JXKZuPRR1qdssULdVSd14TcStfBLm6G3pZ+oHrkfrfGHz1/HM0/2zOxofjO+trlFCX+kETW2+N19wtD++r0StvopuMku+E9/vPvy2HFxceZWzwNdXXkflYP27WMvBNTi4ruY2G8XBXvnbfrcEq7ocXHakbQwcmIP1M0stB7ccXFcHlwVExRm8Q3Ew20xu++sfY9v/bnz98vU8vH58qNTBz2PgadjWRQ3f9us4CWAeNAGO2pX8hvcb+tQmobrrlHZtLOedk7BK1peFEMzi6WcMTCdsdZoZ8kNP0QTTwQ5apRhlY50IH+kHrvOfPQY5xaV2JYubjaXta10tFTcjIUp8c7vTXVD4mUkpWcz0U1JqkoDyXi+g/ArY+HvatCzpHtd7o4Cy/aIjxy85ekJAASzQJldNfVp4ssFOWfGZhb+bg4utx5rqrCMPXqZ/w7etnv0hpH36Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="147" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee_history
+                </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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department_history
+                </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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Edm.Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Budget: Edm.Decimal
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    1...
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
+
 <h2 id="22-example-data"><a name="ExampleData" href="#ExampleData">2.2 Example Data</a></h2>
 <p>Both API models in the previous section are views on the same underlying data. A possible storage model for this data is:</p>
 <div class="example">
 <p>Example 4: simple storage model: object key in dark green, temporal sub-key in light green, foreign keys in orange, non-key fields in blue</p>
 </div>
-<p><img src="./images/db.drawio.svg" alt="DB" /></p>
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS5n5HzTS5JApyO6Gi0rreZqZRITrDoxa0yB/vo9TmySENoyow60s1RITd4cn9jHjx37JJYbF9tbgZeLe54RZjko21puYjmO7YQI/illZ5Sbm1rJBc201ghT+kS0qAvma5qRVcdQcs4kXXbFlJclSWVHw0LwTddszln3rkuck54wTTHrq3/TTC5qdeCjRv9CaL4wd7aRvlJgY6yF1QJnfNOS3JHlxoJzWR8V25gwFT0Tl7rc+Jmr+4oJUspTCsST+7vbf9xRvo6/0/BL+XS/e/xkazePmK11i0fFkvEdIbrWcmdCsdrQguESzqI5L+VUX0Fwni4oyyZ4x9eqKiuJ0wdzFi24oE9gjxlcskGAy0LqnnYC5Y0yFnPGRXUfN/DCYBB2Sk6VR30vQVZQ9ptpt30g3eNtx3CCV9LUkjOGlys6q+qtChZY5LSMuJS80EabBZVkusSpstkA1aoismgqL/gDadXWtT3X93RMWvq8+tP6GBeUqSEwoTMisKS8hNhOcQl0Rv2ONJ1ChCTblqQ79pbwgkixAxNz1dOQmWF2o883DbN7m0Wb14Gjx4oeJ/ned4MSHGiafoQsp0fWXWK5Q9VuKWiZw4EVRuAjTHqoQbPlsWAj5IcI9ZFBaIAqHTOal6AxMlcOVAQpDOahliVX3bmC3oUKTCqbxGuUP3VglMSh7JxVA3ZBs4yUiiguscSzPfZLTktZBc6P4AfxjdFn3/KhSjGc2805/JS5AEJKaBWmVVcTYHNDFJ+vYfeGcL08D7yOnEYMRu5JhBm7NwfM8XqAjYUaxgqxBEvyM4A5SRgcA8yNIze0r4CdETDfuTRgfg+wv3gbr5MnrWA0HPeZ8rwgHg6vTJ2RqXBwYaZuekj9gQvSfSxesfpoWNnIuzBX/anqK59JKtmVrY/OlnviUv7XPQfDHlwJgZbKAtr6+e70xVWUhOjY4mo8/n+t3lH1d1mq/Esv3233BarOl3t4jzmG5/Ih7zP34KPD3MOJC/c9g2/PVn9reM09vN9nonsycu8l99B/Iv7C1EM6u6YezsvXxVMPg2vm4TdD6uKZB+P4mnr4rbi6fOrBvKltgRWts5xIPWGRlBaw/r6y9fHYunzqof962nICpqKZ0ccOUMG/a/UmPeoc5fr/D5awTRGodFWq6+hQPYXsklebVwOvqIPXgVybtJA4ZLsAStVdjqIk+LrMSKa5PcfOzzNvSMyyHPV5CY7gYrB6e1z675x7vUNgajLpA8JmfDNqhHbsGZ4RFuH0Ia8Ce9BJTbCVbeVHzSKtdENEymyoPkABnS+ruQWUMVUtSo5sF9uZCRvV1u3Tn+/QFV+LlLwUNr2dgRpU0/ar+2oVwxcBaQEwOAKA0QRh0IjH7qc2x6jQd/imJuOGvz1Imr/Adbsu6pbrUk7r05gDR+6g68gbHBBaR6bnCPoX71pm+mHxbIW9g1SJa3c+2YGD2mMzAvYxPTYoLLXrNJ8P1ebNV1ju6D8=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="123" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Jobtitle: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department.ID
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="#000000" font-family="Liberation Sans" font-size="12px">
+                    Department.ID
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="73" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="99" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="125" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="151" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Budget: Decimal
+                </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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="">
+                                        1
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="end">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
+
 <p>The period start date is used as the temporal sub-key for identifying time slices together with the key of the temporal object.</p>
 <p>Note: alternatively, the period end date could have been used as temporal sub-key, or the primary key of the time slice tables could have been an artificial key (sequence number, UUID, ...) with both the temporal object key and the period boundaries as non-key fields.</p>
 <p>The following example data will be used to further illustrate the capabilities introduced by this extension. It assumes that the example services only support four-digit years.</p>
diff --git a/docs/odata-temporal-ext/odata-temporal-ext.md b/docs/odata-temporal-ext/odata-temporal-ext.md
index 067818a30..3c033c901 100644
--- a/docs/odata-temporal-ext/odata-temporal-ext.md
+++ b/docs/odata-temporal-ext/odata-temporal-ext.md
@@ -372,7 +372,192 @@ Example <a name="api1" href="#api1">2</a>: model for `api-1` with snapshot entit
 application time), key properties marked with {id}
 :::
 
-![API-1](./images/api-1.drawio.svg)
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3fYyBpKdNegntdCYvHWELWyeyRGURIL++K1vGNnYSkqaUM0OGCejzarWr/Va7CMMZZesLgRbpFY8xNWwzXhvO2LBt3/TgvwI2GrDelkAiSFxCVg1MyT3WoKnRJYlx3hKUnFNJFm0w4ozhSLYwJARftcXmnLZXXaAEd4BphGgX/U5imZbo0DNr/B0mSVqtbJn6SYYqYQ3kKYr5qgE5E8MZCc5l+SlbjzBVe1ftSznv/IGnW8MEZnKfCeMvAz+/iuXkx+bDxSf747eb6+lAa7lDdKkdnmQLyjcYa6PlptqJfEUyihiMwjlncqqfmDCOUkLjS7ThS2VJLlF0W43ClAtyD/KIwiMLAHgspA607StthNIRp1wU6zi+G/jDoDVzqjTqtQTOYe7nym1rB7pC65bgJcplZSWnFC1yMivsVhMzJBLCQi4lz7TQKiUSTxcoUjIroLQyRGa18YLf4oa1juU6nqv3pIHPiz+Nn6OMUJUAl2SGBZKEM9jbKWJAzrAbxyooWEi8bkA6rheYZ1iKDYhUT33NMZ1kW86tasparsbSJl1NV6eKTpNkq7tmEnzQZHoGsewOsf4dG84ZQJM4ezOVgrAEBkYQgppg3GEbeC47+814Sb8GYTSEKEkYDCmeq2lq6wgk8ZmGJVdxzCGssOxlITN2a+Ra74iCOMyd0yJRUxLHmCkqcYkkmm35vuCEyWLHvBBesLEj841neGD4CMZWPYaXEhdADQa+IFLEGAMpV1gR8ym+vYA9j+b505SqKOTvx6BK7tUJ5HQI9BFluEuhE2+Oijee/Zd543Z4857PJJH0xJ1j504wPBx37r+G//2wR8uv+er2BrFv9Pp6Pgg63BljcFNmytGD9UPH2Pc81KMdZz/k2Tv9kOPsx6yKga/OrOGpHfpLR9OjiX6U7VCvxW9P7dD/kTeHbId6Lba6/VCHJJjFZ+qqBEZ8UUSqqEk7WGM7BV+yGMc6jIXwOVF2FWNQ1x7p4mZthZvAy+tBzpciqur0Iw0IrJjgPaKK49ZVUDemjSB6PTGsMIEpuHDXvkDqC6xe4bNKg7p4OcN28XKHQVtF6bee1bzw2VHkuTtVMLDbisqN6SgqeLZ1ey/q3XyZ/QzZ93dznw05Gpgj68Oq527JsH2qsjUmdy0G+j+X6hYsVKfVQJ9B6mDTx1AtAJ8S/V4ogoOH9WqaQeOUFDQdROURp/QRRiRRjVePyn8qneBrqba9FMCF2W30GD2pbvDyZ3r0jNJR1YkIchKL/lrSOC9260gGFUEt03tstw+XQ7SLzm67GASdU9vvSXjH/P1DuzdzupdnT/HtYWLty1BR+nUYilp/NNkO6krzG+ILfDoloX7q7larnu9sr5SEMKx/dimrXf3blTP5BQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="30" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    1...
+                </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>
 
 and
 
@@ -381,8 +566,361 @@ Example <a name="api2" href="#api2">3</a>: model for `api-2` with timeline entit
 application time), key properties marked with {id}
 :::
 
-![API-2](./images/api-2.drawio.svg)
-
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="502px" height="266px" viewBox="-0.5 -0.5 502 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VvbUts6FP2avJwZOr7HecwF6OFA22noQPvSUWIRa5CtHEUhCV/fLUeOLzJgaBLMjDtMsbblbUl77aUlWXTsYbQ+52geXrEA045lBOuOPepYlt/14H9p2ChDTxlmnARbk5kZxuQRK6OhrEsS4EWhomCMCjIvGqcsjvFUFGyIc7YqVrtjtPjWOZphzTCeIqpbb0ggQtUL18jsnzGZhembTUPdiVBaWRkWIQrYKmeyTzv2kDMmtlfReoipHLt0XLbPnT1xd9cwjmNR5wFxftH7TVdX9wH92ecXF59/ufGJqdw8ILpUPT6N5pRtMP4dkoVgfKNaLzbpkCxWJKIohtLgjsVirO4YUJ6GhAaXaMOWskkLgab3aWkQMk4eoT6icMsEA9zmQkXc8qQ3QumQUcaT99ie0/X8buHJsfSo3sXxAp79lvbfLJmu0LpQ8RItRNpKRimaL8gkabd8MEJ8RuIBE4JFqtIqJAKP52gq66wA27IhIsoaz9k9zrXWNh3bddSY5Ox3yT9lP0MRoTITLskEcyQIi2FsxygGlA70gKbBwVzgdc6kAnyOWYSFjJCR3nUU2FS22Sn4Vhl2d3XCPG5tS+WMypfZzncGKbhQqHoNwiwNYWdcjnIfjKdB9GmEBIbLTncAfrojDW7QdaENeMy2+MshRpkQJbMYihTfycfk2BFI574yCyYDuYC4knh2mdQZOZnluxoSaWLw7B1NUjYkQYBjiSUmkECTHeDnjMQiGTJ3AD8wskPjk9txoeFDKJtZGX5kdQ7YiKEviCRBxoDKFZbIfAlwb4DP8xn/MqgUiCyvHoYs/+8h1O/ec2vwg1wOo8uZZ7i/wtNKCF2zMoBa1DQLNcCF9VDjHYp4bA01X1CEM9yMBYfYtchpGnL8mnPW4ZDjaMi5YBNBBG3R03j0mEbd6epg8HE1+Iww9FRE0Nfjq+omquenlH4zVbVrlFW1VVdVG4fCmNeq6kbxlFsbVK9V1XugqWpVreujVlU3HTVuTebZB2qcGb44ozf929C6uRqvHfzfuXOiz22tqP4IwOn6762KuhpyBstghkWOcvCURCBkWvA0DDymccTFfPVkpYEn3aY+npBut6f3vT1t9mou9dNpb++40ncW/x3pk1kro/dPTc+m+cdR0c+t9Y9HTU2koI+9xjd7NZX2wahJX+G31PSO1PTxFvi+BiANIzgO+vKQRAaDhFpSG5snwcuNJmfLOMCBimJS+YzIZiVlcFcsKY4yd5Xzhren9YIt+RS/PI/AG5MFxktBxUHhEIge0lwM3SoOUDaOKXThARcaWxVX9YZvMgsyDrK90j6j3y262PZbPWXljnqUHLlWicy6JZLaDozmKIHZrttvR16vAnkelckakIcCAr3/l/L8y0CS1YmiIElxioWyCnA1U78TR8A7caWnCcx/swSmJ9Mtw0l/JCaCyPmzwuU/qU/o69Zt8VVgTppdtDaxJ+maaPHKHr1i5kiniSnkJObVU0mOL8rTSAQTgnxNJWsXyeUYs77V6xUSxao4L+NVJPw+9vUrt9f0de5znB0QFLE4uA5JXKZuPRR1qdssULdVSd14TcStfBLm6G3pZ+oHrkfrfGHz1/HM0/2zOxofjO+trlFCX+kETW2+N19wtD++r0StvopuMku+E9/vPvy2HFxceZWzwNdXXkflYP27WMvBNTi4ruY2G8XBXvnbfrcEq7ocXHakbQwcmIP1M0stB7ccXFcHlwVExRm8Q3Ew20xu++sfY9v/bnz98vU8vH58qNTBz2PgadjWRQ3f9us4CWAeNAGO2pX8hvcb+tQmobrrlHZtLOedk7BK1peFEMzi6WcMTCdsdZoZ8kNP0QTTwQ5apRhlY50IH+kHrvOfPQY5xaV2JYubjaXta10tFTcjIUp8c7vTXVD4mUkpWcz0U1JqkoDyXi+g/ArY+HvatCzpHtd7o4Cy/aIjxy85ekJAASzQJldNfVp4ssFOWfGZhb+bg4utx5rqrCMPXqZ/w7etnv0hpH36Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="147" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee_history
+                </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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Jobtitle: Edm.String
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department_history
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department_history
+                </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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Edm.Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    From: Edm.Date {id}
+                </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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Edm.Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    To: Edm.Date
+                </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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: Edm.String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Name: Edm.String
+                </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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Edm.Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    Budget: Edm.Decimal
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee
+                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department
+                </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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: Edm.String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
+                    ID: Edm.String {id}
+                </text>
+            </switch>
+        </g>
+        <path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        Employees
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </text>
+            </switch>
+        </g>
+        <path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="text-align: left;">
+                                    <span style="background-color: initial;">
+                                        *
+                                    </span>
+                                </div>
+                                <div style="text-align: left;">
+                                    history
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    *...
+                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            1
+                                        </span>
+                                    </div>
+                                    <div style="text-align: right;">
+                                        <span style="background-color: initial;">
+                                            Department
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    1...
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
 
 ## <a name="ExampleData" href="#ExampleData">2.2 Example Data</a>
 
@@ -394,7 +932,266 @@ Example 4: simple storage model: object key in dark green, temporal
 sub-key in light green, foreign keys in orange, non-key fields in blue
 :::
 
-![DB](./images/db.drawio.svg)
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS5n5HzTS5JApyO6Gi0rreZqZRITrDoxa0yB/vo9TmySENoyow60s1RITd4cn9jHjx37JJYbF9tbgZeLe54RZjko21puYjmO7YQI/illZ5Sbm1rJBc201ghT+kS0qAvma5qRVcdQcs4kXXbFlJclSWVHw0LwTddszln3rkuck54wTTHrq3/TTC5qdeCjRv9CaL4wd7aRvlJgY6yF1QJnfNOS3JHlxoJzWR8V25gwFT0Tl7rc+Jmr+4oJUspTCsST+7vbf9xRvo6/0/BL+XS/e/xkazePmK11i0fFkvEdIbrWcmdCsdrQguESzqI5L+VUX0Fwni4oyyZ4x9eqKiuJ0wdzFi24oE9gjxlcskGAy0LqnnYC5Y0yFnPGRXUfN/DCYBB2Sk6VR30vQVZQ9ptpt30g3eNtx3CCV9LUkjOGlys6q+qtChZY5LSMuJS80EabBZVkusSpstkA1aoismgqL/gDadXWtT3X93RMWvq8+tP6GBeUqSEwoTMisKS8hNhOcQl0Rv2ONJ1ChCTblqQ79pbwgkixAxNz1dOQmWF2o883DbN7m0Wb14Gjx4oeJ/ned4MSHGiafoQsp0fWXWK5Q9VuKWiZw4EVRuAjTHqoQbPlsWAj5IcI9ZFBaIAqHTOal6AxMlcOVAQpDOahliVX3bmC3oUKTCqbxGuUP3VglMSh7JxVA3ZBs4yUiiguscSzPfZLTktZBc6P4AfxjdFn3/KhSjGc2805/JS5AEJKaBWmVVcTYHNDFJ+vYfeGcL08D7yOnEYMRu5JhBm7NwfM8XqAjYUaxgqxBEvyM4A5SRgcA8yNIze0r4CdETDfuTRgfg+wv3gbr5MnrWA0HPeZ8rwgHg6vTJ2RqXBwYaZuekj9gQvSfSxesfpoWNnIuzBX/anqK59JKtmVrY/OlnviUv7XPQfDHlwJgZbKAtr6+e70xVWUhOjY4mo8/n+t3lH1d1mq/Esv3233BarOl3t4jzmG5/Ih7zP34KPD3MOJC/c9g2/PVn9reM09vN9nonsycu8l99B/Iv7C1EM6u6YezsvXxVMPg2vm4TdD6uKZB+P4mnr4rbi6fOrBvKltgRWts5xIPWGRlBaw/r6y9fHYunzqof962nICpqKZ0ccOUMG/a/UmPeoc5fr/D5awTRGodFWq6+hQPYXsklebVwOvqIPXgVybtJA4ZLsAStVdjqIk+LrMSKa5PcfOzzNvSMyyHPV5CY7gYrB6e1z675x7vUNgajLpA8JmfDNqhHbsGZ4RFuH0Ia8Ce9BJTbCVbeVHzSKtdENEymyoPkABnS+ruQWUMVUtSo5sF9uZCRvV1u3Tn+/QFV+LlLwUNr2dgRpU0/ar+2oVwxcBaQEwOAKA0QRh0IjH7qc2x6jQd/imJuOGvz1Imr/Adbsu6pbrUk7r05gDR+6g68gbHBBaR6bnCPoX71pm+mHxbIW9g1SJa3c+2YGD2mMzAvYxPTYoLLXrNJ8P1ebNV1ju6D8=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Employee
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Employee
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="45" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="71" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="97" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="123" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Jobtitle: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Jobtitle: String
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
+                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department.ID
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="6" y="175" fill="#000000" font-family="Liberation Sans" font-size="12px">
+                    Department.ID
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Department
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
+                    Department
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                ID: String {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="47" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    ID: String {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                From: Date {id}
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="73" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    From: Date {id}
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                To: Date
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="99" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    To: Date
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Name: String
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="125" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Name: String
+                </text>
+            </switch>
+        </g>
+        <rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
+                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                Budget: Decimal
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="366" y="151" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
+                    Budget: Decimal
+                </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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
+                                <div style="">
+                                    <div style="">
+                                        1
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="end">
+                    1
+                </text>
+            </switch>
+        </g>
+        <path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
 
 The period start date is used as the temporal sub-key for identifying
 time slices together with the key of the temporal object.
diff --git a/lib/README.md b/lib/README.md
index 116dac314..40483f2b7 100644
--- a/lib/README.md
+++ b/lib/README.md
@@ -22,6 +22,7 @@ The [`number.js`](number.js) module generates a single Markdown document by prep
 - Generate section and example numbers
 - Generate a table of contents
 - Resolve references
+- Include files like `$$$include images/drawing.svg$$$`
 - Replace placeholders like `$$$pagetitle$$$` with values from a [`meta.yaml`](../odata-data-aggregation-ext/meta.yaml) file
 - Join multiple lines that end with a single space into one line
 - Sections of the file between `: varXXX` and `:` or between `::: {.varXXX ...}` and `:::` belong to a variant. One source file can contain several variants.
@@ -89,7 +90,11 @@ The [`pdf.js`](pdf.js) module uses a headless browser ([`puppeteer`](https://git
 
 The following scripts can be executed manually or as part of a GitHub Action:
 
-- [`npm run build`](build.js) runs the conversion and writes the Markdown output as well as the HTML output into the [`docs/*`](../docs) folder.
+- [`npm run build`](build.js) runs the conversion and writes the following into the [`docs/*`](../docs) folder:
+  - the Markdown output
+  - the HTML output
+  - a copy of the common [`styles`](../styles) folder
+  - a copy of the document-specific `*/images` folder, if this exists.
 - [`npm run pdf`](build-pdf.mjs) runs the PDF conversion and writes the PDF document into the [`docs/*`](../docs) folder.
 - [`npm test`](../test) runs a test suite.
 
diff --git a/lib/number.js b/lib/number.js
index 2d8efa6fa..a1c9357dd 100644
--- a/lib/number.js
+++ b/lib/number.js
@@ -15,7 +15,7 @@ class Number {
     this.meta =
       meta ||
       yaml.load(
-        fs.readFileSync(dir + "/" + (this.variant || "meta") + ".yaml")
+        fs.readFileSync(dir + "/" + (this.variant || "meta") + ".yaml"),
       );
   }
 
@@ -71,7 +71,7 @@ class Number {
                   this.toc[m[1]] = { sub: [] };
                 if (m[1].endsWith("sec")) {
                   m = line.match(
-                    / ##([A-Za-z0-9.]+)(?:_[A-Za-z0-9]+)?\s+(.+)$/
+                    / ##([A-Za-z0-9.]+)(?:_[A-Za-z0-9]+)?\s+(.+)$/,
                   );
                   m[3] = m[2].replace(/[^A-Za-z0-9]/g, "");
                 }
@@ -112,10 +112,10 @@ class Number {
                 }
                 this.match++;
               }
-            }.bind(this)
+            }.bind(this),
           )
           .on("close", resolve);
-      }.bind(this)
+      }.bind(this),
     );
   }
 
@@ -134,19 +134,28 @@ class Number {
             function (line) {
               lineno++;
               if (this.skip(line)) return;
-              var m1 = line.match(/^\$\$\$(.*?isec)\$\$\$$/);
+              var m1 = line.match(/^\$\$\$include\s+(.*?)\$\$\$\s*$/);
+              if (m1) {
+                try {
+                  out.write(fs.readFileSync(this.dir + "/" + m1[1]));
+                } catch (e) {
+                  this.errors.push(e);
+                }
+                return;
+              }
+              m1 = line.match(/^\$\$\$(.*?isec)\$\$\$\s*$/);
               if (m1) this.tableofcontents(this.toc[m1[1]]?.sub || [], out, "");
               else {
                 line = line.replace(
                   /\$\$\$(.*?)\$\$\$/g,
                   function (m, p) {
                     return this.meta[p] || m;
-                  }.bind(this)
+                  }.bind(this),
                 );
                 for (var m, regex = /\]\(#(.*?)\)/g; (m = regex.exec(line)); )
                   if (!this.refs[m[1]])
                     this.errors.push(
-                      `${this.dir}/${file}(${lineno}): Undefined link #${m[1]}`
+                      `${this.dir}/${file}(${lineno}): Undefined link #${m[1]}`,
                     );
                 m = line.match(/ ##([A-Za-z0-9.]+)(_([A-Za-z0-9]+))?/);
                 var outline = line;
@@ -171,19 +180,19 @@ class Number {
                       if (r) return `${r}](#${p})`;
                       else {
                         this.errors.push(
-                          `${this.dir}/${file}(${lineno}): Undefined link ##${p}`
+                          `${this.dir}/${file}(${lineno}): Undefined link ##${p}`,
                         );
                         return `~~${p}~~]`;
                       }
-                    }.bind(this)
-                  )
+                    }.bind(this),
+                  ),
                 );
                 if (!/\S\s$/.test(line)) out.write("\n");
               }
-            }.bind(this)
+            }.bind(this),
           )
           .on("close", resolve);
-      }.bind(this)
+      }.bind(this),
     );
   }
 
@@ -192,7 +201,7 @@ class Number {
       out.write(
         `${indent}- [${
           s.number.startsWith("i") ? "" : s.number + " "
-        }${s.name.replace(/,? $/, "")}](#${s.href})\n`
+        }${s.name.replace(/,? $/, "")}](#${s.href})\n`,
       );
       this.tableofcontents(s.sub, out, indent + "  ");
     }
diff --git a/lib/server.js b/lib/server.js
index 8f1701479..07961651a 100644
--- a/lib/server.js
+++ b/lib/server.js
@@ -10,6 +10,7 @@ const liveReloadServer = livereload.createServer({ extraExts: ["md"] });
 liveReloadServer.watch(path.join(__dirname, ".."));
 
 const connectLivereload = require("connect-livereload");
+const statics = { images: {} };
 
 const app = express()
   .enable("strict routing")
@@ -57,16 +58,14 @@ const app = express()
     } catch (err) {
       next();
     }
+  })
+  .use("/:doc/styles", express.static(`${__dirname}/../styles`))
+  .use("/:doc/images", function (req, res, next) {
+    (statics.images[req.params.doc] ||= express.static(
+      `${__dirname}/../${req.params.doc}/images`,
+    ))(req, res, next);
   });
 
-iterator(function (srcname, name, variant) {
-  app.use(`/${srcname}/styles`, express.static(`${__dirname}/../styles`));
-  app.use(
-    `/${srcname}/images`,
-    express.static(`${__dirname}/../${srcname}/images`),
-  );
-});
-
 if (module.parent) module.exports = app;
 else
   app.listen(8080, function () {
diff --git a/odata-temporal-ext/2 Overview.md b/odata-temporal-ext/2 Overview.md
index 1ec00a67a..160f42f93 100644
--- a/odata-temporal-ext/2 Overview.md	
+++ b/odata-temporal-ext/2 Overview.md	
@@ -58,7 +58,7 @@ Example ##ex_api1: model for `api-1` with snapshot entity sets (hidden
 application time), key properties marked with {id}
 :::
 
-![API-1](./images/api-1.drawio.svg)
+$$$include diagrams/api-1.drawio.svg$$$
 
 and
 
@@ -67,8 +67,7 @@ Example ##ex_api2: model for `api-2` with timeline entity sets (visible
 application time), key properties marked with {id}
 :::
 
-![API-2](./images/api-2.drawio.svg)
-
+$$$include diagrams/api-2.drawio.svg$$$
 
 ## ##subsec Example Data
 
@@ -80,7 +79,7 @@ Example ##ex: simple storage model: object key in dark green, temporal
 sub-key in light green, foreign keys in orange, non-key fields in blue
 :::
 
-![DB](./images/db.drawio.svg)
+$$$include diagrams/db.drawio.svg$$$
 
 The period start date is used as the temporal sub-key for identifying
 time slices together with the key of the temporal object.
diff --git a/docs/odata-temporal-ext/images/api-1.drawio.svg b/odata-temporal-ext/diagrams/api-1.drawio.svg
similarity index 100%
rename from docs/odata-temporal-ext/images/api-1.drawio.svg
rename to odata-temporal-ext/diagrams/api-1.drawio.svg
diff --git a/docs/odata-temporal-ext/images/api-2.drawio.svg b/odata-temporal-ext/diagrams/api-2.drawio.svg
similarity index 100%
rename from docs/odata-temporal-ext/images/api-2.drawio.svg
rename to odata-temporal-ext/diagrams/api-2.drawio.svg
diff --git a/docs/odata-temporal-ext/images/db.drawio.svg b/odata-temporal-ext/diagrams/db.drawio.svg
similarity index 100%
rename from docs/odata-temporal-ext/images/db.drawio.svg
rename to odata-temporal-ext/diagrams/db.drawio.svg
diff --git a/odata-temporal-ext/images/api-1.drawio.svg b/odata-temporal-ext/images/api-1.drawio.svg
deleted file mode 100644
index d0414882c..000000000
--- a/odata-temporal-ext/images/api-1.drawio.svg
+++ /dev/null
@@ -1,186 +0,0 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="108px" viewBox="-0.5 -0.5 501 108" content="&lt;mxfile&gt;&lt;diagram name=&quot;api-1&quot; id=&quot;EjO4HiSS11ZoHee_JRug&quot;&gt;7Vlbc9o6EP41fjkzdHw3fYyBpKdNegntdCYvHWELWyeyRGURIL++K1vGNnYSkqaUM0OGCejzarWr/Va7CMMZZesLgRbpFY8xNWwzXhvO2LBt3/TgvwI2GrDelkAiSFxCVg1MyT3WoKnRJYlx3hKUnFNJFm0w4ozhSLYwJARftcXmnLZXXaAEd4BphGgX/U5imZbo0DNr/B0mSVqtbJn6SYYqYQ3kKYr5qgE5E8MZCc5l+SlbjzBVe1ftSznv/IGnW8MEZnKfCeMvAz+/iuXkx+bDxSf747eb6+lAa7lDdKkdnmQLyjcYa6PlptqJfEUyihiMwjlncqqfmDCOUkLjS7ThS2VJLlF0W43ClAtyD/KIwiMLAHgspA607StthNIRp1wU6zi+G/jDoDVzqjTqtQTOYe7nym1rB7pC65bgJcplZSWnFC1yMivsVhMzJBLCQi4lz7TQKiUSTxcoUjIroLQyRGa18YLf4oa1juU6nqv3pIHPiz+Nn6OMUJUAl2SGBZKEM9jbKWJAzrAbxyooWEi8bkA6rheYZ1iKDYhUT33NMZ1kW86tasparsbSJl1NV6eKTpNkq7tmEnzQZHoGsewOsf4dG84ZQJM4ezOVgrAEBkYQgppg3GEbeC47+814Sb8GYTSEKEkYDCmeq2lq6wgk8ZmGJVdxzCGssOxlITN2a+Ra74iCOMyd0yJRUxLHmCkqcYkkmm35vuCEyWLHvBBesLEj841neGD4CMZWPYaXEhdADQa+IFLEGAMpV1gR8ym+vYA9j+b505SqKOTvx6BK7tUJ5HQI9BFluEuhE2+Oijee/Zd543Z4857PJJH0xJ1j504wPBx37r+G//2wR8uv+er2BrFv9Pp6Pgg63BljcFNmytGD9UPH2Pc81KMdZz/k2Tv9kOPsx6yKga/OrOGpHfpLR9OjiX6U7VCvxW9P7dD/kTeHbId6Lba6/VCHJJjFZ+qqBEZ8UUSqqEk7WGM7BV+yGMc6jIXwOVF2FWNQ1x7p4mZthZvAy+tBzpciqur0Iw0IrJjgPaKK49ZVUDemjSB6PTGsMIEpuHDXvkDqC6xe4bNKg7p4OcN28XKHQVtF6bee1bzw2VHkuTtVMLDbisqN6SgqeLZ1ey/q3XyZ/QzZ93dznw05Gpgj68Oq527JsH2qsjUmdy0G+j+X6hYsVKfVQJ9B6mDTx1AtAJ8S/V4ogoOH9WqaQeOUFDQdROURp/QRRiRRjVePyn8qneBrqba9FMCF2W30GD2pbvDyZ3r0jNJR1YkIchKL/lrSOC9260gGFUEt03tstw+XQ7SLzm67GASdU9vvSXjH/P1DuzdzupdnT/HtYWLty1BR+nUYilp/NNkO6krzG+ILfDoloX7q7larnu9sr5SEMKx/dimrXf3blTP5BQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
-    <defs/>
-    <g>
-        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 0 26 L 0 104 L 140 104 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Employee
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Employee
-                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                ID: Edm.String {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    ID: Edm.String {id}
-                </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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Name: Edm.String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="71" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Name: Edm.String
-                </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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Jobtitle: Edm.String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="97" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Jobtitle: Edm.String
-                </text>
-            </switch>
-        </g>
-        <path d="M 360 39 L 360 13 L 500 13 L 500 39" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 39 L 360 91 L 500 91 L 500 39" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 39 L 500 39" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 26px; margin-left: 361px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Department
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="430" y="30" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Department
-                </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: 130px; height: 1px; padding-top: 46px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                ID: Edm.String {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="58" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    ID: Edm.String {id}
-                </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: 130px; height: 1px; padding-top: 72px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Name: Edm.String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="84" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Name: Edm.String
-                </text>
-            </switch>
-        </g>
-        <path d="M 142.24 52 L 357.76 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 152.12 46.5 L 141.12 52 L 152.12 57.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 347.88 57.5 L 358.88 52 L 347.88 46.5" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 72px; margin-left: 161px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="text-align: left;">
-                                    <span style="background-color: initial;">
-                                        *
-                                    </span>
-                                </div>
-                                <div style="text-align: left;">
-                                    <span style="background-color: initial;">
-                                        Employees
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="190" y="76" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    *...
-                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 28px; margin-left: 281px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="">
-                                    <div style="text-align: right;">
-                                        <span style="background-color: initial;">
-                                            1
-                                        </span>
-                                    </div>
-                                    <div style="text-align: right;">
-                                        <span style="background-color: initial;">
-                                            Department
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="310" y="32" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    1...
-                </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>
diff --git a/odata-temporal-ext/images/api-2.drawio.svg b/odata-temporal-ext/images/api-2.drawio.svg
deleted file mode 100644
index b4cfe12b8..000000000
--- a/odata-temporal-ext/images/api-2.drawio.svg
+++ /dev/null
@@ -1,355 +0,0 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="502px" height="266px" viewBox="-0.5 -0.5 502 266" content="&lt;mxfile&gt;&lt;diagram id=&quot;0CPCkknw8gVCiOM62pMd&quot; name=&quot;api-2&quot;&gt;7VvbUts6FP2avJwZOr7HecwF6OFA22noQPvSUWIRa5CtHEUhCV/fLUeOLzJgaBLMjDtMsbblbUl77aUlWXTsYbQ+52geXrEA045lBOuOPepYlt/14H9p2ChDTxlmnARbk5kZxuQRK6OhrEsS4EWhomCMCjIvGqcsjvFUFGyIc7YqVrtjtPjWOZphzTCeIqpbb0ggQtUL18jsnzGZhembTUPdiVBaWRkWIQrYKmeyTzv2kDMmtlfReoipHLt0XLbPnT1xd9cwjmNR5wFxftH7TVdX9wH92ecXF59/ufGJqdw8ILpUPT6N5pRtMP4dkoVgfKNaLzbpkCxWJKIohtLgjsVirO4YUJ6GhAaXaMOWskkLgab3aWkQMk4eoT6icMsEA9zmQkXc8qQ3QumQUcaT99ie0/X8buHJsfSo3sXxAp79lvbfLJmu0LpQ8RItRNpKRimaL8gkabd8MEJ8RuIBE4JFqtIqJAKP52gq66wA27IhIsoaz9k9zrXWNh3bddSY5Ox3yT9lP0MRoTITLskEcyQIi2FsxygGlA70gKbBwVzgdc6kAnyOWYSFjJCR3nUU2FS22Sn4Vhl2d3XCPG5tS+WMypfZzncGKbhQqHoNwiwNYWdcjnIfjKdB9GmEBIbLTncAfrojDW7QdaENeMy2+MshRpkQJbMYihTfycfk2BFI574yCyYDuYC4knh2mdQZOZnluxoSaWLw7B1NUjYkQYBjiSUmkECTHeDnjMQiGTJ3AD8wskPjk9txoeFDKJtZGX5kdQ7YiKEviCRBxoDKFZbIfAlwb4DP8xn/MqgUiCyvHoYs/+8h1O/ec2vwg1wOo8uZZ7i/wtNKCF2zMoBa1DQLNcCF9VDjHYp4bA01X1CEM9yMBYfYtchpGnL8mnPW4ZDjaMi5YBNBBG3R03j0mEbd6epg8HE1+Iww9FRE0Nfjq+omquenlH4zVbVrlFW1VVdVG4fCmNeq6kbxlFsbVK9V1XugqWpVreujVlU3HTVuTebZB2qcGb44ozf929C6uRqvHfzfuXOiz22tqP4IwOn6762KuhpyBstghkWOcvCURCBkWvA0DDymccTFfPVkpYEn3aY+npBut6f3vT1t9mou9dNpb++40ncW/x3pk1kro/dPTc+m+cdR0c+t9Y9HTU2koI+9xjd7NZX2wahJX+G31PSO1PTxFvi+BiANIzgO+vKQRAaDhFpSG5snwcuNJmfLOMCBimJS+YzIZiVlcFcsKY4yd5Xzhren9YIt+RS/PI/AG5MFxktBxUHhEIge0lwM3SoOUDaOKXThARcaWxVX9YZvMgsyDrK90j6j3y262PZbPWXljnqUHLlWicy6JZLaDozmKIHZrttvR16vAnkelckakIcCAr3/l/L8y0CS1YmiIElxioWyCnA1U78TR8A7caWnCcx/swSmJ9Mtw0l/JCaCyPmzwuU/qU/o69Zt8VVgTppdtDaxJ+maaPHKHr1i5kiniSnkJObVU0mOL8rTSAQTgnxNJWsXyeUYs77V6xUSxao4L+NVJPw+9vUrt9f0de5znB0QFLE4uA5JXKZuPRR1qdssULdVSd14TcStfBLm6G3pZ+oHrkfrfGHz1/HM0/2zOxofjO+trlFCX+kETW2+N19wtD++r0StvopuMku+E9/vPvy2HFxceZWzwNdXXkflYP27WMvBNTi4ruY2G8XBXvnbfrcEq7ocXHakbQwcmIP1M0stB7ccXFcHlwVExRm8Q3Ew20xu++sfY9v/bnz98vU8vH58qNTBz2PgadjWRQ3f9us4CWAeNAGO2pX8hvcb+tQmobrrlHZtLOedk7BK1peFEMzi6WcMTCdsdZoZ8kNP0QTTwQ5apRhlY50IH+kHrvOfPQY5xaV2JYubjaXta10tFTcjIUp8c7vTXVD4mUkpWcz0U1JqkoDyXi+g/ArY+HvatCzpHtd7o4Cy/aIjxy85ekJAASzQJldNfVp4ssFOWfGZhb+bg4utx5rqrCMPXqZ/w7etnv0hpH36Bw==&lt;/diagram&gt;&lt;/mxfile&gt;">
-    <defs/>
-    <g>
-        <path d="M 0 156 L 0 130 L 140 130 L 140 156" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 0 156 L 0 262 L 140 262 L 140 156" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 156 L 140 156" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 143px; margin-left: 1px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Employee_history
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="70" y="147" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Employee_history
-                </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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 24px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                From: Edm.Date {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="175" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    From: Edm.Date {id}
-                </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: 130px; height: 1px; padding-top: 191px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                To: Edm.Date
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    To: Edm.Date
-                </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: 130px; height: 1px; padding-top: 217px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Name: Edm.String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Name: Edm.String
-                </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: 130px; height: 1px; padding-top: 243px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Jobtitle: Edm.String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Jobtitle: Edm.String
-                </text>
-            </switch>
-        </g>
-        <path d="M 360 158 L 360 132 L 500 132 L 500 158" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 158 L 360 262 L 500 262 L 500 158" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 158 L 500 158" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 145px; margin-left: 361px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Department_history
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="430" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Department_history
-                </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: 130px; height: 1px; padding-top: 165px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                From: Edm.Date {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="177" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    From: Edm.Date {id}
-                </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: 130px; height: 1px; padding-top: 191px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                To: Edm.Date
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="203" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    To: Edm.Date
-                </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: 130px; height: 1px; padding-top: 217px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Name: Edm.String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="229" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Name: Edm.String
-                </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: 130px; height: 1px; padding-top: 243px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Budget: Edm.Decimal
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="255" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    Budget: Edm.Decimal
-                </text>
-            </switch>
-        </g>
-        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 26 L 0 52 L 140 52 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Employee
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Employee
-                </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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                ID: Edm.String {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="45" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    ID: Edm.String {id}
-                </text>
-            </switch>
-        </g>
-        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 28 L 360 54 L 500 54 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Department
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Department
-                </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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                ID: Edm.String {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="47" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px">
-                    ID: Edm.String {id}
-                </text>
-            </switch>
-        </g>
-        <path d="M 142.24 26.4 L 360 27.61" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 152.15 20.96 L 141.12 26.4 L 152.09 31.96" fill="none" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 45px; margin-left: 160px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="text-align: left;">
-                                    <span style="background-color: initial;">
-                                        *
-                                    </span>
-                                </div>
-                                <div style="text-align: left;">
-                                    <span style="background-color: initial;">
-                                        Employees
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="189" y="49" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    *...
-                </text>
-            </switch>
-        </g>
-        <path d="M 430 132 L 430 75.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 430 54.99 L 436.18 65.49 L 430 75.99 L 423.82 65.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 107px; margin-left: 431px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="text-align: left;">
-                                    <span style="background-color: initial;">
-                                        *
-                                    </span>
-                                </div>
-                                <div style="text-align: left;">
-                                    history
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="460" y="111" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    *...
-                </text>
-            </switch>
-        </g>
-        <path d="M 70 130 L 70 73.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 70 52.99 L 76.18 63.49 L 70 73.99 L 63.82 63.49 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" 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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 105px; margin-left: 71px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="text-align: left;">
-                                    <span style="background-color: initial;">
-                                        *
-                                    </span>
-                                </div>
-                                <div style="text-align: left;">
-                                    history
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="100" y="109" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    *...
-                </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 center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 65px; margin-left: 281px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="">
-                                    <div style="text-align: right;">
-                                        <span style="background-color: initial;">
-                                            1
-                                        </span>
-                                    </div>
-                                    <div style="text-align: right;">
-                                        <span style="background-color: initial;">
-                                            Department
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="310" y="69" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    1...
-                </text>
-            </switch>
-        </g>
-        <path d="M 140 196 L 250 196 Q 260 196 260 186 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>
diff --git a/odata-temporal-ext/images/db.drawio.svg b/odata-temporal-ext/images/db.drawio.svg
deleted file mode 100644
index e1fa16baf..000000000
--- a/odata-temporal-ext/images/db.drawio.svg
+++ /dev/null
@@ -1,260 +0,0 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="501px" height="186px" viewBox="-0.5 -0.5 501 186" content="&lt;mxfile&gt;&lt;diagram id=&quot;Wq--N-ZKPKJSso2YS7MK&quot; name=&quot;db&quot;&gt;7Zpdb+I4FIZ/TS5n5HzTS5JApyO6Gi0rreZqZRITrDoxa0yB/vo9TmySENoyow60s1RITd4cn9jHjx37JJYbF9tbgZeLe54RZjko21puYjmO7YQI/illZ5Sbm1rJBc201ghT+kS0qAvma5qRVcdQcs4kXXbFlJclSWVHw0LwTddszln3rkuck54wTTHrq3/TTC5qdeCjRv9CaL4wd7aRvlJgY6yF1QJnfNOS3JHlxoJzWR8V25gwFT0Tl7rc+Jmr+4oJUspTCsST+7vbf9xRvo6/0/BL+XS/e/xkazePmK11i0fFkvEdIbrWcmdCsdrQguESzqI5L+VUX0Fwni4oyyZ4x9eqKiuJ0wdzFi24oE9gjxlcskGAy0LqnnYC5Y0yFnPGRXUfN/DCYBB2Sk6VR30vQVZQ9ptpt30g3eNtx3CCV9LUkjOGlys6q+qtChZY5LSMuJS80EabBZVkusSpstkA1aoismgqL/gDadXWtT3X93RMWvq8+tP6GBeUqSEwoTMisKS8hNhOcQl0Rv2ONJ1ChCTblqQ79pbwgkixAxNz1dOQmWF2o883DbN7m0Wb14Gjx4oeJ/ned4MSHGiafoQsp0fWXWK5Q9VuKWiZw4EVRuAjTHqoQbPlsWAj5IcI9ZFBaIAqHTOal6AxMlcOVAQpDOahliVX3bmC3oUKTCqbxGuUP3VglMSh7JxVA3ZBs4yUiiguscSzPfZLTktZBc6P4AfxjdFn3/KhSjGc2805/JS5AEJKaBWmVVcTYHNDFJ+vYfeGcL08D7yOnEYMRu5JhBm7NwfM8XqAjYUaxgqxBEvyM4A5SRgcA8yNIze0r4CdETDfuTRgfg+wv3gbr5MnrWA0HPeZ8rwgHg6vTJ2RqXBwYaZuekj9gQvSfSxesfpoWNnIuzBX/anqK59JKtmVrY/OlnviUv7XPQfDHlwJgZbKAtr6+e70xVWUhOjY4mo8/n+t3lH1d1mq/Esv3233BarOl3t4jzmG5/Ih7zP34KPD3MOJC/c9g2/PVn9reM09vN9nonsycu8l99B/Iv7C1EM6u6YezsvXxVMPg2vm4TdD6uKZB+P4mnr4rbi6fOrBvKltgRWts5xIPWGRlBaw/r6y9fHYunzqof962nICpqKZ0ccOUMG/a/UmPeoc5fr/D5awTRGodFWq6+hQPYXsklebVwOvqIPXgVybtJA4ZLsAStVdjqIk+LrMSKa5PcfOzzNvSMyyHPV5CY7gYrB6e1z675x7vUNgajLpA8JmfDNqhHbsGZ4RFuH0Ia8Ce9BJTbCVbeVHzSKtdENEymyoPkABnS+ruQWUMVUtSo5sF9uZCRvV1u3Tn+/QFV+LlLwUNr2dgRpU0/ar+2oVwxcBaQEwOAKA0QRh0IjH7qc2x6jQd/imJuOGvz1Imr/Adbsu6pbrUk7r05gDR+6g68gbHBBaR6bnCPoX71pm+mHxbIW9g1SJa3c+2YGD2mMzAvYxPTYoLLXrNJ8P1ebNV1ju6D8=&lt;/diagram&gt;&lt;/mxfile&gt;">
-    <defs/>
-    <g>
-        <path d="M 0 26 L 0 0 L 140 0 L 140 26" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 0 26 L 0 182 L 140 182 L 140 26" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 0 26 L 140 26" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 13px; margin-left: 1px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Employee
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="70" y="17" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Employee
-                </text>
-            </switch>
-        </g>
-        <rect x="0" y="26" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 33px; margin-left: 6px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                ID: String {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="45" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    ID: String {id}
-                </text>
-            </switch>
-        </g>
-        <rect x="0" y="52" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 59px; margin-left: 6px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                From: Date {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="71" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    From: Date {id}
-                </text>
-            </switch>
-        </g>
-        <rect x="0" y="78" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 85px; margin-left: 6px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                To: Date
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="97" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    To: Date
-                </text>
-            </switch>
-        </g>
-        <rect x="0" y="104" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 111px; margin-left: 6px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Name: String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="123" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    Name: String
-                </text>
-            </switch>
-        </g>
-        <rect x="0" y="130" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 137px; margin-left: 6px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Jobtitle: String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="149" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    Jobtitle: String
-                </text>
-            </switch>
-        </g>
-        <rect x="0" y="156" width="140" height="26" fill="#ff8000" stroke="#bd7000" 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: 130px; height: 1px; padding-top: 163px; margin-left: 6px;">
-                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Department.ID
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="6" y="175" fill="#000000" font-family="Liberation Sans" font-size="12px">
-                    Department.ID
-                </text>
-            </switch>
-        </g>
-        <path d="M 360 28 L 360 2 L 500 2 L 500 28" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 28 L 360 158 L 500 158 L 500 28" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 360 28 L 500 28" fill="none" stroke="#314354" 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 center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 15px; margin-left: 361px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Department
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="430" y="19" fill="#ffffff" font-family="Liberation Sans" font-size="12px" text-anchor="middle">
-                    Department
-                </text>
-            </switch>
-        </g>
-        <rect x="360" y="28" width="140" height="26" fill="#008000" stroke="#005700" 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: 130px; height: 1px; padding-top: 35px; margin-left: 366px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                ID: String {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="47" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    ID: String {id}
-                </text>
-            </switch>
-        </g>
-        <rect x="360" y="54" width="140" height="26" fill="#3cb371" stroke="#2d7600" 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: 130px; height: 1px; padding-top: 61px; margin-left: 366px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                From: Date {id}
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="73" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    From: Date {id}
-                </text>
-            </switch>
-        </g>
-        <rect x="360" y="80" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 87px; margin-left: 366px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                To: Date
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="99" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    To: Date
-                </text>
-            </switch>
-        </g>
-        <rect x="360" y="106" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 113px; margin-left: 366px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Name: String
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="125" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    Name: String
-                </text>
-            </switch>
-        </g>
-        <rect x="360" y="132" width="140" height="26" fill="#446caa" stroke="#006eaf" 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: 130px; height: 1px; padding-top: 139px; margin-left: 366px;">
-                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; overflow: hidden;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                Budget: Decimal
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="366" y="151" fill="#ffffff" font-family="Liberation Sans" font-size="12px">
-                    Budget: Decimal
-                </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 center; justify-content: unsafe flex-end; width: 58px; height: 1px; padding-top: 25px; margin-left: 285px;">
-                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: right;">
-                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Liberation Sans&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
-                                <div style="">
-                                    <div style="">
-                                        1
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </foreignObject>
-                <text x="343" y="29" fill="rgb(0, 0, 0)" font-family="Liberation Sans" font-size="12px" text-anchor="end">
-                    1
-                </text>
-            </switch>
-        </g>
-        <path d="M 140 169 L 250 169 Q 260 169 260 159 L 260 51 Q 260 41 270 41 L 357.76 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 347.88 46.5 L 358.88 41 L 347.88 35.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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>