From cab5602f78762efcdc9446adbcf0acfe63e9325a Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 22 Jun 2023 13:55:24 +0200
Subject: [PATCH 01/33] Created template for tooltips

---
 .../src/components/xml/tooltips/TooltipController.vue | 11 +++++++++++
 Frontend/src/views/XPathView.vue                      |  2 ++
 2 files changed, 13 insertions(+)
 create mode 100644 Frontend/src/components/xml/tooltips/TooltipController.vue

diff --git a/Frontend/src/components/xml/tooltips/TooltipController.vue b/Frontend/src/components/xml/tooltips/TooltipController.vue
new file mode 100644
index 0000000..7123964
--- /dev/null
+++ b/Frontend/src/components/xml/tooltips/TooltipController.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+    <div class="flex flex-row">
+        <button class="grow-0 tool-button ">&lt;</button>
+        <div id="content" class="w-1/3">fdfgjoejgioej</div>
+    </div>
+</template>
\ No newline at end of file
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index eb00f58..ac804cb 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import xmlInputFieldComponent from '@/components/xml/XmlInputFieldComponent.vue';
 import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
+import tooltipController from '@/components/xml/tooltips/TooltipController.vue';
 import { ref } from 'vue';
 
 
@@ -16,5 +17,6 @@ const query = ref('');
             <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
+        <tooltipController></tooltipController>
     </div>
 </template>
\ No newline at end of file

From ddc7b72871e2a533e83783af56ee343ff2897b4f Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 22 Jun 2023 13:55:24 +0200
Subject: [PATCH 02/33] Created template for tooltips

---
 .../src/components/xml/tooltips/TooltipController.vue | 11 +++++++++++
 Frontend/src/views/XPathView.vue                      |  2 ++
 2 files changed, 13 insertions(+)
 create mode 100644 Frontend/src/components/xml/tooltips/TooltipController.vue

diff --git a/Frontend/src/components/xml/tooltips/TooltipController.vue b/Frontend/src/components/xml/tooltips/TooltipController.vue
new file mode 100644
index 0000000..7123964
--- /dev/null
+++ b/Frontend/src/components/xml/tooltips/TooltipController.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+    <div class="flex flex-row">
+        <button class="grow-0 tool-button ">&lt;</button>
+        <div id="content" class="w-1/3">fdfgjoejgioej</div>
+    </div>
+</template>
\ No newline at end of file
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index eb00f58..ac804cb 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import xmlInputFieldComponent from '@/components/xml/XmlInputFieldComponent.vue';
 import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
+import tooltipController from '@/components/xml/tooltips/TooltipController.vue';
 import { ref } from 'vue';
 
 
@@ -16,5 +17,6 @@ const query = ref('');
             <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
+        <tooltipController></tooltipController>
     </div>
 </template>
\ No newline at end of file

From bd8e96047d53d70def129fdb6f21d06d43e7a7da Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 22 Jun 2023 14:40:33 +0200
Subject: [PATCH 03/33] Added component for tooltips and categories

---
 .../xml/tooltips/TooltipCategoryComponent.vue | 22 +++++++++++++++++++
 .../xml/tooltips/TooltipComponent.vue         | 19 ++++++++++++++++
 .../xml/tooltips/TooltipController.vue        | 11 ----------
 Frontend/src/views/XPathView.vue              |  4 ++--
 4 files changed, 43 insertions(+), 13 deletions(-)
 create mode 100644 Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
 create mode 100644 Frontend/src/components/xml/tooltips/TooltipComponent.vue
 delete mode 100644 Frontend/src/components/xml/tooltips/TooltipController.vue

diff --git a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
new file mode 100644
index 0000000..64b8e32
--- /dev/null
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+const isCategoryHidden = ref(true)
+
+const props = defineProps({
+    name: {type: String, required: true}
+})
+
+function toggleTooltips() {
+    isCategoryHidden.value = !isCategoryHidden.value;
+}
+
+</script>
+
+<template>
+    <div class="flex p-2 flex-col rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+        <button :class="{ 'mb-2' : !isCategoryHidden }" class="text-white" @click="toggleTooltips()">{{ props.name }}</button>
+        <div id="content" :class="{'hidden' : isCategoryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+            Ultrices purus convallis pretium. Velit adipiscing curabitur facilisis proin, dis elit fames conubia lacinia adipiscing massa montes. Nec gravida volutpat viverra viverra et eu ac morbi id proin donec. Dis sollicitudin egestas sociis metus cras inceptos vehicula auctor felis vestibulum? Non potenti platea elit morbi suscipit eleifend, condimentum phasellus aliquet condimentum eros sodales. Mus pretium adipiscing, tempor gravida. Sapien.
+        </div>
+    </div>
+</template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
new file mode 100644
index 0000000..4d4d1b6
--- /dev/null
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue'
+const areTooltipsHidden = ref(true)
+
+function toggleTooltips() {
+    areTooltipsHidden.value = !areTooltipsHidden.value;
+}
+
+</script>
+
+<template>
+    <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+        <button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
+        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+            <tooltipCategoryComponent name="Category I"></tooltipCategoryComponent>
+        </div>
+    </div>
+</template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipController.vue b/Frontend/src/components/xml/tooltips/TooltipController.vue
deleted file mode 100644
index 7123964..0000000
--- a/Frontend/src/components/xml/tooltips/TooltipController.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-
-
-</script>
-
-<template>
-    <div class="flex flex-row">
-        <button class="grow-0 tool-button ">&lt;</button>
-        <div id="content" class="w-1/3">fdfgjoejgioej</div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index ac804cb..51d9a61 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import xmlInputFieldComponent from '@/components/xml/XmlInputFieldComponent.vue';
 import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
-import tooltipController from '@/components/xml/tooltips/TooltipController.vue';
+import tooltipComponent from '@/components/xml/tooltips/TooltipComponent.vue';
 import { ref } from 'vue';
 
 
@@ -17,6 +17,6 @@ const query = ref('');
             <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
-        <tooltipController></tooltipController>
+        <tooltipComponent></tooltipComponent>
     </div>
 </template>
\ No newline at end of file

From 5dcbf12afe88309b00b0024f67d41d0cbe725595 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 22 Jun 2023 14:51:47 +0200
Subject: [PATCH 04/33] Fixed color of result fields

---
 Frontend/src/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index 9f2f873..e457885 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -7,5 +7,5 @@
 }
 
 .text-field {
-    @apply w-full font-mono dark:text-slate-100 dark:bg-gray-600 border border-slate-400 p-2 rounded-lg
+    @apply w-full font-mono dark:text-slate-100 bg-slate-50 dark:bg-gray-600 border border-slate-400 p-2 rounded-lg
 }
\ No newline at end of file

From 59e50e47978f99bd5b32f96411aec73af0b381f4 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 22 Jun 2023 14:54:47 +0200
Subject: [PATCH 05/33] Created component for entry

---
 .../xml/tooltips/TooltipCategoryComponent.vue |  6 ++---
 .../xml/tooltips/TooltipComponent.vue         |  7 +++++-
 .../xml/tooltips/TooltipEntryComponent.vue    | 22 +++++++++++++++++++
 3 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue

diff --git a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
index 64b8e32..8247758 100644
--- a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -14,9 +14,9 @@ function toggleTooltips() {
 
 <template>
     <div class="flex p-2 flex-col rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
-        <button :class="{ 'mb-2' : !isCategoryHidden }" class="text-white" @click="toggleTooltips()">{{ props.name }}</button>
-        <div id="content" :class="{'hidden' : isCategoryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
-            Ultrices purus convallis pretium. Velit adipiscing curabitur facilisis proin, dis elit fames conubia lacinia adipiscing massa montes. Nec gravida volutpat viverra viverra et eu ac morbi id proin donec. Dis sollicitudin egestas sociis metus cras inceptos vehicula auctor felis vestibulum? Non potenti platea elit morbi suscipit eleifend, condimentum phasellus aliquet condimentum eros sodales. Mus pretium adipiscing, tempor gravida. Sapien.
+        <button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
+        <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+            <slot></slot>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 4d4d1b6..1961f59 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue'
+import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponent.vue'
 const areTooltipsHidden = ref(true)
 
 function toggleTooltips() {
@@ -13,7 +14,11 @@ function toggleTooltips() {
     <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
         <button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
-            <tooltipCategoryComponent name="Category I"></tooltipCategoryComponent>
+            <tooltipCategoryComponent name="Category I">
+                <tooltipEntryComponent name="Test"></tooltipEntryComponent>
+                <tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
+                <tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
+            </tooltipCategoryComponent>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
new file mode 100644
index 0000000..8a92c6f
--- /dev/null
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+const isEntryHidden = ref(true)
+
+const props = defineProps({
+    name: {type: String, required: true}
+})
+
+function toggleTooltips() {
+    isEntryHidden.value = !isEntryHidden.value;
+}
+
+</script>
+
+<template>
+    <div class="flex p-1 flex-col rounded-xl border border-slate-400 dark:border-slate-400">
+        <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
+        <div id="content" :class="{'hidden' : isEntryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+            Ultrices purus convallis pretium. Velit adipiscing curabitur facilisis proin, dis elit fames conubia lacinia adipiscing massa montes. Nec gravida volutpat viverra viverra et eu ac morbi id proin donec. Dis sollicitudin egestas sociis metus cras inceptos vehicula auctor felis vestibulum? Non potenti platea elit morbi suscipit eleifend, condimentum phasellus aliquet condimentum eros sodales. Mus pretium adipiscing, tempor gravida. Sapien.
+        </div>
+    </div>
+</template>
\ No newline at end of file

From 56ed20f1f7b90ec47f196561d9ab5b6b311f89b5 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 22 Jun 2023 14:59:16 +0200
Subject: [PATCH 06/33] Added scrolling

---
 Frontend/src/components/xml/tooltips/TooltipComponent.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 1961f59..6e1a259 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -13,12 +13,17 @@ function toggleTooltips() {
 <template>
     <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
         <button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
-        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <tooltipCategoryComponent name="Category I">
                 <tooltipEntryComponent name="Test"></tooltipEntryComponent>
                 <tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
                 <tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
             </tooltipCategoryComponent>
+            <tooltipCategoryComponent name="Category II">
+                <tooltipEntryComponent name="Test"></tooltipEntryComponent>
+                <tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
+                <tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
+            </tooltipCategoryComponent>
         </div>
     </div>
 </template>
\ No newline at end of file

From 6a3c9f9410c3d5d0437bc75089deef1d27c719ff Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 26 Jun 2023 07:21:28 +0200
Subject: [PATCH 07/33] Streched tooltip button to whole strip

---
 Frontend/src/components/xml/tooltips/TooltipComponent.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 6e1a259..d96c780 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -12,7 +12,9 @@ function toggleTooltips() {
 
 <template>
     <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
-        <button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
+        <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 text-white" @click="toggleTooltips()">
+            T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
+        </button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <tooltipCategoryComponent name="Category I">
                 <tooltipEntryComponent name="Test"></tooltipEntryComponent>

From e8d6183c0d21e4fc9f87e41031fdb14c53fe6240 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 26 Jun 2023 07:31:29 +0200
Subject: [PATCH 08/33] Adjusted colors of category component

---
 .../src/components/xml/tooltips/TooltipCategoryComponent.vue  | 2 +-
 Frontend/src/components/xml/tooltips/TooltipComponent.vue     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
index 8247758..c756ba2 100644
--- a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -13,7 +13,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div class="flex p-2 flex-col rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-gray-700">
         <button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
         <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <slot></slot>
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index d96c780..2d8af24 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -11,8 +11,8 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
-        <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 text-white" @click="toggleTooltips()">
+    <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+        <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 dark:text-slate-100" @click="toggleTooltips()">
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >

From adfd104416d039c32150ac12035992a1e58a15ea Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 26 Jun 2023 08:41:46 +0200
Subject: [PATCH 09/33] Added placeholders for entry

---
 .../xml/tooltips/TooltipEntryComponent.vue    | 38 ++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 8a92c6f..53cf676 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -16,7 +16,43 @@ function toggleTooltips() {
     <div class="flex p-1 flex-col rounded-xl border border-slate-400 dark:border-slate-400">
         <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
         <div id="content" :class="{'hidden' : isEntryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
-            Ultrices purus convallis pretium. Velit adipiscing curabitur facilisis proin, dis elit fames conubia lacinia adipiscing massa montes. Nec gravida volutpat viverra viverra et eu ac morbi id proin donec. Dis sollicitudin egestas sociis metus cras inceptos vehicula auctor felis vestibulum? Non potenti platea elit morbi suscipit eleifend, condimentum phasellus aliquet condimentum eros sodales. Mus pretium adipiscing, tempor gravida. Sapien.
+            <h4 class="text-xl mb-2 font-bold text-justify">Description</h4>
+            <span class="text-justify">
+                <p>
+                    Ultrices purus convallis pretium. Velit adipiscing curabitur facilisis proin, dis elit fames conubia lacinia adipiscing massa montes. Nec gravida volutpat viverra viverra et eu ac morbi id proin donec. Dis sollicitudin egestas sociis metus cras inceptos vehicula auctor felis vestibulum? Non potenti platea elit morbi suscipit eleifend, condimentum phasellus aliquet condimentum eros sodales. Mus pretium adipiscing, tempor gravida. Sapien.
+                </p>
+            </span>
+            
+            <h4 class="text-xl mt-4 mb-2 font-bold">Arguments</h4>
+            <table class="w-full">
+                <tr>
+                    <th>Name</th>
+                    <th>Type</th>
+                    <th>Description</th>
+                </tr>
+                <tr>
+                    <td class="text-center">$arg</td>
+                    <td class="text-center">any</td>
+                    <td class="text-center">Data to convert</td>
+                </tr>
+            </table>
+            <strong>Output: </strong> string
+
+            <h4 class="text-xl mt-4 mb-2 font-bold">Example</h4>
+            <table class="w-full">
+                <tr>
+                    <th>Command</th>
+                    <th>Output</th>
+                </tr>
+                <tr>
+                    <td>string(696969)</td>
+                    <td>'696969'</td>
+                </tr>
+                <tr>
+                    <td>string('dupa')</td>
+                    <td>'dupa'</td>
+                </tr>
+            </table>
         </div>
     </div>
 </template>
\ No newline at end of file

From e0955f27298ff31407c1230001f53a8089fa6a1b Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 26 Jun 2023 08:59:27 +0200
Subject: [PATCH 10/33] Centered tables

---
 .../components/xml/tooltips/TooltipCategoryComponent.vue  | 2 +-
 .../src/components/xml/tooltips/TooltipEntryComponent.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
index c756ba2..216d459 100644
--- a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -13,7 +13,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-gray-700">
+    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-slate-700">
         <button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
         <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <slot></slot>
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 53cf676..04b036d 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -45,12 +45,12 @@ function toggleTooltips() {
                     <th>Output</th>
                 </tr>
                 <tr>
-                    <td>string(696969)</td>
-                    <td>'696969'</td>
+                    <td class="text-center">string(696969)</td>
+                    <td class="text-center">'696969'</td>
                 </tr>
                 <tr>
-                    <td>string('dupa')</td>
-                    <td>'dupa'</td>
+                    <td class="text-center">string('dupa')</td>
+                    <td class="text-center">'dupa'</td>
                 </tr>
             </table>
         </div>

From 1088d27feab47ebdca52637a64980c379fe3fd94 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 26 Jun 2023 13:59:14 +0200
Subject: [PATCH 11/33] Added logic to tooltips

---
 .../src/assets/tooltips/xpath/xpath1.json     | 72 +++++++++++++++++++
 .../src/assets/tooltips/xpath/xpath2.json     | 43 +++++++++++
 .../xml/tooltips/TooltipComponent.vue         | 15 ++--
 .../xml/tooltips/TooltipEntryComponent.vue    | 36 +++++-----
 4 files changed, 141 insertions(+), 25 deletions(-)
 create mode 100644 Frontend/src/assets/tooltips/xpath/xpath1.json
 create mode 100644 Frontend/src/assets/tooltips/xpath/xpath2.json

diff --git a/Frontend/src/assets/tooltips/xpath/xpath1.json b/Frontend/src/assets/tooltips/xpath/xpath1.json
new file mode 100644
index 0000000..5f66284
--- /dev/null
+++ b/Frontend/src/assets/tooltips/xpath/xpath1.json
@@ -0,0 +1,72 @@
+[
+    {
+        "name": "Node-Set",
+        "entries": [
+            {
+                "name": "last",
+                "description": "The last function returns a number equal to the context size from the expression evaluation context.",
+                "arguments": [],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "last()",
+                        "output": "blablabla"
+                    }
+                ]
+            },
+            {
+                "name": "position",
+                "description": "The position function returns a number equal to the context position from the expression evaluation context.",
+                "arguments": [],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "position()",
+                        "output": "blablabla"
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "Number",
+        "entries": [
+            {
+                "name": "sum",
+                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "node-set",
+                        "description": "Data to sum"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "sum()",
+                        "output": "blablabla"
+                    }
+                ]
+            },
+            {
+                "name": "floor",
+                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "number",
+                        "description": "Data to round"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "floor(3.6)",
+                        "output": "3"
+                    }
+                ]
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
new file mode 100644
index 0000000..d78fb81
--- /dev/null
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -0,0 +1,43 @@
+[
+    {
+        "name": "Number",
+        "entries": [
+            {
+                "name": "sum",
+                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "node-set",
+                        "description": "Data to sum"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "sum()",
+                        "output": "blablabla"
+                    }
+                ]
+            },
+            {
+                "name": "floor",
+                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "number",
+                        "description": "Data to round"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "floor(3.6)",
+                        "output": "3"
+                    }
+                ]
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 2d8af24..179c649 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -2,8 +2,12 @@
 import { ref } from 'vue';
 import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue'
 import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponent.vue'
+
+import xpath1 from '@assets/tooltips/xpath/xpath1.json'
+import xpath2 from '@assets/tooltips/xpath/xpath1.json'
 const areTooltipsHidden = ref(true)
 
+
 function toggleTooltips() {
     areTooltipsHidden.value = !areTooltipsHidden.value;
 }
@@ -16,15 +20,8 @@ function toggleTooltips() {
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
-            <tooltipCategoryComponent name="Category I">
-                <tooltipEntryComponent name="Test"></tooltipEntryComponent>
-                <tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
-                <tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
-            </tooltipCategoryComponent>
-            <tooltipCategoryComponent name="Category II">
-                <tooltipEntryComponent name="Test"></tooltipEntryComponent>
-                <tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
-                <tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
+            <tooltipCategoryComponent v-for="category in xpath1" :name="category.name">
+                <tooltipEntryComponent v-for="entry in category.entries" :entry-data="entry"></tooltipEntryComponent>
             </tooltipCategoryComponent>
         </div>
     </div>
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 04b036d..2c6edca 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -3,40 +3,48 @@ import { ref } from 'vue';
 const isEntryHidden = ref(true)
 
 const props = defineProps({
-    name: {type: String, required: true}
+    entryData: {type: Object, required: true}
 })
 
 function toggleTooltips() {
     isEntryHidden.value = !isEntryHidden.value;
 }
 
+function entryHasArguments() {
+    return props.entryData.arguments.length > 0;
+}
+
+function entryHasExamples() {
+    return props.entryData.examples.length > 0;
+}
+
 </script>
 
 <template>
     <div class="flex p-1 flex-col rounded-xl border border-slate-400 dark:border-slate-400">
-        <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
+        <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.entryData.name }}</button>
         <div id="content" :class="{'hidden' : isEntryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <h4 class="text-xl mb-2 font-bold text-justify">Description</h4>
             <span class="text-justify">
                 <p>
-                    Ultrices purus convallis pretium. Velit adipiscing curabitur facilisis proin, dis elit fames conubia lacinia adipiscing massa montes. Nec gravida volutpat viverra viverra et eu ac morbi id proin donec. Dis sollicitudin egestas sociis metus cras inceptos vehicula auctor felis vestibulum? Non potenti platea elit morbi suscipit eleifend, condimentum phasellus aliquet condimentum eros sodales. Mus pretium adipiscing, tempor gravida. Sapien.
+                    {{ props.entryData.description }}
                 </p>
             </span>
             
             <h4 class="text-xl mt-4 mb-2 font-bold">Arguments</h4>
-            <table class="w-full">
+            <table v-if="entryHasArguments()" class="w-full">
                 <tr>
                     <th>Name</th>
                     <th>Type</th>
                     <th>Description</th>
                 </tr>
-                <tr>
-                    <td class="text-center">$arg</td>
-                    <td class="text-center">any</td>
-                    <td class="text-center">Data to convert</td>
+                <tr v-for="arg in props.entryData.arguments">
+                    <td class="text-center">{{ arg.name }}</td>
+                    <td class="text-center">{{ arg.type }}</td>
+                    <td class="text-center">{{ arg.description }}</td>
                 </tr>
             </table>
-            <strong>Output: </strong> string
+            <strong>Output: </strong>{{ props.entryData.output }}
 
             <h4 class="text-xl mt-4 mb-2 font-bold">Example</h4>
             <table class="w-full">
@@ -44,13 +52,9 @@ function toggleTooltips() {
                     <th>Command</th>
                     <th>Output</th>
                 </tr>
-                <tr>
-                    <td class="text-center">string(696969)</td>
-                    <td class="text-center">'696969'</td>
-                </tr>
-                <tr>
-                    <td class="text-center">string('dupa')</td>
-                    <td class="text-center">'dupa'</td>
+                <tr v-for="ex in props.entryData.examples">
+                    <td class="text-center">{{ ex.command }}</td>
+                    <td class="text-center">{{ ex.output }}</td>
                 </tr>
             </table>
         </div>

From 1229abc0b954d7b7702c057c93d51e8ce3e54587 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 26 Jun 2023 14:29:07 +0200
Subject: [PATCH 12/33] Finished logic

---
 .../src/assets/tooltips/xpath/xpath1.json     |  7 ++++++-
 .../src/assets/tooltips/xpath/xpath2.json     |  7 +------
 .../xml/XmlOutputFieldComponent.vue           |  8 +++++++-
 .../xml/tooltips/TooltipComponent.vue         | 19 +++++++++++++++++--
 .../xml/tooltips/TooltipEntryComponent.vue    |  6 +++---
 Frontend/src/views/XPathView.vue              |  9 +++++++--
 6 files changed, 41 insertions(+), 15 deletions(-)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath1.json b/Frontend/src/assets/tooltips/xpath/xpath1.json
index 5f66284..031de3b 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath1.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath1.json
@@ -45,8 +45,13 @@
                 "examples": [
                     {
                         "command": "sum()",
-                        "output": "blablabla"
+                        "output": "56"
+                    },
+                    {
+                        "command": "sum()",
+                        "output": "2137"
                     }
+
                 ]
             },
             {
diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index d78fb81..fde2214 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -13,12 +13,7 @@
                     }
                 ],
                 "output": "number",
-                "examples": [
-                    {
-                        "command": "sum()",
-                        "output": "blablabla"
-                    }
-                ]
+                "examples": []
             },
             {
                 "name": "floor",
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index 85c80df..5591d85 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -10,6 +10,8 @@ const props = defineProps(
     }
 )
 
+const emit = defineEmits(["update"]);
+
 const result = ref('');
 
 var enginesForCurrentTool = ref(["saxon", "xalan", "libxml"]);
@@ -118,6 +120,10 @@ function clear() {
     result.value = "";
 }
 
+function emitVersionChange() {
+    emit("update", version.value);
+}
+
 </script>
 
 <template>
@@ -128,7 +134,7 @@ function clear() {
                 <select v-model="engine" name="engine" @change="changeAvailableVersions()" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
                     <option v-for="engine in enginesForCurrentTool" :value="engine">{{ engine }}</option>
                 </select>
-                <select v-model="version" name="version" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
+                <select v-model="version" name="version" @change="emitVersionChange()" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
                     <option v-for="version in versionsForCurrentEngine" :value="version">{{ version }}</option>
                 </select>
                 <button class="tool-button" @click="clear">Clear</button>    
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 179c649..e042ea2 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -4,9 +4,24 @@ import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryCo
 import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponent.vue'
 
 import xpath1 from '@assets/tooltips/xpath/xpath1.json'
-import xpath2 from '@assets/tooltips/xpath/xpath1.json'
+import xpath2 from '@assets/tooltips/xpath/xpath2.json'
+import { watch } from 'vue';
+
+const props = defineProps({
+    version: {
+        type: String,
+        required: true
+    }
+})
+
 const areTooltipsHidden = ref(true)
 
+function selectXPathVersion() {
+    if (props.version == "1.0") {
+        return xpath1;
+    }
+    else return xpath2;
+}
 
 function toggleTooltips() {
     areTooltipsHidden.value = !areTooltipsHidden.value;
@@ -20,7 +35,7 @@ function toggleTooltips() {
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
-            <tooltipCategoryComponent v-for="category in xpath1" :name="category.name">
+            <tooltipCategoryComponent v-for="category in selectXPathVersion()" :name="category.name">
                 <tooltipEntryComponent v-for="entry in category.entries" :entry-data="entry"></tooltipEntryComponent>
             </tooltipCategoryComponent>
         </div>
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 2c6edca..28911f7 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -31,7 +31,7 @@ function entryHasExamples() {
                 </p>
             </span>
             
-            <h4 class="text-xl mt-4 mb-2 font-bold">Arguments</h4>
+            <h4 v-if="entryHasArguments()" class="text-xl mt-4 mb-2 font-bold">Arguments</h4>
             <table v-if="entryHasArguments()" class="w-full">
                 <tr>
                     <th>Name</th>
@@ -46,8 +46,8 @@ function entryHasExamples() {
             </table>
             <strong>Output: </strong>{{ props.entryData.output }}
 
-            <h4 class="text-xl mt-4 mb-2 font-bold">Example</h4>
-            <table class="w-full">
+            <h4 v-if="entryHasExamples()" class="text-xl mt-4 mb-2 font-bold">Example</h4>
+            <table v-if="entryHasExamples()" class="w-full">
                 <tr>
                     <th>Command</th>
                     <th>Output</th>
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index 51d9a61..43755d6 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -7,6 +7,11 @@ import { ref } from 'vue';
 
 const xml = ref('');
 const query = ref('');
+const version = ref('');
+
+function updateVersion(newVersion: string) {
+    version.value = newVersion;
+}
 
 </script>
 
@@ -16,7 +21,7 @@ const query = ref('');
             <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
             <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
-        <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
-        <tooltipComponent></tooltipComponent>
+        <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query" @update="(version) => updateVersion(version)"></xmlOutputFieldComponent>
+        <tooltipComponent :version="version"></tooltipComponent>
     </div>
 </template>
\ No newline at end of file

From 233f41237e70a2608e04c73bfde84ec573561999 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 06:52:20 +0200
Subject: [PATCH 13/33] Added link to documentation

---
 Frontend/src/assets/tooltips/xpath/xpath1.json       | 12 ++++++++----
 Frontend/src/assets/tooltips/xpath/xpath2.json       |  6 ++++--
 .../xml/tooltips/TooltipEntryComponent.vue           |  4 ++++
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath1.json b/Frontend/src/assets/tooltips/xpath/xpath1.json
index 031de3b..ee1e5bc 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath1.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath1.json
@@ -12,7 +12,8 @@
                         "command": "last()",
                         "output": "blablabla"
                     }
-                ]
+                ],
+                "documentationReferenceURL": "https://www.bing.pl"
             },
             {
                 "name": "position",
@@ -24,7 +25,8 @@
                         "command": "position()",
                         "output": "blablabla"
                     }
-                ]
+                ],
+                "documentationReferenceURL": "wwww.google.pl"
             }
         ]
     },
@@ -52,7 +54,8 @@
                         "output": "2137"
                     }
 
-                ]
+                ],
+                "documentationReferenceURL": "wwww.google.pl"
             },
             {
                 "name": "floor",
@@ -70,7 +73,8 @@
                         "command": "floor(3.6)",
                         "output": "3"
                     }
-                ]
+                ],
+                "documentationReferenceURL": "wwww.google.pl"
             }
         ]
     }
diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index fde2214..3f696bb 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -13,7 +13,8 @@
                     }
                 ],
                 "output": "number",
-                "examples": []
+                "examples": [],
+                "documentationReferenceURL": "wwww.google.pl"
             },
             {
                 "name": "floor",
@@ -31,7 +32,8 @@
                         "command": "floor(3.6)",
                         "output": "3"
                     }
-                ]
+                ],
+                "documentationReferenceURL": "wwww.google.pl"
             }
         ]
     }
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 28911f7..75aa4eb 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -57,6 +57,10 @@ function entryHasExamples() {
                     <td class="text-center">{{ ex.output }}</td>
                 </tr>
             </table>
+            <div>
+                <a :href="props.entryData.documentationReferenceURL" class="underline" target="_blank" rel="noreferrer noopener">W3C Documentation Reference</a>
+            </div>
+            
         </div>
     </div>
 </template>
\ No newline at end of file

From c589c3713e1a59d400e765918818f0be23b4e762 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 08:39:17 +0200
Subject: [PATCH 14/33] Added tooltips for XPath 1.0

---
 .../src/assets/tooltips/xpath/xpath1.json     | 535 ++++++++++++++++--
 .../xml/tooltips/TooltipController.vue        |  11 -
 .../xml/tooltips/TooltipEntryComponent.vue    |   2 -
 3 files changed, 501 insertions(+), 47 deletions(-)
 delete mode 100644 Frontend/src/components/xml/tooltips/TooltipController.vue

diff --git a/Frontend/src/assets/tooltips/xpath/xpath1.json b/Frontend/src/assets/tooltips/xpath/xpath1.json
index ee1e5bc..bd2c829 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath1.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath1.json
@@ -3,30 +3,447 @@
         "name": "Node-Set",
         "entries": [
             {
-                "name": "last",
-                "description": "The last function returns a number equal to the context size from the expression evaluation context.",
-                "arguments": [],
-                "output": "number",
-                "examples": [
-                    {
-                        "command": "last()",
-                        "output": "blablabla"
-                    }
-                ],
-                "documentationReferenceURL": "https://www.bing.pl"
-            },
-            {
-                "name": "position",
-                "description": "The position function returns a number equal to the context position from the expression evaluation context.",
+                "name": "position()",
+                "description": "Returns the position of the current context node.",
                 "arguments": [],
                 "output": "number",
                 "examples": [
                     {
                         "command": "position()",
-                        "output": "blablabla"
+                        "output": "3"
                     }
                 ],
-                "documentationReferenceURL": "wwww.google.pl"
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "last()",
+                "description": "The position function returns a number equal to the context position from the expression evaluation context.",
+                "arguments": [],
+                "output": "number",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "count()",
+                "description": "Returns the number of nodes in the node-set",
+                "arguments": [
+                    {
+                        "type": "node-set",
+                        "description": "Node-set to count nodes in"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "count(/u:root/u:UserList/u:User)",
+                        "output": "10"
+                    },
+                    {
+                        "command": "count(/u:root/u:UserList[@Id = 'b']/u:User)",
+                        "output": "1"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "id()",
+                "description": "Returns the element specified by it's unique id, requires DTD",
+                "arguments": [],
+                "output": "node-set",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "local-name()",
+                "description": "Returns the number of nodes in the node-set",
+                "arguments": [
+                    {
+                        "type": "node-set",
+                        "description": "Extract first node and return its local name"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "local-name(/u:root)",
+                        "output": "root"
+                    },
+                    {
+                        "command": "local-name(/u:root/u:UserList)",
+                        "output": "UserList"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "namespace-uri()",
+                "description": "Returns the namespace-uri for the first node in the node-set",
+                "arguments": [
+                    {
+                        "type": "node-set",
+                        "description": "Extract first node and return the namespace URI"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "namespace-uri(/u:root)",
+                        "output": "http://www.release11.com/schemas/Sample.xsd"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "name()",
+                "description": "Returns the number of nodes in the node-set",
+                "arguments": [
+                    {
+                        "type": "node-set? (Optional)",
+                        "description": "Extract first node and return QName"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "name(/u:root)",
+                        "output": "u:root"
+                    },
+                    {
+                        "command": "name(/u:root/u:UserList)",
+                        "output": "u:UserList"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            }
+        ]
+    },
+    {
+        "name": "Boolean",
+        "entries": [
+            {
+                "name": "boolean()",
+                "description": "The boolean function converts its argument to a boolean",
+                "arguments": [
+                    {
+                        "type": "object",
+                        "description": "The object to convert to a boolean"
+                    }
+                ],
+                "output": "boolean",
+                "examples": [
+                    {
+                        "command": "boolean('Release11')",
+                        "output": "true"
+                    },
+                    {
+                        "command": "boolean('')",
+                        "output": "false"
+                    },
+                    {
+                        "command": "boolean(2334)",
+                        "output": "true"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
+            },
+            {
+                "name": "not()",
+                "description": "The not function returns true if its argument is false, and false otherwise.",
+                "arguments": [],
+                "output": "boolean",
+                "examples": [
+                    {
+                        "command": "not('text')",
+                        "output": "false"
+                    },
+                    {
+                        "command": "not('')",
+                        "output": "true"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
+            },
+            {
+                "name": "true()",
+                "description": "The true function returns true.",
+                "arguments": [],
+                "output": "boolean",
+                "examples": [
+                    {
+                        "command": "true()",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
+            },
+            {
+                "name": "false()",
+                "description": "The true function returns false.",
+                "arguments": [],
+                "output": "boolean",
+                "examples": [
+                    {
+                        "command": "false()",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
+            },
+            {
+                "name": "lang()",
+                "description": "The lang function returns true or false depending on whether the language of the context node as specified by xml:lang attributes is the same as or is a sublanguage of the language specified by the argument string.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "Language that will be looked for in context node"
+                    }
+                ],
+                "output": "boolean",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
+            }
+            
+        ]
+    },
+    {
+        "name": "String",
+        "entries": [
+            {
+                "name": "string()",
+                "description": "The string function converts an object to a string",
+                "arguments": [
+                    {
+                        "type": "object",
+                        "description": "The object to convert to a string"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "string(10)",
+                        "output": "10"
+                    },
+                    {
+                        "command": "string('Release11')",
+                        "output": "Release11"
+                    }
+
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "concat()",
+                "description": "The concat function returns the concatenation of its arguments.",
+                "arguments": [
+                    {
+                        "type": "string* (One or More)",
+                        "description": "Strings to concatenate"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "concat('Release', 11)",
+                        "output": "Release11"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            }
+            ,
+            {
+                "name": "starts-with()",
+                "description": "Returns true if the first argument string starts with the second argument string, and otherwise returns false.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "String to test"
+                    },
+                    {
+                        "type": "string",
+                        "description": "String that first string has to start from"
+                    }
+                ],
+                "output": "boolean",
+                "examples": [
+                    {
+                        "command": "starts-with('Release11', 'Rel'))",
+                        "output": "true"
+                    },
+                    {
+                        "command": "starts-with('Release11', 'ease'))",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            }
+            ,
+            {
+                "name": "contains()",
+                "description": "The contains function returns true if the first argument string contains the second argument string, and otherwise returns false.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "String to test"
+                    },
+                    {
+                        "type": "string",
+                        "description": "String that first string has to contain"
+                    }
+                ],
+                "output": "boolean",
+                "examples": [
+                    {
+                        "command": "contains('Release11', 'eas')",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "substring-before()",
+                "description": "The substring-before function returns the substring of the first argument string that precedes the first occurrence of the second argument string in the first argument string, or the empty string if the first argument string does not contain the second argument string.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "String to split"
+                    },
+                    {
+                        "type": "string",
+                        "description": "String that splits first string"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "substring-before('Release11', '11')",
+                        "output": "Release"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "substring-after()",
+                "description": "The substring-after function returns the substring of the first argument string that follows the first occurrence of the second argument string in the first argument string, or the empty string if the first argument string does not contain the second argument string.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "String to split"
+                    },
+                    {
+                        "type": "string",
+                        "description": "String that splits first string"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "substring-after('Release11', 'le')",
+                        "output": "ase11"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "substring()",
+                "description": "The substring function returns the substring of the first argument starting at the position specified in the second argument with length specified in the third argument.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "String to split"
+                    },
+                    {
+                        "type": "number",
+                        "description": "Starting index"
+                    },
+                    {
+                        "type": "number? (Optional)",
+                        "description": "Length of target substring"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "substring('12345',2)",
+                        "output": "2345"
+                    },
+                    {
+                        "command": "substring('12345',2,3)",
+                        "output": "234"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "string-length()",
+                "description": "The string-length returns the number of characters in the string.",
+                "arguments": [
+                    {
+                        "type": "string? (Optional)",
+                        "description": "String to test"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "string-length('abcdef')",
+                        "output": "6"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "normalize-space(()",
+                "description": "The normalize-space function returns the argument string with whitespace normalized by stripping leading and trailing whitespace and replacing sequences of whitespace characters by a single space.",
+                "arguments": [
+                    {
+                        "type": "string? (Optional)",
+                        "description": "String to normalize"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "normalize-space('     abc    def     ')",
+                        "output": "abc def"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
+            },
+            {
+                "name": "translate()",
+                "description": "The translate function returns the first argument string with occurrences of characters in the second argument string replaced by the character at the corresponding position in the third argument string. If there is a character in the second argument string with no character at a corresponding position in the third argument string (because the second argument string is longer than the third argument string), then occurrences of that character in the first argument string are removed.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "String to process"
+                    },
+                    {
+                        "type": "string",
+                        "description": "Characters to remove"
+                    },
+                    {
+                        "type": "string",
+                        "description": "String to insert characters from second argument"
+                    }
+                ],
+                "output": "string",
+                "examples": [
+                    {
+                        "command": "translate('bar','abc','ABC')",
+                        "output": "BAr"
+                    },
+                    {
+                        "command": "translate('--aaa--','abc-','ABC')",
+                        "output": "AAA"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-String-Functions"
             }
         ]
     },
@@ -34,47 +451,97 @@
         "name": "Number",
         "entries": [
             {
-                "name": "sum",
-                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
+                "name": "number()",
+                "description": "The number function converts its argument to a number",
                 "arguments": [
                     {
-                        "name": "$arg",
-                        "type": "node-set",
-                        "description": "Data to sum"
+                        "type": "object",
+                        "description": "The object to convert to a number"
                     }
                 ],
                 "output": "number",
                 "examples": [
                     {
-                        "command": "sum()",
-                        "output": "56"
+                        "command": "number(10)",
+                        "output": "10"
                     },
                     {
-                        "command": "sum()",
-                        "output": "2137"
+                        "command": "number('')",
+                        "output": "NaN"
                     }
 
                 ],
-                "documentationReferenceURL": "wwww.google.pl"
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Number-Functions"
             },
             {
-                "name": "floor",
-                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "name": "sum()",
+                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
                 "arguments": [
                     {
-                        "name": "$arg",
-                        "type": "number",
-                        "description": "Data to round"
+                        "type": "node-set",
+                        "description": "Node set to sum"
                     }
                 ],
                 "output": "number",
                 "examples": [
                     {
-                        "command": "floor(3.6)",
+                        "command": "sum(/someNode/value)",
+                        "output": "78"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Number-Functions"
+            },
+            {
+                "name": "floor()",
+                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "arguments": [
+                    {
+                        "type": "number",
+                        "description": "Number to round"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "floor(3.1)",
+                        "output": "3"
+                    },
+                    {
+                        "command": "floor(3.9)",
+                        "output": "3"
+                    },
+                    {
+                        "command": "floor(3.5)",
                         "output": "3"
                     }
                 ],
-                "documentationReferenceURL": "wwww.google.pl"
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Number-Functions"
+            },
+            {
+                "name": "round()",
+                "description": "The round function returns the number that is closest to the argument and that is an integer. If there are two such numbers, then the one that is closest to positive infinity is returned. If the argument is NaN, then NaN is returned. If the argument is positive infinity, then positive infinity is returned. If the argument is negative infinity, then negative infinity is returned. If the argument is positive zero, then positive zero is returned. If the argument is negative zero, then negative zero is returned. If the argument is less than zero, but greater than or equal to -0.5, then negative zero is returned.",
+                "arguments": [
+                    {
+                        "type": "number",
+                        "description": "Number to round"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "round(3.1)",
+                        "output": "3"
+                    },
+                    {
+                        "command": "round(3.9)",
+                        "output": "4"
+                    },
+                    {
+                        "command": "round(3.5)",
+                        "output": "4"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Number-Functions"
             }
         ]
     }
diff --git a/Frontend/src/components/xml/tooltips/TooltipController.vue b/Frontend/src/components/xml/tooltips/TooltipController.vue
deleted file mode 100644
index 7123964..0000000
--- a/Frontend/src/components/xml/tooltips/TooltipController.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-
-
-</script>
-
-<template>
-    <div class="flex flex-row">
-        <button class="grow-0 tool-button ">&lt;</button>
-        <div id="content" class="w-1/3">fdfgjoejgioej</div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 75aa4eb..072d6e2 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -34,12 +34,10 @@ function entryHasExamples() {
             <h4 v-if="entryHasArguments()" class="text-xl mt-4 mb-2 font-bold">Arguments</h4>
             <table v-if="entryHasArguments()" class="w-full">
                 <tr>
-                    <th>Name</th>
                     <th>Type</th>
                     <th>Description</th>
                 </tr>
                 <tr v-for="arg in props.entryData.arguments">
-                    <td class="text-center">{{ arg.name }}</td>
                     <td class="text-center">{{ arg.type }}</td>
                     <td class="text-center">{{ arg.description }}</td>
                 </tr>

From 7066f13193621a7a46f92135107ee19e7ac1c2e8 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 08:52:50 +0200
Subject: [PATCH 15/33] Layout adjustments

---
 .../src/components/xml/tooltips/TooltipComponent.vue  |  2 +-
 .../components/xml/tooltips/TooltipEntryComponent.vue | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index e042ea2..651449b 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -30,7 +30,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+    <div :class="{ 'w-4/12' : !areTooltipsHidden }" class="hidden xl:flex shrink-0 items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
         <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 dark:text-slate-100" @click="toggleTooltips()">
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 072d6e2..81fb8f2 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -31,7 +31,7 @@ function entryHasExamples() {
                 </p>
             </span>
             
-            <h4 v-if="entryHasArguments()" class="text-xl mt-4 mb-2 font-bold">Arguments</h4>
+            <h4 class="text-xl mt-4 mb-2 font-bold">Args and Output</h4>
             <table v-if="entryHasArguments()" class="w-full">
                 <tr>
                     <th>Type</th>
@@ -42,7 +42,10 @@ function entryHasExamples() {
                     <td class="text-center">{{ arg.description }}</td>
                 </tr>
             </table>
-            <strong>Output: </strong>{{ props.entryData.output }}
+            <div class="mt-2">
+                <strong>Output: </strong>{{ props.entryData.output }}
+            </div>
+            
 
             <h4 v-if="entryHasExamples()" class="text-xl mt-4 mb-2 font-bold">Example</h4>
             <table v-if="entryHasExamples()" class="w-full">
@@ -51,11 +54,11 @@ function entryHasExamples() {
                     <th>Output</th>
                 </tr>
                 <tr v-for="ex in props.entryData.examples">
-                    <td class="text-center">{{ ex.command }}</td>
+                    <td class="text-center"><code>{{ ex.command }}</code></td>
                     <td class="text-center">{{ ex.output }}</td>
                 </tr>
             </table>
-            <div>
+            <div class="mt-2">
                 <a :href="props.entryData.documentationReferenceURL" class="underline" target="_blank" rel="noreferrer noopener">W3C Documentation Reference</a>
             </div>
             

From dc8ed79230448358faf66d396627cbc49b62f222 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 08:57:54 +0200
Subject: [PATCH 16/33] Version changed cause by change of engine is now
 emitted

---
 Frontend/src/components/xml/XmlOutputFieldComponent.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index 5591d85..30828eb 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -73,6 +73,7 @@ function selectDefaultEngine() {
 function selectDefaultVersion() {
     const lastVersion = versionsForCurrentEngine.value.length - 1
     version.value = versionsForCurrentEngine.value[lastVersion];
+    emitVersionChange();
 }
 
 function process() {

From 88cafa9f56f55a3896e6f711b62b672a6a05cc0c Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 09:47:55 +0200
Subject: [PATCH 17/33] Sidebar now hides on narrow screen

---
 Frontend/src/components/sidebar/SidebarComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/components/sidebar/SidebarComponent.vue b/Frontend/src/components/sidebar/SidebarComponent.vue
index 50464a7..4f63d94 100644
--- a/Frontend/src/components/sidebar/SidebarComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarComponent.vue
@@ -24,7 +24,7 @@ onMounted( () => {
 </script>
 
 <template>
-    <aside class="relative flex-shrink-0 top-0 left-0 z-40 w-48 h-screen" >
+    <aside class="hidden md:flex relative flex-shrink-0 top-0 left-0 z-40 w-48 h-screen" >
         <div class="flex flex-col h-full px-3 pt-2 pb-4 overflow-y-auto">
             <a href="https://release11.com/">
                 <img :src="logoR11" class="w-72 h-16 p-2 pt-0"/>

From 377f0041c575a4b2ac8a6ed8e240141b3ab3e410 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 09:53:13 +0200
Subject: [PATCH 18/33] Adjusted colors

---
 .../src/components/xml/tooltips/TooltipCategoryComponent.vue    | 2 +-
 Frontend/src/style.css                                          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
index 216d459..35e8886 100644
--- a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -13,7 +13,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-slate-700">
+    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-zinc-400 to-slate-400 dark:from-slate-600 dark:to-slate-700">
         <button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
         <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <slot></slot>
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index e457885..3012e73 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .tool-button {
-    @apply py-1 px-4 rounded-full bg-gradient-to-r from-blue-300 to-sky-200  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply py-1 px-4 rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 }
 
 .text-field {

From 69fc33fdf997dad9102bd3831c6a9ab0c4709465 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 10:39:53 +0200
Subject: [PATCH 19/33] Fixed json not really updating when pasted

---
 Frontend/src/views/JsonFormatterView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/views/JsonFormatterView.vue b/Frontend/src/views/JsonFormatterView.vue
index a389db3..bd462d0 100644
--- a/Frontend/src/views/JsonFormatterView.vue
+++ b/Frontend/src/views/JsonFormatterView.vue
@@ -31,6 +31,6 @@ function clear() {
                 <JsonButtonFormatterComponent :json="json" @update:result="(data: any) => format(data)"></JsonButtonFormatterComponent>
             </div>
         </div>
-        <textarea name="data" id="data" :value="json" class="text-field h-full"></textarea>
+        <textarea name="data" id="data" v-model="json" class="text-field h-full"></textarea>
     </div>
 </template>
\ No newline at end of file

From ba55773c470f9bc4714cebe6f705d90d15bc8c6b Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 10:41:16 +0200
Subject: [PATCH 20/33] Fixed XML not updating when pasted

---
 Frontend/src/views/XmlFormatterView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index 583c334..8b7c8b5 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -31,6 +31,6 @@ function clear() {
                 <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
             </div>
         </div>
-        <textarea name="data" id="data" :value="xml" class="text-field h-full"></textarea>
+        <textarea name="data" id="data" v-model="xml" class="text-field h-full"></textarea>
     </div>
 </template>
\ No newline at end of file

From b4d9b73f78d8f3df69d183fde665199f1367952b Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 11:31:25 +0200
Subject: [PATCH 21/33] Polished styling of REST Mock

---
 .../src/components/mock/HeadersComponent.vue  | 21 ++++++++++---------
 .../src/components/mock/HistoryComponent.vue  |  6 +++---
 .../src/components/mock/HistoryRecords.vue    |  4 ++--
 .../mock/RestMockMessageComponent.vue         | 13 ++++++------
 .../src/components/mock/SaveComponent.vue     |  2 +-
 Frontend/src/style.css                        |  6 +++++-
 Frontend/src/views/RestMockView.vue           |  2 +-
 7 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/Frontend/src/components/mock/HeadersComponent.vue b/Frontend/src/components/mock/HeadersComponent.vue
index b5af03a..7499b3f 100644
--- a/Frontend/src/components/mock/HeadersComponent.vue
+++ b/Frontend/src/components/mock/HeadersComponent.vue
@@ -20,7 +20,7 @@ function isHeaderEssential(headerName : string){
 }
 
 function setEssentialHeaderStyle(headerName : string){
-    return isHeaderEssential(headerName) ? "text-gray-400" : "tool-button text-red-400";
+    return isHeaderEssential(headerName) ? "inactive-button" : "tool-button";
 }
 
 function deleteHeader(index : string){
@@ -42,21 +42,22 @@ function addNewHeader(name : string, value : string){
 </script>
 
 <template>
-    <div class="w-full gap-4 flex">
-        <div class="w-full">Header name</div>
-        <div class="w-full">Header value</div>
-        <div class="w-1/5"></div>
-    </div>
+    
     <div class="flex flex-col gap-4">
-        <div class="flex gap-9 flex-row" v-for="(item, index) in headerData" :key="index">
+        <div class="flex flex-row gap-9">
+            <div class="w-full">Header name</div>
+            <div class="w-full">Header value</div>
+            <div class="w-52 px-4"></div>
+        </div>  
+        <div class="flex flex-row gap-9" v-for="(item, index) in headerData" :key="index">
             <input type="text" :value="index" class="text-field" />
             <input type="text" :value="item" class="text-field" />
-            <button @click="deleteHeader(index)" class="tool-button w-1/5" :class="setEssentialHeaderStyle(index)">Remove</button>
+            <button @click="deleteHeader(index)" class="w-56" :class="setEssentialHeaderStyle(index)">Remove</button>
         </div>
-        <div class="flex gap-9 flex-row">
+        <div class="flex flex-row gap-9">
             <input type="text" v-model="newHeaderName" class="text-field"  />
             <input type="text" v-model="newHeaderValue" class="text-field"  />
-            <button class="tool-button w-1/5" @click="addNewHeader(newHeaderName, newHeaderValue)" >Add</button>
+            <button @click="addNewHeader(newHeaderName, newHeaderValue)" class="tool-button w-56">Add</button>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/mock/HistoryComponent.vue b/Frontend/src/components/mock/HistoryComponent.vue
index 3dbf0c8..8ef67dc 100644
--- a/Frontend/src/components/mock/HistoryComponent.vue
+++ b/Frontend/src/components/mock/HistoryComponent.vue
@@ -33,8 +33,8 @@ function showHeaders(headers: object, index: number){
 
 <template>
     <div class="w-full xl:w-5/12 flex flex-col gap-y-4">
-    <HistoryRecords class="h-1/3 overflow-y-scroll" @click:show-headers="showHeaders" @click:show-body="showBody"></HistoryRecords>
-    <BodyDetailComponent :data="currentShownData" v-if="shownDetail == 'body' "></BodyDetailComponent>
-    <HeadersDetailComponent :data="currentShownData"  v-if="shownDetail == 'headers' "></HeadersDetailComponent>
+        <HistoryRecords class="xl:h-1/3 overflow-y-scroll" @click:show-headers="showHeaders" @click:show-body="showBody"></HistoryRecords>
+        <BodyDetailComponent :data="currentShownData" v-if="shownDetail == 'body' "></BodyDetailComponent>
+        <HeadersDetailComponent :data="currentShownData"  v-if="shownDetail == 'headers' "></HeadersDetailComponent>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/mock/HistoryRecords.vue b/Frontend/src/components/mock/HistoryRecords.vue
index 31703c2..7f1c8c5 100644
--- a/Frontend/src/components/mock/HistoryRecords.vue
+++ b/Frontend/src/components/mock/HistoryRecords.vue
@@ -52,9 +52,9 @@ function refreshHistory(){
             <tr v-for="(item , index) in historyRecords" :key="index">
                 <td> {{ parseTimeStamp(item.dateTimeStamp) }} </td>
                 <td> {{ item.httpMethod }} </td>
-                <td> <button @click="showHeaders(item.headers, index)">Show Headers</button> </td>
+                <td> <button @click="showHeaders(item.headers, index)" class="underline">Show Headers</button> </td>
                 <td> 
-                    <button v-if="item.requestBody.length != 0" @click="showBody(item.requestBody, index)">Show Body</button> 
+                    <button v-if="item.requestBody.length != 0" @click="showBody(item.requestBody, index)" class="underline">Show Body</button> 
                     <span v-else>Empty Body</span>
                 </td>
             </tr>
diff --git a/Frontend/src/components/mock/RestMockMessageComponent.vue b/Frontend/src/components/mock/RestMockMessageComponent.vue
index e35f4e0..d1a8bcf 100644
--- a/Frontend/src/components/mock/RestMockMessageComponent.vue
+++ b/Frontend/src/components/mock/RestMockMessageComponent.vue
@@ -39,17 +39,18 @@ function putDataInFields(data: mockedMessageData){
 </script>
 
 <template>
-  <div class="flex flex-col w-full xl:w-3/5 text-center dark:text-white gap-6">
-    <div>
-      <label for="link">Link</label><br/>
-      <div class="flex gap-4">
+  <div class="flex flex-col w-full xl:w-3/5 text-center dark:text-white gap-6 p-1">
+    <div class="flex flex-col md:flex-row gap-4 items-center md:justify-stretch md:items-end">
+      <div class="flex flex-col w-full">
+        <label for="link">Link</label><br/>
         <div class="p-2 w-full border-slate-400 border-2 rounded-lg">
           <a class="underline" :href="mockMessageLink">{{ mockMessageLink }}</a>
         </div>
-        <SaveComponent v-bind:message-data="messageData"></SaveComponent>
       </div>
+      
+      <SaveComponent v-bind:message-data="messageData"></SaveComponent>
     </div>
-    <div class="flex flex-row w-full gap-64">
+    <div class="flex flex-col md:flex-row w-full gap-4 md:gap-36">
       <div class="w-full">
         <label for="contentType">Content Type</label><br/>
         <input  class="text-field" id="contentType" type="text" v-model="messageData.contentType"/>
diff --git a/Frontend/src/components/mock/SaveComponent.vue b/Frontend/src/components/mock/SaveComponent.vue
index 3b8d103..4639250 100644
--- a/Frontend/src/components/mock/SaveComponent.vue
+++ b/Frontend/src/components/mock/SaveComponent.vue
@@ -38,7 +38,7 @@ function hideToast(){
 </script>
 
 <template>
-    <button @click="prepareAndSendData()" class="w-2/12 tool-button">Save</button>
+    <button @click="prepareAndSendData()" class="tool-button w-full md:w-32">Save</button>
 
     <div class="fixed bottom-5 right-12">
         <MockedMessageToastComponent @closed:toast_closed="hideToast()" v-bind:visible="visible" v-bind:message="message"/>
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index 3012e73..ba8b3b1 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -2,8 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+.inactive-button {
+    @apply py-2.5 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
+}
+
 .tool-button {
-    @apply py-1 px-4 rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply hover:brightness-110 py-2.5 px-4 h-fit rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 }
 
 .text-field {
diff --git a/Frontend/src/views/RestMockView.vue b/Frontend/src/views/RestMockView.vue
index 771d134..82584b9 100644
--- a/Frontend/src/views/RestMockView.vue
+++ b/Frontend/src/views/RestMockView.vue
@@ -6,7 +6,7 @@ import HistoryComponent from '@components/mock/HistoryComponent.vue'
 
 
 <template>
-    <div class="flex flex-col xl:flex-row gap-6 w-full overflow-hidden h-full">
+    <div class="flex flex-col xl:flex-row gap-6 w-full overflow-y-scroll overflow-x-hidden h-full">
         <RestMockMessageComponent></RestMockMessageComponent>
         <HistoryComponent></HistoryComponent>
     </div>

From 7fdcbf7a28589923c190930231b67302b811e264 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 12:11:45 +0200
Subject: [PATCH 22/33] Made headers more intuitive

---
 .../src/components/mock/HeadersComponent.vue  | 26 +++++++++++++------
 .../mock/RestMockMessageComponent.vue         |  2 +-
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/Frontend/src/components/mock/HeadersComponent.vue b/Frontend/src/components/mock/HeadersComponent.vue
index 7499b3f..75f3be8 100644
--- a/Frontend/src/components/mock/HeadersComponent.vue
+++ b/Frontend/src/components/mock/HeadersComponent.vue
@@ -15,6 +15,14 @@ const headerData  = ref(props.headersObject)
 const newHeaderName = ref('');
 const newHeaderValue = ref('');
 
+function setAddButtonStyle() {
+    return isNewHeaderEmpty() ? "inactive-button" : "tool-button";
+}
+
+function isNewHeaderEmpty() {
+    return newHeaderName.value.trim().length == 0;
+}
+
 function isHeaderEssential(headerName : string){
     return headerName == "Keep-Alive" || headerName == "Connection" || headerName == "Date"
 }
@@ -31,7 +39,9 @@ function deleteHeader(index : string){
 }
 
 function addNewHeader(name : string, value : string){
-    if (headerData.value != undefined){
+    if (headerData.value != undefined) {
+        if (isNewHeaderEmpty()) return;
+
         headerData.value[name] = value;
         newHeaderName.value = "";
         newHeaderValue.value = "";
@@ -44,20 +54,20 @@ function addNewHeader(name : string, value : string){
 <template>
     
     <div class="flex flex-col gap-4">
-        <div class="flex flex-row gap-9">
+        <div class="flex flex-row gap-4">
             <div class="w-full">Header name</div>
             <div class="w-full">Header value</div>
             <div class="w-52 px-4"></div>
         </div>  
-        <div class="flex flex-row gap-9" v-for="(item, index) in headerData" :key="index">
-            <input type="text" :value="index" class="text-field" />
-            <input type="text" :value="item" class="text-field" />
+        <div class="flex flex-row gap-4" v-for="(item, index) in headerData" :key="index">
+            <input type="text" :value="index" class="text-field text-slate-400" disabled/>
+            <input type="text" :value="item" class="text-field text-slate-400" disabled/>
             <button @click="deleteHeader(index)" class="w-56" :class="setEssentialHeaderStyle(index)">Remove</button>
         </div>
-        <div class="flex flex-row gap-9">
-            <input type="text" v-model="newHeaderName" class="text-field"  />
+        <div class="flex flex-row gap-4">
+            <input type="text" v-model="newHeaderName" @change="() => setAddButtonStyle()" class="text-field"  />
             <input type="text" v-model="newHeaderValue" class="text-field"  />
-            <button @click="addNewHeader(newHeaderName, newHeaderValue)" class="tool-button w-56">Add</button>
+            <button @click="addNewHeader(newHeaderName, newHeaderValue)" :class="setAddButtonStyle()" class="w-56">Add</button>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/mock/RestMockMessageComponent.vue b/Frontend/src/components/mock/RestMockMessageComponent.vue
index d1a8bcf..fe1e009 100644
--- a/Frontend/src/components/mock/RestMockMessageComponent.vue
+++ b/Frontend/src/components/mock/RestMockMessageComponent.vue
@@ -50,7 +50,7 @@ function putDataInFields(data: mockedMessageData){
       
       <SaveComponent v-bind:message-data="messageData"></SaveComponent>
     </div>
-    <div class="flex flex-col md:flex-row w-full gap-4 md:gap-36">
+    <div class="flex flex-col md:flex-row w-full gap-4">
       <div class="w-full">
         <label for="contentType">Content Type</label><br/>
         <input  class="text-field" id="contentType" type="text" v-model="messageData.contentType"/>

From 1af0feb32507b7625d5d37f5b0269ac8a791f364 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 12:27:29 +0200
Subject: [PATCH 23/33] Blocked buggy header editing

---
 Frontend/src/components/mock/HeadersComponent.vue | 4 ++--
 Frontend/src/style.css                            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/components/mock/HeadersComponent.vue b/Frontend/src/components/mock/HeadersComponent.vue
index 75f3be8..4b09e44 100644
--- a/Frontend/src/components/mock/HeadersComponent.vue
+++ b/Frontend/src/components/mock/HeadersComponent.vue
@@ -60,8 +60,8 @@ function addNewHeader(name : string, value : string){
             <div class="w-52 px-4"></div>
         </div>  
         <div class="flex flex-row gap-4" v-for="(item, index) in headerData" :key="index">
-            <input type="text" :value="index" class="text-field text-slate-400" disabled/>
-            <input type="text" :value="item" class="text-field text-slate-400" disabled/>
+            <input type="text" :value="index" class="text-field" disabled/>
+            <input type="text" :value="item" class="text-field" disabled/>
             <button @click="deleteHeader(index)" class="w-56" :class="setEssentialHeaderStyle(index)">Remove</button>
         </div>
         <div class="flex flex-row gap-4">
diff --git a/Frontend/src/style.css b/Frontend/src/style.css
index ba8b3b1..2133826 100644
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -3,11 +3,11 @@
 @tailwind utilities;
 
 .inactive-button {
-    @apply py-2.5 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
+    @apply py-2 px-4 h-fit text-slate-400 border border-slate-400 rounded-full
 }
 
 .tool-button {
-    @apply hover:brightness-110 py-2.5 px-4 h-fit rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply hover:brightness-110 py-2 px-4 h-fit rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 }
 
 .text-field {

From b4190f35df349fb273b8a36fcc4b072e262ba97f Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 12:57:19 +0200
Subject: [PATCH 24/33] Cleared addNewHeader function

---
 Frontend/src/components/mock/HeadersComponent.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/Frontend/src/components/mock/HeadersComponent.vue b/Frontend/src/components/mock/HeadersComponent.vue
index 4b09e44..ffef947 100644
--- a/Frontend/src/components/mock/HeadersComponent.vue
+++ b/Frontend/src/components/mock/HeadersComponent.vue
@@ -39,14 +39,15 @@ function deleteHeader(index : string){
 }
 
 function addNewHeader(name : string, value : string){
-    if (headerData.value != undefined) {
-        if (isNewHeaderEmpty()) return;
+    if (headerData.value == undefined)
+        return
 
-        headerData.value[name] = value;
-        newHeaderName.value = "";
-        newHeaderValue.value = "";
-        emit('update:httpHeaders',headerData.value)
-    }
+    if (isNewHeaderEmpty()) return;
+
+    headerData!.value[name] = value;
+    newHeaderName.value = "";
+    newHeaderValue.value = "";
+    emit('update:httpHeaders',headerData.value)
 }
 
 </script>

From 4da8cb705f4a02e8b2e520532d65ed9a77bd9a6a Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 13:08:38 +0200
Subject: [PATCH 25/33] Fixed tooltip's JSON import

---
 Frontend/src/components/mock/HeadersComponent.vue        | 6 +++---
 .../src/components/xml/tooltips/TooltipComponent.vue     | 9 ++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/Frontend/src/components/mock/HeadersComponent.vue b/Frontend/src/components/mock/HeadersComponent.vue
index ffef947..cd0ce2b 100644
--- a/Frontend/src/components/mock/HeadersComponent.vue
+++ b/Frontend/src/components/mock/HeadersComponent.vue
@@ -40,14 +40,14 @@ function deleteHeader(index : string){
 
 function addNewHeader(name : string, value : string){
     if (headerData.value == undefined)
-        return
+        return;
 
     if (isNewHeaderEmpty()) return;
 
-    headerData!.value[name] = value;
+    headerData.value[name] = value;
     newHeaderName.value = "";
     newHeaderValue.value = "";
-    emit('update:httpHeaders',headerData.value)
+    emit('update:httpHeaders',headerData.value);
 }
 
 </script>
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 651449b..e5eeb4e 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue'
-import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponent.vue'
+import tooltipCategoryComponent from '@components/xml/tooltips/TooltipCategoryComponent.vue';
+import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponent.vue';
 
-import xpath1 from '@assets/tooltips/xpath/xpath1.json'
-import xpath2 from '@assets/tooltips/xpath/xpath2.json'
-import { watch } from 'vue';
+import xpath1 from '@/assets/tooltips/xpath/xpath1.json';
+import xpath2 from '@/assets/tooltips/xpath/xpath2.json';
 
 const props = defineProps({
     version: {

From d6287469b638820cfa9c635d7f74369d6712372b Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 27 Jun 2023 13:12:51 +0200
Subject: [PATCH 26/33] Added placeholders for all XPath versions

---
 .../src/assets/tooltips/xpath/xpath3.json     | 40 +++++++++++++++++++
 .../src/assets/tooltips/xpath/xpath31.json    | 40 +++++++++++++++++++
 .../xml/tooltips/TooltipComponent.vue         | 15 +++++--
 3 files changed, 92 insertions(+), 3 deletions(-)
 create mode 100644 Frontend/src/assets/tooltips/xpath/xpath3.json
 create mode 100644 Frontend/src/assets/tooltips/xpath/xpath31.json

diff --git a/Frontend/src/assets/tooltips/xpath/xpath3.json b/Frontend/src/assets/tooltips/xpath/xpath3.json
new file mode 100644
index 0000000..3f696bb
--- /dev/null
+++ b/Frontend/src/assets/tooltips/xpath/xpath3.json
@@ -0,0 +1,40 @@
+[
+    {
+        "name": "Number",
+        "entries": [
+            {
+                "name": "sum",
+                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "node-set",
+                        "description": "Data to sum"
+                    }
+                ],
+                "output": "number",
+                "examples": [],
+                "documentationReferenceURL": "wwww.google.pl"
+            },
+            {
+                "name": "floor",
+                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "number",
+                        "description": "Data to round"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "floor(3.6)",
+                        "output": "3"
+                    }
+                ],
+                "documentationReferenceURL": "wwww.google.pl"
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/Frontend/src/assets/tooltips/xpath/xpath31.json b/Frontend/src/assets/tooltips/xpath/xpath31.json
new file mode 100644
index 0000000..3f696bb
--- /dev/null
+++ b/Frontend/src/assets/tooltips/xpath/xpath31.json
@@ -0,0 +1,40 @@
+[
+    {
+        "name": "Number",
+        "entries": [
+            {
+                "name": "sum",
+                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "node-set",
+                        "description": "Data to sum"
+                    }
+                ],
+                "output": "number",
+                "examples": [],
+                "documentationReferenceURL": "wwww.google.pl"
+            },
+            {
+                "name": "floor",
+                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "arguments": [
+                    {
+                        "name": "$arg",
+                        "type": "number",
+                        "description": "Data to round"
+                    }
+                ],
+                "output": "number",
+                "examples": [
+                    {
+                        "command": "floor(3.6)",
+                        "output": "3"
+                    }
+                ],
+                "documentationReferenceURL": "wwww.google.pl"
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index e5eeb4e..a49cd7c 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -5,6 +5,8 @@ import tooltipEntryComponent from '@components/xml/tooltips/TooltipEntryComponen
 
 import xpath1 from '@/assets/tooltips/xpath/xpath1.json';
 import xpath2 from '@/assets/tooltips/xpath/xpath2.json';
+import xpath3 from '@/assets/tooltips/xpath/xpath3.json';
+import xpath31 from '@/assets/tooltips/xpath/xpath31.json';
 
 const props = defineProps({
     version: {
@@ -16,10 +18,17 @@ const props = defineProps({
 const areTooltipsHidden = ref(true)
 
 function selectXPathVersion() {
-    if (props.version == "1.0") {
-        return xpath1;
+    switch(props.version) {
+        case "1.0":
+            return xpath1;
+        case "2.0":
+            return xpath2;
+        case "3.0":
+            return xpath3;
+        case "3.1":
+        default:
+            return xpath31;
     }
-    else return xpath2;
 }
 
 function toggleTooltips() {

From c57ab9a06ad665e1e20e609b4a1d51fea71e38f7 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 28 Jun 2023 07:44:06 +0200
Subject: [PATCH 27/33] Adjusted color of toolbar

---
 Frontend/src/components/xml/tooltips/TooltipComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index a49cd7c..d824635 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -38,7 +38,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div :class="{ 'w-4/12' : !areTooltipsHidden }" class="hidden xl:flex shrink-0 items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
+    <div :class="{ 'w-4/12' : !areTooltipsHidden }" class="hidden xl:flex shrink-0 items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-600 dark:to-sky-800">
         <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 dark:text-slate-100" @click="toggleTooltips()">
             T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
         </button>

From 2cc4370516527e205efa939b2f85b0a68559a610 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 28 Jun 2023 08:40:14 +0200
Subject: [PATCH 28/33] Added Node-Set category to XPath 2.0 tooltips

---
 .../src/assets/tooltips/xpath/xpath2.json     | 248 ++++++++++++++++--
 1 file changed, 232 insertions(+), 16 deletions(-)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index 3f696bb..f8e1d02 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -1,39 +1,255 @@
 [
     {
-        "name": "Number",
+        "name": "Node-Set",
         "entries": [
             {
-                "name": "sum",
-                "description": "The sum function returns the sum, for each node in the argument node-set, of the result of converting the string-values of the node to a number.",
+                "name": "name()",
+                "description": "Returns the name of a node, as an xs:string that is either the zero-length string, or has the lexical form of an xs:QName. If the argument is omitted, it defaults to the context item (.). The behavior of the function if the argument is omitted is exactly the same as if the context item had been passed as the argument.",
                 "arguments": [
                     {
-                        "name": "$arg",
-                        "type": "node-set",
-                        "description": "Data to sum"
+                        "type": "node? (Optional)",
+                        "description": "Node to display name"
                     }
                 ],
-                "output": "number",
-                "examples": [],
-                "documentationReferenceURL": "wwww.google.pl"
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "name(/u:root)",
+                        "output": "u:root"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-name"
             },
             {
-                "name": "floor",
-                "description": "The floor function returns the largest (closest to positive infinity) number that is not greater than the argument and that is an integer.",
+                "name": "local-name()",
+                "description": "Returns the local part of the name of $arg as an xs:string that will either be the zero-length string or will have the lexical form of an xs:NCName. If the argument is omitted, it defaults to the context item (.). The behavior of the function if the argument is omitted is exactly the same as if the context item had been passed as the argument.",
                 "arguments": [
                     {
-                        "name": "$arg",
-                        "type": "number",
-                        "description": "Data to round"
+                        "type": "node? (Optional)",
+                        "description": "Node to display local-name"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "name(/u:root)",
+                        "output": "root"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-local-name"
+            },
+            {
+                "name": "nilled()",
+                "description": "Returns an xs:boolean indicating whether the argument node is 'nilled'. If the argument is not an element node, returns the empty sequence. If the argument is the empty sequence, returns the empty sequence.",
+                "arguments": [
+                    {
+                        "type": "node? (Optional)",
+                        "description": "Node to test"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "nilled(/u:root)",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-nilled"
+            },
+            {
+                "name": "base-uri()",
+                "description": "Returns the value of the base-uri URI property for $arg as defined by the accessor function dm:base-uri() for that kind of node in Section 5.2 base-uri AccessorDM.",
+                "arguments": [
+                    {
+                        "type": "node? (Optional)",
+                        "description": "Node which URI is looked for"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "base-uri(/u:root/u:UserList[1])",
+                        "output": "<Empty sequence>"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-base-uri"
+            },
+            {
+                "name": "document-uri()",
+                "description": "Returns the value of the document-uri property for $arg as defined by the dm:document-uri accessor function defined in Section 6.1.2 AccessorsDM.",
+                "arguments": [
+                    {
+                        "type": "node? (Optional)",
+                        "description": "Node which document-uri value needs to be returned."
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "document-uri(/u:root)",
+                        "output": "<Empty sequence>"
+                    },
+                    {
+                        "command": "document-uri(/library/fiction:book[1])",
+                        "output": "http://example.com/library.xml (assuming the document URI of the first fiction:book element is 'http://example.com/library.xml')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-document-uri"
+            },
+            {
+                "name": "lang()",
+                "description": "This function tests whether the language of $node, or the context item if the second argument is omitted, as specified by xml:lang attributes is the same as, or is a sublanguage of, the language specified by $testlang.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$testlang (Look description)"
+                    },
+                    {
+                        "type": "node? (Optional)",
+                        "description": "$node (Look description)"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "document-uri(/u:root)",
+                        "output": "<Empty sequence>"
+                    },
+                    {
+                        "command": "document-uri(/library/fiction:book[1])",
+                        "output": "http://example.com/library.xml (assuming the document URI of the first fiction:book element is 'http://example.com/library.xml')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-lang"
+            },
+            {
+                "name": "root()",
+                "description": "Returns the root of the tree to which $arg belongs. This will usually, but not necessarily, be a document node.",
+                "arguments": [
+                    {
+                        "type": "node? (Optional)",
+                        "description": "$arg (Look description)"
+                    }
+                ],
+                "output": "node",
+                "examples": [
+                    {
+                        "command": "root(//u:UserList[1])",
+                        "output": "</u:root node>"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-root"
+            },
+            {
+                "name": "count()",
+                "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
+                "arguments": [
+                    {
+                        "type": "item()* (One or more)",
+                        "description": "$arg (Look description)"
                     }
                 ],
                 "output": "number",
                 "examples": [
                     {
-                        "command": "floor(3.6)",
+                        "command": "count(//u:UserList)",
                         "output": "3"
+                    },
+                    {
+                        "command": "count(//u:UserList/u:User)",
+                        "output": "10"
                     }
                 ],
-                "documentationReferenceURL": "wwww.google.pl"
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-root"
+            }
+        ]
+    },
+    {
+        "name": "Number",
+        "entries": [
+            {
+                "name": "avg()",
+                "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType* (One or more)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:anyAtomicType",
+                "examples": [
+                    {
+                        "command": "avg(//u:User/@Id)",
+                        "output": "2.6"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-avg"
+            },
+            {
+                "name": "max()",
+                "description": "Selects an item from the input sequence $arg whose value is greater than or equal to the value of every other item in the input sequence. If there are two or more such items, then the specific item whose value is returned is ·implementation dependent·.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType* (One or more)",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:anyAtomicType",
+                "examples": [
+                    {
+                        "command": "max(//u:User/@Id)",
+                        "output": "5"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-max"
+            },
+            {
+                "name": "min()",
+                "description": "Selects an item from the input sequence $arg whose value is less than or equal to the value of every other item in the input sequence. If there are two or more such items, then the specific item whose value is returned is ·implementation dependent·.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType* (One or more)",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:anyAtomicType",
+                "examples": [
+                    {
+                        "command": "min(//u:User/@Id)",
+                        "output": "1"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-min"
+            },
+            {
+                "name": "sum()",
+                "description": "Returns a value obtained by adding together the values in $arg. If $zero is not specified, then the value returned for an empty sequence is the xs:integer value 0. If $zero is specified, then the value returned for an empty sequence is $zero. Any values of type xs:untypedAtomic in $arg are cast to xs:double. The items in the resulting sequence may be reordered in an arbitrary order. The resulting sequence is referred to below as the converted sequence.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType* (One or more)",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:anyAtomicType? (Optional)",
+                        "description": "$zero"
+                    }
+                ],
+                "output": "xs:anyAtomicType",
+                "examples": [
+                    {
+                        "command": "sum(//u:User/@Id)",
+                        "output": "26"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-sum"
             }
         ]
     }

From 653caa8675064662d5bb1b3e4f83fee7457d2832 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 28 Jun 2023 09:22:08 +0200
Subject: [PATCH 29/33] Added Boolean category

---
 .../src/assets/tooltips/xpath/xpath1.json     | 26 +++---
 .../src/assets/tooltips/xpath/xpath2.json     | 79 +++++++++++++++++++
 2 files changed, 92 insertions(+), 13 deletions(-)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath1.json b/Frontend/src/assets/tooltips/xpath/xpath1.json
index bd2c829..899f8c9 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath1.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath1.json
@@ -118,6 +118,19 @@
 
                 ],
                 "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Node-Set-Functions"
+            },
+            {
+                "name": "lang()",
+                "description": "The lang function returns true or false depending on whether the language of the context node as specified by xml:lang attributes is the same as or is a sublanguage of the language specified by the argument string.",
+                "arguments": [
+                    {
+                        "type": "string",
+                        "description": "Language that will be looked for in context node"
+                    }
+                ],
+                "output": "boolean",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
             }
         ]
     },
@@ -194,19 +207,6 @@
                     }
                 ],
                 "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
-            },
-            {
-                "name": "lang()",
-                "description": "The lang function returns true or false depending on whether the language of the context node as specified by xml:lang attributes is the same as or is a sublanguage of the language specified by the argument string.",
-                "arguments": [
-                    {
-                        "type": "string",
-                        "description": "Language that will be looked for in context node"
-                    }
-                ],
-                "output": "boolean",
-                "examples": [],
-                "documentationReferenceURL": "https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Boolean-Functions"
             }
             
         ]
diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index f8e1d02..600be89 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -164,6 +164,85 @@
             }
         ]
     },
+    {
+        "name": "Boolean",
+        "entries": [
+            {
+                "name": "boolean()",
+                "description": "Computes the effective boolean value of the sequence $arg.",
+                "arguments": [
+                    {
+                        "type": "item()* (One or more)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:boolean? (Optional)",
+                "examples": [
+                    {
+                        "command": "boolean(0)",
+                        "output": "false"
+                    },
+                    {
+                        "command": "boolean(())",
+                        "output": "false"
+                    },
+                    {
+                        "command": "boolean(1)",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-boolean"
+            },
+            {
+                "name": "true()",
+                "description": "Returns the xs:boolean value true. Equivalent to xs:boolean('1').",
+                "arguments": [],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "true()",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-true"
+            },
+            {
+                "name": "false()",
+                "description": "Returns the xs:boolean value false. Equivalent to xs:boolean('0').",
+                "arguments": [],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "false()",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-false"
+            },
+            {
+                "name": "not()",
+                "description": "$arg is first reduced to an effective boolean value by applying the fn:boolean() function. Returns true if the effective boolean value is false, and false if the effective boolean value is true.",
+                "arguments": [
+                    {
+                        "type": "item()",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "not(false())",
+                        "output": "true"
+                    },
+                    {
+                        "command": "not(true())",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-not"
+            }
+        ]
+    },
     {
         "name": "Number",
         "entries": [

From cbfb8971ed3ff903dc74da34ca84880a536fe670 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 28 Jun 2023 11:52:02 +0200
Subject: [PATCH 30/33] Added String category to XPath 2.0

---
 .../src/assets/tooltips/xpath/xpath2.json     | 687 ++++++++++++++++++
 1 file changed, 687 insertions(+)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index 600be89..8e5eb2d 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -243,6 +243,693 @@
             }
         ]
     },
+    {
+        "name": "String",
+        "entries": [
+            {
+                "name": "string()",
+                "description": "Returns the value of $arg represented as a xs:string. If no argument is supplied, the context item (.) is used as the default argument.",
+                "arguments": [
+                    {
+                        "type": "item()?",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "string((1<0))",
+                        "output": "false"
+                    },
+                    {
+                        "command": "string(.11)",
+                        "output": "0.11"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-string"
+            },
+            {
+                "name": "codepoints-to-string()",
+                "description": "Creates an xs:string from a sequence of The Unicode Standard code points. Returns the zero-length string if $arg is the empty sequence. If any of the code points in $arg is not a legal XML character, an error is raised [err:FOCH0001].",
+                "arguments": [
+                    {
+                        "type": "xs:integer* (One or more)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "codepoints-to-string((2309, 2358, 2378, 2325))",
+                        "output": "अशॊक"
+                    },
+                    {
+                        "command": "codepoints-to-string((40, 32, 865, 176, 32, 860, 662, 32, 865, 176, 41))",
+                        "output": "( ͡° ͜ʖ ͡°)"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-codepoints-to-string"
+            },
+            {
+                "name": "string-to-codepoints()",
+                "description": "Returns the sequence of The Unicode Standard code points that constitute an xs:string. If $arg is a zero-length string or the empty sequence, the empty sequence is returned.",
+                "arguments": [
+                    {
+                        "type": "xs:string* (One or more)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:integer* (One or more)",
+                "examples": [
+                    {
+                        "command": "string-to-codepoints('Thérèse')",
+                        "output": "https://www.w3.org/TR/xquery-operators/#func-string-to-codepoints"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-min"
+            },
+            {
+                "name": "compare()",
+                "description": "Returns -1, 0, or 1, depending on whether the value of the $comparand1 is respectively less than, equal to, or greater than the value of $comparand2, according to the rules of the collation that is used.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand2"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:integer? (Optional)",
+                "examples": [
+                    {
+                        "command": "compare('abc', 'abc')",
+                        "output": "0"
+                    },
+                    {
+                        "command": "compare('abc', 'acc')",
+                        "output": "-1"
+                    },
+                    {
+                        "command": "compare('abc', 'acc')",
+                        "output": "1"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-compare"
+            },
+            {
+                "name": "codepoint-equal()",
+                "description": "Returns true or false depending on whether the value of $comparand1 is equal to the value of $comparand2, according to the Unicode code point collation.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand2"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:boolean? (Optional)",
+                "examples": [
+                    {
+                        "command": "codepoint-equal('asdf', 'asdf')",
+                        "output": "true"
+                    },
+                    {
+                        "command": "codepoint-equal('asdf', 'asdf ')",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-codepoint-equal"
+            },
+            {
+                "name": "concat()",
+                "description": " Accepts two or more xs:anyAtomicType arguments and casts them to xs:string. Returns the xs:string that is the concatenation of the values of its arguments after conversion. If any of the arguments is the empty sequence, the argument is treated as the zero-length string.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType? (Optional)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:anyAtomicType? (Optional)",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:anyAtomicType? (Optional)",
+                        "description": "$arg.."
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "concat('un', 'grateful')",
+                        "output": "ungrateful"
+                    },
+                    {
+                        "command": "concat('Thy ', (), 'old ', 'groans', '', ' ring', ' yet', ' in', ' my', 'ancient',' ears.')",
+                        "output": "Thy old groans ring yet in my ancient ears."
+                    },
+                    {
+                        "command": "concat('Ciao!',())",
+                        "output": "Ciao!"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-concat"
+            },
+            {
+                "name": "string-join()",
+                "description": "Returns a xs:string created by concatenating the members of the $arg1 sequence using $arg2 as a separator. If the value of $arg2 is the zero-length string, then the members of $arg1 are concatenated without a separator.",
+                "arguments": [
+                    {
+                        "type": "xs:string* (One or more)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "string-join(('Now', 'is', 'the', 'time', '...'), ' ')",
+                        "output": "Now is the time ..."
+                    },
+                    {
+                        "command": "string-join(('Blow, ', 'blow, ', 'thou ', 'winter ', 'wind!'), '')",
+                        "output": "Blow, blow, thou winter wind!"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-string-join"
+            },
+            {
+                "name": "substring()",
+                "description": "Returns the portion of the value of $sourceString beginning at the position indicated by the value of $startingLoc and continuing for the number of characters indicated by the value of $length. The characters returned do not extend beyond $sourceString.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand1"
+                    },
+                    {
+                        "type": "xs:double",
+                        "description": "$startingLoc"
+                    },
+                    {
+                        "type": "xs:double? (Optional)",
+                        "description": "$length"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "substring('motor car', 6)",
+                        "output": "' car'"
+                    },
+                    {
+                        "command": "substring('metadata', 4, 3)",
+                        "output": "ada"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-substring"
+            },
+            {
+                "name": "string-length()",
+                "description": "Returns the portion of the value of $sourceString beginning at the position indicated by the value of $startingLoc and continuing for the number of characters indicated by the value of $length. The characters returned do not extend beyond $sourceString.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:integer",
+                "examples": [
+                    {
+                        "command": "string-length('Harp not on that string, madam; that is past.')",
+                        "output": "45"
+                    },
+                    {
+                        "command": "string-length(())",
+                        "output": "0"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-string-length"
+            },
+            {
+                "name": "normalize-space()",
+                "description": "Returns the value of $arg with whitespace normalized by stripping leading and trailing whitespace and replacing sequences of one or more than one whitespace character with a single space.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "normalize-space(' The wealthy     curled darlings of our nation. ')",
+                        "output": "The wealthy curled darlings of our nation.'"
+                    },
+                    {
+                        "command": "normalize-space(())",
+                        "output": "''"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-normalize-space"
+            },
+            {
+                "name": "normalize-unicode()",
+                "description": "Returns the value of $arg normalized according to the normalization criteria for a normalization form identified by the value of $normalizationForm. The effective value of the $normalizationForm is computed by removing leading and trailing blanks, if present, and converting to upper case.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$normalizationForm"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "normalize-unicode('test ')",
+                        "output": "'test'"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-normalize-unicode"
+            },
+            {
+                "name": "upper-case()",
+                "description": "Returns the value of $arg after translating every character to its upper-case correspondent as defined in the appropriate case mappings section in the Unicode standard.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "upper-case('abCd0')",
+                        "output": "ABCD0"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-upper-case"
+            },
+            {
+                "name": "substring()",
+                "description": "Returns the value of $arg after translating every character to its lower-case correspondent as defined in the appropriate case mappings section in the Unicode standard.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "lower-case('abCd0')",
+                        "output": "abcd0"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-lower-case"
+            },
+            {
+                "name": "translate()",
+                "description": "Returns the value of $arg modified so that every character in the value of $arg that occurs at some position N in the value of $mapString has been replaced by the character that occurs at position N in the value of $transString.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$mapString"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$mapString"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "translate('bar','abc','ABC')",
+                        "output": "BAr"
+                    },
+                    {
+                        "command": "translate('--aaa--','abc-','ABC')",
+                        "output": "AAA"
+                    },
+                    {
+                        "command": "translate('abcdabc', 'abc', 'AB')",
+                        "output": "ABdAB"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-translate"
+            },
+            {
+                "name": "encode-for-uri()",
+                "description": "This function encodes reserved characters in an xs:string that is intended to be used in the path segment of a URI. It is invertible but not idempotent.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$uri-part"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "encode-for-uri('https://www.google.com')",
+                        "output": "https%3A%2F%2Fwww.google.com"
+                    },
+                    {
+                        "command": "concat('http://www.example.com/', encode-for-uri('~bébé'))",
+                        "output": "http://www.example.com/~b%C3%A9b%C3%A9"
+                    },
+                    {
+                        "command": "concat('http://www.example.com/', encode-for-uri('100% organic'))",
+                        "output": "http://www.example.com/100%25%20organic"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-encode-for-uri"
+            },
+            {
+                "name": "iri-to-uri()",
+                "description": "This function converts an xs:string containing an IRI into a URI according to the rules spelled out in Section 3.1 of [RFC 3987]. It is idempotent but not invertible.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$iri"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "iri-to-uri ('http://www.example.com/00/Weather/CA/Los%20Angeles#ocean')",
+                        "output": "http://www.example.com/00/Weather/CA/Los%20Angeles#ocean"
+                    },
+                    {
+                        "command": "iri-to-uri ('http://www.example.com/~bébé')",
+                        "output": "http://www.example.com/~b%C3%A9b%C3%A9"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-iri-to-uri"
+            },
+            {
+                "name": "escape-html-uri()",
+                "description": "This function escapes all characters except printable characters of the US-ASCII coded character set, specifically the octets ranging from 32 to 126 (decimal). The effect of the function is to escape a URI in the manner html user agents handle attribute values that expect URIs.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$uri"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "escape-html-uri('http://www.example.com/00/Weather/CA/Los Angeles#ocean')",
+                        "output": "http://www.example.com/00/Weather/CA/Los Angeles#ocean'"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-escape-html-uri"
+            },
+            {
+                "name": "contains()",
+                "description": "Returns an xs:boolean indicating whether or not the value of $arg1 contains (at the beginning, at the end, or anywhere within) at least one sequence of collation units that provides a minimal match to the collation units in the value of $arg2, according to the collation that is used.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "contains( 'tattoo', 'tat')",
+                        "output": "true"
+                    },
+                    {
+                        "command": "contains( 'tattoo', 'ttt')",
+                        "output": "false"
+                    },
+                    {
+                        "command": "contains ( '', ())",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-contains"
+            },
+            {
+                "name": "starts-with(()",
+                "description": "Returns an xs:boolean indicating whether or not the value of $arg1 starts with a sequence of collation units that provides a match to the collation units of $arg2 according to the collation that is used.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "starts-with('tattoo', 'tat')",
+                        "output": "true"
+                    },
+                    {
+                        "command": "starts-with('tattoo', 'ttt')",
+                        "output": "false"
+                    },
+                    {
+                        "command": "starts-with ( '', ())",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-starts-with"
+            },
+            {
+                "name": "ends-with(()",
+                "description": "Returns an xs:boolean indicating whether or not the value of $arg1 starts with a sequence of collation units that provides a match to the collation units of $arg2 according to the collation that is used.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "ends-with('tattoo', 'too')",
+                        "output": "true"
+                    },
+                    {
+                        "command": "ends-with( 'tattoo', 'tatoo')",
+                        "output": "false"
+                    },
+                    {
+                        "command": "ends-with ( '', ())",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-ends-with"
+            },
+            {
+                "name": "substring-before(()",
+                "description": "Returns the substring of the value of $arg1 that precedes in the value of $arg1 the first occurrence of a sequence of collation units that provides a minimal match to the collation units of $arg2 according to the collation that is used.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "substring-before( 'tattoo', 'too')",
+                        "output": "tat"
+                    },
+                    {
+                        "command": "substring-before( 'tattoo', 'tat')",
+                        "output": "''"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-substring-before"
+            },
+            {
+                "name": "substring-after()",
+                "description": "Returns the substring of the value of $arg1 that follows in the value of $arg1 the first occurrence of a sequence of collation units that provides a minimal match to the collation units of $arg2 according to the collation that is used.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg1"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$arg2"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "substring-after( 'tattoo', 'too')",
+                        "output": "''"
+                    },
+                    {
+                        "command": "substring-after( 'tattoo', 'tat')",
+                        "output": "too"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-substring-after"
+            },
+            {
+                "name": "matches()",
+                "description": "The function returns true if $input matches the regular expression supplied as $pattern as influenced by the value of $flags, if present; otherwise, it returns false.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$input"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$pattern"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$flags"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "matches('abracadabra', 'bra')",
+                        "output": "true"
+                    },
+                    {
+                        "command": "matches('abracadabra', '^a.*a$')",
+                        "output": "false"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-matches"
+            },
+            {
+                "name": "replace()",
+                "description": "The function returns the xs:string that is obtained by replacing each non-overlapping substring of $input that matches the given $pattern with an occurrence of the $replacement string.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand1"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$startingLoc"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$replacement"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$flags"
+                    }
+                ],
+                "output": "xs:string",
+                "examples": [
+                    {
+                        "command": "replace('abracadabra', 'bra', '*')",
+                        "output": "a*cada*"
+                    },
+                    {
+                        "command": "replace('abracadabra', 'a.*a, '*')",
+                        "output": "ada"
+                    },
+                    {
+                        "command": "replace('AAAA', 'A+', 'b')",
+                        "output": "b"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-replace"
+            },
+            {
+                "name": "tokenize()",
+                "description": "This function breaks the $input string into a sequence of strings, treating any substring that matches $pattern as a separator. The separators themselves are not returned.",
+                "arguments": [
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$comparand1"
+                    },
+                    {
+                        "type": "xs:string",
+                        "description": "$pattern"
+                    },
+                    {
+                        "type": "xs:string? (Optional)",
+                        "description": "$flags"
+                    }
+                ],
+                "output": "xs:string* (One or more)",
+                "examples": [
+                    {
+                        "command": "tokenize('The cat sat on the mat', '\\s+')",
+                        "output": "('The', 'cat', 'sat', 'on', 'the', 'mat')"
+                    },
+                    {
+                        "command": "tokenize('1, 15, 24, 50', '\\s*')",
+                        "output": "('1', '15', '24', '50')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-tokenize"
+            }
+        ]
+    },
     {
         "name": "Number",
         "entries": [

From 242b9026f1be83d69845548d652bfe4cefc38f14 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 28 Jun 2023 13:16:46 +0200
Subject: [PATCH 31/33] Added Number category

---
 .../src/assets/tooltips/xpath/xpath2.json     | 179 ++++++++++++++++++
 1 file changed, 179 insertions(+)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index 8e5eb2d..b201f65 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -933,6 +933,28 @@
     {
         "name": "Number",
         "entries": [
+            {
+                "name": "number()",
+                "description": "Returns the value indicated by $arg or, if $arg is not specified, the context item after atomization, converted to an xs:double.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType? (Optional)",
+                        "description": "Value to convert to number"
+                    }
+                ],
+                "output": "xs:double",
+                "examples": [
+                    {
+                        "command": "number(123)",
+                        "output": "123"
+                    },
+                    {
+                        "command": "number('Release11')",
+                        "output": "NaN"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-number"
+            },
             {
                 "name": "avg()",
                 "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
@@ -1016,6 +1038,163 @@
                     }
                 ],
                 "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-sum"
+            },
+            {
+                "name": "abs()",
+                "description": "Returns the absolute value of $arg.",
+                "arguments": [
+                    {
+                        "type": "numeric? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "numeric?",
+                "examples": [
+                    {
+                        "command": "abs(25)",
+                        "output": "25"
+                    },
+                    {
+                        "command": "abs(-25)",
+                        "output": "25"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-abs"
+            },
+            {
+                "name": "ceiling()",
+                "description": "Returns the smallest (closest to negative infinity) number with no fractional part that is not less than the value of $arg.",
+                "arguments": [
+                    {
+                        "type": "numeric? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "numeric?",
+                "examples": [
+                    {
+                        "command": "ceiling(10.5)",
+                        "output": "11"
+                    },
+                    {
+                        "command": "ceiling(-10.5)",
+                        "output": "10"
+                    },
+                    {
+                        "command": "ceiling(10.1)",
+                        "output": "11"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-ceiling"
+            },
+            {
+                "name": "floor()",
+                "description": "Returns the largest (closest to positive infinity) number with no fractional part that is not greater than the value of $arg.",
+                "arguments": [
+                    {
+                        "type": "numeric? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "numeric?",
+                "examples": [
+                    {
+                        "command": "floor(10.5)",
+                        "output": "10"
+                    },
+                    {
+                        "command": "floor(-10.5)",
+                        "output": "-11"
+                    },
+                    {
+                        "command": "floor(10.1)",
+                        "output": "10"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-floor"
+            },
+            {
+                "name": "round()",
+                "description": "Returns the number with no fractional part that is closest to the argument.",
+                "arguments": [
+                    {
+                        "type": "numeric? (Optional)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "numeric?",
+                "examples": [
+                    {
+                        "command": "round(10.5)",
+                        "output": "11"
+                    },
+                    {
+                        "command": "round(-10.5)",
+                        "output": "-10"
+                    },
+                    {
+                        "command": "round(10.1)",
+                        "output": "10"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-round"
+            },
+            {
+                "name": "round-half-to-even()",
+                "description": "The value returned is the nearest (that is, numerically closest) value to $arg that is a multiple of ten to the power of minus $precision. If two such values are equally near (e.g. if the fractional part in $arg is exactly .500...), the function returns the one whose least significant digit is even.",
+                "arguments": [
+                    {
+                        "type": "numeric? (Optional)",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "numeric? (Optional)",
+                        "description": "$precision"
+                    }
+                ],
+                "output": "numeric?",
+                "examples": [
+                    {
+                        "command": "round-half-to-even(0.5)",
+                        "output": "0"
+                    },
+                    {
+                        "command": "round-half-to-even(1.5)",
+                        "output": "2"
+                    },
+                    {
+                        "command": "round-half-to-even(2.5)",
+                        "output": "2"
+                    },
+                    {
+                        "command": "round-half-to-even(2.6)",
+                        "output": "3"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#round-half-to-even"
+            }
+        ]
+    },
+    {
+        "name": "Collections",
+        "entries": [
+            {
+                "name": "avg()",
+                "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType* (One or more)",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "xs:anyAtomicType",
+                "examples": [
+                    {
+                        "command": "avg(//u:User/@Id)",
+                        "output": "2.6"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-avg"
             }
         ]
     }

From 9731625ecc8233812a650f6ac6b74f1ebb2d2db4 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 29 Jun 2023 09:24:57 +0200
Subject: [PATCH 32/33] Added Colletions category

---
 .../src/assets/tooltips/xpath/xpath2.json     | 639 +++++++++++++++---
 1 file changed, 558 insertions(+), 81 deletions(-)

diff --git a/Frontend/src/assets/tooltips/xpath/xpath2.json b/Frontend/src/assets/tooltips/xpath/xpath2.json
index b201f65..2c5dfed 100644
--- a/Frontend/src/assets/tooltips/xpath/xpath2.json
+++ b/Frontend/src/assets/tooltips/xpath/xpath2.json
@@ -7,7 +7,7 @@
                 "description": "Returns the name of a node, as an xs:string that is either the zero-length string, or has the lexical form of an xs:QName. If the argument is omitted, it defaults to the context item (.). The behavior of the function if the argument is omitted is exactly the same as if the context item had been passed as the argument.",
                 "arguments": [
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "Node to display name"
                     }
                 ],
@@ -25,7 +25,7 @@
                 "description": "Returns the local part of the name of $arg as an xs:string that will either be the zero-length string or will have the lexical form of an xs:NCName. If the argument is omitted, it defaults to the context item (.). The behavior of the function if the argument is omitted is exactly the same as if the context item had been passed as the argument.",
                 "arguments": [
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "Node to display local-name"
                     }
                 ],
@@ -43,7 +43,7 @@
                 "description": "Returns an xs:boolean indicating whether the argument node is 'nilled'. If the argument is not an element node, returns the empty sequence. If the argument is the empty sequence, returns the empty sequence.",
                 "arguments": [
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "Node to test"
                     }
                 ],
@@ -61,7 +61,7 @@
                 "description": "Returns the value of the base-uri URI property for $arg as defined by the accessor function dm:base-uri() for that kind of node in Section 5.2 base-uri AccessorDM.",
                 "arguments": [
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "Node which URI is looked for"
                     }
                 ],
@@ -79,7 +79,7 @@
                 "description": "Returns the value of the document-uri property for $arg as defined by the dm:document-uri accessor function defined in Section 6.1.2 AccessorsDM.",
                 "arguments": [
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "Node which document-uri value needs to be returned."
                     }
                 ],
@@ -101,11 +101,11 @@
                 "description": "This function tests whether the language of $node, or the context item if the second argument is omitted, as specified by xml:lang attributes is the same as, or is a sublanguage of, the language specified by $testlang.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$testlang (Look description)"
                     },
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "$node (Look description)"
                     }
                 ],
@@ -127,7 +127,7 @@
                 "description": "Returns the root of the tree to which $arg belongs. This will usually, but not necessarily, be a document node.",
                 "arguments": [
                     {
-                        "type": "node? (Optional)",
+                        "type": "node?",
                         "description": "$arg (Look description)"
                     }
                 ],
@@ -145,7 +145,7 @@
                 "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
                 "arguments": [
                     {
-                        "type": "item()* (One or more)",
+                        "type": "item()*",
                         "description": "$arg (Look description)"
                     }
                 ],
@@ -172,11 +172,11 @@
                 "description": "Computes the effective boolean value of the sequence $arg.",
                 "arguments": [
                     {
-                        "type": "item()* (One or more)",
+                        "type": "item()*",
                         "description": "$arg"
                     }
                 ],
-                "output": "xs:boolean? (Optional)",
+                "output": "xs:boolean?",
                 "examples": [
                     {
                         "command": "boolean(0)",
@@ -273,7 +273,7 @@
                 "description": "Creates an xs:string from a sequence of The Unicode Standard code points. Returns the zero-length string if $arg is the empty sequence. If any of the code points in $arg is not a legal XML character, an error is raised [err:FOCH0001].",
                 "arguments": [
                     {
-                        "type": "xs:integer* (One or more)",
+                        "type": "xs:integer*",
                         "description": "$arg"
                     }
                 ],
@@ -295,11 +295,11 @@
                 "description": "Returns the sequence of The Unicode Standard code points that constitute an xs:string. If $arg is a zero-length string or the empty sequence, the empty sequence is returned.",
                 "arguments": [
                     {
-                        "type": "xs:string* (One or more)",
+                        "type": "xs:string*",
                         "description": "$arg"
                     }
                 ],
-                "output": "xs:integer* (One or more)",
+                "output": "xs:integer*",
                 "examples": [
                     {
                         "command": "string-to-codepoints('Thérèse')",
@@ -313,19 +313,19 @@
                 "description": "Returns -1, 0, or 1, depending on whether the value of the $comparand1 is respectively less than, equal to, or greater than the value of $comparand2, according to the rules of the collation that is used.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand2"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
-                "output": "xs:integer? (Optional)",
+                "output": "xs:integer?",
                 "examples": [
                     {
                         "command": "compare('abc', 'abc')",
@@ -347,11 +347,11 @@
                 "description": "Returns true or false depending on whether the value of $comparand1 is equal to the value of $comparand2, according to the Unicode code point collation.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand2"
                     },
                     {
@@ -359,7 +359,7 @@
                         "description": "$collation"
                     }
                 ],
-                "output": "xs:boolean? (Optional)",
+                "output": "xs:boolean?",
                 "examples": [
                     {
                         "command": "codepoint-equal('asdf', 'asdf')",
@@ -377,15 +377,15 @@
                 "description": " Accepts two or more xs:anyAtomicType arguments and casts them to xs:string. Returns the xs:string that is the concatenation of the values of its arguments after conversion. If any of the arguments is the empty sequence, the argument is treated as the zero-length string.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType? (Optional)",
+                        "type": "xs:anyAtomicType?",
                         "description": "$arg1"
                     },
                     {
-                        "type": "xs:anyAtomicType? (Optional)",
+                        "type": "xs:anyAtomicType?",
                         "description": "$arg2"
                     },
                     {
-                        "type": "xs:anyAtomicType? (Optional)",
+                        "type": "xs:anyAtomicType?",
                         "description": "$arg.."
                     }
                 ],
@@ -411,7 +411,7 @@
                 "description": "Returns a xs:string created by concatenating the members of the $arg1 sequence using $arg2 as a separator. If the value of $arg2 is the zero-length string, then the members of $arg1 are concatenated without a separator.",
                 "arguments": [
                     {
-                        "type": "xs:string* (One or more)",
+                        "type": "xs:string*",
                         "description": "$arg1"
                     },
                     {
@@ -441,7 +441,7 @@
                 "description": "Returns the portion of the value of $sourceString beginning at the position indicated by the value of $startingLoc and continuing for the number of characters indicated by the value of $length. The characters returned do not extend beyond $sourceString.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand1"
                     },
                     {
@@ -449,7 +449,7 @@
                         "description": "$startingLoc"
                     },
                     {
-                        "type": "xs:double? (Optional)",
+                        "type": "xs:double?",
                         "description": "$length"
                     }
                 ],
@@ -471,7 +471,7 @@
                 "description": "Returns the portion of the value of $sourceString beginning at the position indicated by the value of $startingLoc and continuing for the number of characters indicated by the value of $length. The characters returned do not extend beyond $sourceString.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg"
                     }
                 ],
@@ -493,7 +493,7 @@
                 "description": "Returns the value of $arg with whitespace normalized by stripping leading and trailing whitespace and replacing sequences of one or more than one whitespace character with a single space.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg"
                     }
                 ],
@@ -515,11 +515,11 @@
                 "description": "Returns the value of $arg normalized according to the normalization criteria for a normalization form identified by the value of $normalizationForm. The effective value of the $normalizationForm is computed by removing leading and trailing blanks, if present, and converting to upper case.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$normalizationForm"
                     }
                 ],
@@ -537,7 +537,7 @@
                 "description": "Returns the value of $arg after translating every character to its upper-case correspondent as defined in the appropriate case mappings section in the Unicode standard.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg"
                     }
                 ],
@@ -555,7 +555,7 @@
                 "description": "Returns the value of $arg after translating every character to its lower-case correspondent as defined in the appropriate case mappings section in the Unicode standard.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg"
                     }
                 ],
@@ -573,7 +573,7 @@
                 "description": "Returns the value of $arg modified so that every character in the value of $arg that occurs at some position N in the value of $mapString has been replaced by the character that occurs at position N in the value of $transString.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg"
                     },
                     {
@@ -607,7 +607,7 @@
                 "description": "This function encodes reserved characters in an xs:string that is intended to be used in the path segment of a URI. It is invertible but not idempotent.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$uri-part"
                     }
                 ],
@@ -633,7 +633,7 @@
                 "description": "This function converts an xs:string containing an IRI into a URI according to the rules spelled out in Section 3.1 of [RFC 3987]. It is idempotent but not invertible.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$iri"
                     }
                 ],
@@ -655,7 +655,7 @@
                 "description": "This function escapes all characters except printable characters of the US-ASCII coded character set, specifically the octets ranging from 32 to 126 (decimal). The effect of the function is to escape a URI in the manner html user agents handle attribute values that expect URIs.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$uri"
                     }
                 ],
@@ -673,15 +673,15 @@
                 "description": "Returns an xs:boolean indicating whether or not the value of $arg1 contains (at the beginning, at the end, or anywhere within) at least one sequence of collation units that provides a minimal match to the collation units in the value of $arg2, according to the collation that is used.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg2"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -707,15 +707,15 @@
                 "description": "Returns an xs:boolean indicating whether or not the value of $arg1 starts with a sequence of collation units that provides a match to the collation units of $arg2 according to the collation that is used.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg2"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -741,15 +741,15 @@
                 "description": "Returns an xs:boolean indicating whether or not the value of $arg1 starts with a sequence of collation units that provides a match to the collation units of $arg2 according to the collation that is used.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg2"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -775,15 +775,15 @@
                 "description": "Returns the substring of the value of $arg1 that precedes in the value of $arg1 the first occurrence of a sequence of collation units that provides a minimal match to the collation units of $arg2 according to the collation that is used.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg2"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -805,15 +805,15 @@
                 "description": "Returns the substring of the value of $arg1 that follows in the value of $arg1 the first occurrence of a sequence of collation units that provides a minimal match to the collation units of $arg2 according to the collation that is used.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg1"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$arg2"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -835,15 +835,15 @@
                 "description": "The function returns true if $input matches the regular expression supplied as $pattern as influenced by the value of $flags, if present; otherwise, it returns false.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$input"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$pattern"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$flags"
                     }
                 ],
@@ -865,7 +865,7 @@
                 "description": "The function returns the xs:string that is obtained by replacing each non-overlapping substring of $input that matches the given $pattern with an occurrence of the $replacement string.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand1"
                     },
                     {
@@ -877,7 +877,7 @@
                         "description": "$replacement"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$flags"
                     }
                 ],
@@ -903,7 +903,7 @@
                 "description": "This function breaks the $input string into a sequence of strings, treating any substring that matches $pattern as a separator. The separators themselves are not returned.",
                 "arguments": [
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$comparand1"
                     },
                     {
@@ -911,11 +911,11 @@
                         "description": "$pattern"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$flags"
                     }
                 ],
-                "output": "xs:string* (One or more)",
+                "output": "xs:string*",
                 "examples": [
                     {
                         "command": "tokenize('The cat sat on the mat', '\\s+')",
@@ -938,7 +938,7 @@
                 "description": "Returns the value indicated by $arg or, if $arg is not specified, the context item after atomization, converted to an xs:double.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType? (Optional)",
+                        "type": "xs:anyAtomicType?",
                         "description": "Value to convert to number"
                     }
                 ],
@@ -960,7 +960,7 @@
                 "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType* (One or more)",
+                        "type": "xs:anyAtomicType*",
                         "description": "$arg"
                     }
                 ],
@@ -978,11 +978,11 @@
                 "description": "Selects an item from the input sequence $arg whose value is greater than or equal to the value of every other item in the input sequence. If there are two or more such items, then the specific item whose value is returned is ·implementation dependent·.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType* (One or more)",
+                        "type": "xs:anyAtomicType*",
                         "description": "$arg"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -1000,11 +1000,11 @@
                 "description": "Selects an item from the input sequence $arg whose value is less than or equal to the value of every other item in the input sequence. If there are two or more such items, then the specific item whose value is returned is ·implementation dependent·.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType* (One or more)",
+                        "type": "xs:anyAtomicType*",
                         "description": "$arg"
                     },
                     {
-                        "type": "xs:string? (Optional)",
+                        "type": "xs:string?",
                         "description": "$collation"
                     }
                 ],
@@ -1022,11 +1022,11 @@
                 "description": "Returns a value obtained by adding together the values in $arg. If $zero is not specified, then the value returned for an empty sequence is the xs:integer value 0. If $zero is specified, then the value returned for an empty sequence is $zero. Any values of type xs:untypedAtomic in $arg are cast to xs:double. The items in the resulting sequence may be reordered in an arbitrary order. The resulting sequence is referred to below as the converted sequence.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType* (One or more)",
+                        "type": "xs:anyAtomicType*",
                         "description": "$arg"
                     },
                     {
-                        "type": "xs:anyAtomicType? (Optional)",
+                        "type": "xs:anyAtomicType?",
                         "description": "$zero"
                     }
                 ],
@@ -1044,7 +1044,7 @@
                 "description": "Returns the absolute value of $arg.",
                 "arguments": [
                     {
-                        "type": "numeric? (Optional)",
+                        "type": "numeric?",
                         "description": "$arg"
                     }
                 ],
@@ -1066,7 +1066,7 @@
                 "description": "Returns the smallest (closest to negative infinity) number with no fractional part that is not less than the value of $arg.",
                 "arguments": [
                     {
-                        "type": "numeric? (Optional)",
+                        "type": "numeric?",
                         "description": "$arg"
                     }
                 ],
@@ -1092,7 +1092,7 @@
                 "description": "Returns the largest (closest to positive infinity) number with no fractional part that is not greater than the value of $arg.",
                 "arguments": [
                     {
-                        "type": "numeric? (Optional)",
+                        "type": "numeric?",
                         "description": "$arg"
                     }
                 ],
@@ -1118,7 +1118,7 @@
                 "description": "Returns the number with no fractional part that is closest to the argument.",
                 "arguments": [
                     {
-                        "type": "numeric? (Optional)",
+                        "type": "numeric?",
                         "description": "$arg"
                     }
                 ],
@@ -1144,11 +1144,11 @@
                 "description": "The value returned is the nearest (that is, numerically closest) value to $arg that is a multiple of ten to the power of minus $precision. If two such values are equally near (e.g. if the fractional part in $arg is exactly .500...), the function returns the one whose least significant digit is even.",
                 "arguments": [
                     {
-                        "type": "numeric? (Optional)",
+                        "type": "numeric?",
                         "description": "$arg"
                     },
                     {
-                        "type": "numeric? (Optional)",
+                        "type": "numeric?",
                         "description": "$precision"
                     }
                 ],
@@ -1179,22 +1179,499 @@
         "name": "Collections",
         "entries": [
             {
-                "name": "avg()",
-                "description": "Returns the number of items in the value of $arg. Returns 0 if $arg is the empty sequence.",
+                "name": "data()",
+                "description": "Takes a sequence of items and returns a sequence of atomic values.",
                 "arguments": [
                     {
-                        "type": "xs:anyAtomicType* (One or more)",
+                        "type": "item*",
+                        "description": "Items to convert."
+                    }
+                ],
+                "output": "xs:anyAtomicType*",
+                "examples": [
+                    {
+                        "command": "data(/u:root/u:UserList[1]/u:User[1])",
+                        "output": "('John', 'Wick', '2023-10-10')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-data"
+            },
+            {
+                "name": "index-of()",
+                "description": " Returns a sequence of positive integers giving the positions within the sequence $seqParam of items that are equal to $srchParam.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType",
+                        "description": "$seqParam"
+                    },
+                    {
+                        "type": "xs:anyAtomicType",
+                        "description": "$srchParam"
+                    },
+                    {
+                        "type": "xs:string?",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:integer*",
+                "examples": [
+                    {
+                        "command": "index-of((10, 20, 30, 40), 35)",
+                        "output": "()"
+                    },
+                    {
+                        "command": "index-of((10, 20, 30, 30, 20, 10), 20)",
+                        "output": "(2, 5)"
+                    },
+                    {
+                        "command": "index-of(('a', 'sport', 'and', 'a', 'pastime'), 'a')",
+                        "output": "(1, 4)"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-index-of"
+            },
+            {
+                "name": "empty()",
+                "description": "If the value of $arg is the empty sequence, the function returns true; otherwise, the function returns false.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "arg"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "empty(('hello', 'world'))",
+                        "output": "false"
+                    },
+                    {
+                        "command": "empty(())",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-empty"
+            },
+            {
+                "name": "exists()",
+                "description": "If the value of $arg is not the empty sequence, the function returns true; otherwise, the function returns false.",
+                "arguments": [
+                    {
+                        "type": "item*",
                         "description": "$arg"
                     }
                 ],
-                "output": "xs:anyAtomicType",
+                "output": "xs:boolean",
                 "examples": [
                     {
-                        "command": "avg(//u:User/@Id)",
-                        "output": "2.6"
+                        "command": "exists(remove(('hello'), 1))",
+                        "output": "false"
                     }
                 ],
-                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-avg"
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-exists"
+            },
+            {
+                "name": "distinct-values()",
+                "description": "Returns the sequence that results from removing from $arg all but one of a set of values that are eq to one other. Values of type xs:untypedAtomic are compared as if they were of type xs:string.",
+                "arguments": [
+                    {
+                        "type": "xs:anyAtomicType*",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:string?",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:anyAtomicType*",
+                "examples": [
+                    {
+                        "command": "distinct-values((1, 2.0, 3, 2))",
+                        "output": "(1, 3, 2.0)"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-distinct-values"
+            },
+            {
+                "name": "insert-before()",
+                "description": "Returns a new sequence constructed from the value of $target with the value of $inserts inserted at the position specified by the value of $position.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$target"
+                    },
+                    {
+                        "type": "xs:integer",
+                        "description": "$position"
+                    },
+                    {
+                        "type": "item()*",
+                        "description": "$$inserts"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [
+                    {
+                        "command": "insert-before($x, 0, 'z')",
+                        "output": "('z', 'a', 'b', 'c')"
+                    },
+                    {
+                        "command": "insert-before($x, 1, 'z')",
+                        "output": "('z', 'a', 'b', 'c')"
+                    },
+                    {
+                        "command": "insert-before($x, 2, 'z')",
+                        "output": "('a', 'z', 'b', 'c')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-insert-before"
+            },
+            {
+                "name": "remove()",
+                "description": "Returns a new sequence constructed from the value of $target with the item at the position specified by the value of $position removed.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$target"
+                    },
+                    {
+                        "type": "xs:integer",
+                        "description": "$position"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [
+                    {
+                        "command": "remove($x, 0)",
+                        "output": "('a', 'b', 'c')"
+                    },
+                    {
+                        "command": "remove($x, 1)",
+                        "output": "('b', 'c')"
+                    },
+                    {
+                        "command": "remove($x, 6)",
+                        "output": "('a', 'b', 'c')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-remove"
+            },
+            {
+                "name": "reverse()",
+                "description": "Reverses the order of items in a sequence. If $arg is the empty sequence, the empty sequence is returned.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [
+                    {
+                        "command": "reverse( ('a', 'b', 'c') )",
+                        "output": "('c', 'b', 'a')"
+                    },
+                    {
+                        "command": "reverse( ('hello') )",
+                        "output": "('hello')"
+                    },
+                    {
+                        "command": "reverse( ('') )",
+                        "output": "('')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-reverse"
+            },
+            {
+                "name": "subsequence()",
+                "description": "Returns the contiguous sequence of items in the value of $sourceSeq beginning at the position indicated by the value of $startingLoc and continuing for the number of items indicated by the value of $length.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$sourceSeq"
+                    },
+                    {
+                        "type": "xs:double?",
+                        "description": "$startingLoc"
+                    },
+                    {
+                        "type": "xs:double?",
+                        "description": "$length"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [
+                    {
+                        "command": "subsequence( ('a', 'b', 'c', 'd', 'e') , 4)",
+                        "output": "('d', 'e')"
+                    },
+                    {
+                        "command": "subsequence( ('a', 'b', 'c', 'd', 'e'), 2, 3)",
+                        "output": "('b', 'c', 'd')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-subsequence"
+            },
+            {
+                "name": "unordered()",
+                "description": "Returns the items of $sourceSeq in an implementation dependent order.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$sourceSeq"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-unordered"
+            },
+            {
+                "name": "zero-or-one()",
+                "description": "Returns $arg if it contains zero or one items. Otherwise, raises an error [err:FORG0003].",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [
+                    {
+                        "command": "zero-or-one(('a'))",
+                        "output": "('a')"
+                    },
+                    {
+                        "command": "zero-or-one(('a', 'b'))",
+                        "output": "A sequence of more than one item is not allowed as the first argument of fn:zero-or-one() ('a', 'b')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-zero-or-one"
+            },
+            {
+                "name": "one-or-more()",
+                "description": "Returns $arg if it contains one or more items. Otherwise, raises an error [err:FORG0004].",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "item()?",
+                "examples": [
+                    {
+                        "command": "one-or-more(('a'))",
+                        "output": "('a')"
+                    },
+                    {
+                        "command": "one-or-more(('a', 'b'))",
+                        "output": "('a', 'b')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-one-or-more"
+            },
+            {
+                "name": "exactly-one()",
+                "description": "Returns $arg if it contains exactly one item. Otherwise, raises an error [err:FORG0005].",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "item()?",
+                "examples": [
+                    {
+                        "command": "exactly-one(('a'))",
+                        "output": "('a')"
+                    },
+                    {
+                        "command": "exactly-one(('a', 'b'))",
+                        "output": "A sequence of more than one item is not allowed as the first argument of fn:exactly-one() ('a', 'b')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-exactly-one"
+            },
+            {
+                "name": "deep-equal()",
+                "description": "This function assesses whether two sequences are deep-equal to each other. To be deep-equal, they must contain items that are pairwise deep-equal; and for two items to be deep-equal, they must either be atomic values that compare equal, or nodes of the same kind, with the same name, whose children are deep-equal.",
+                "arguments": [
+                    {
+                        "type": "item*",
+                        "description": "$parameter1"
+                    },
+                    {
+                        "type": "item*",
+                        "description": "$parameter2"
+                    },
+                    {
+                        "type": "xs:string?",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "xs:boolean",
+                "examples": [
+                    {
+                        "command": "deep-equal(/u:root/u:UserList[1], /u:root/u:UserList[2])",
+                        "output": "false"
+                    },
+                    {
+                        "command": "deep-equal(/u:root/u:UserList[1], /u:root/u:UserList[1])",
+                        "output": "true"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-deep-equal"
+            },
+            {
+                "name": "id()",
+                "description": "Returns the sequence of element nodes that have an ID value matching the value of one or more of the IDREF values supplied in $arg.",
+                "arguments": [
+                    {
+                        "type": "xs:string*",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "node()*",
+                        "description": "$startingLoc"
+                    },
+                    {
+                        "type": "xs:string?",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "element()*",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-id"
+            },
+            {
+                "name": "idref()",
+                "description": "Returns the sequence of element or attribute nodes with an IDREF value matching the value of one or more of the ID values supplied in $arg.",
+                "arguments": [
+                    {
+                        "type": "xs:string*",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "node()*",
+                        "description": "$node"
+                    },
+                    {
+                        "type": "xs:string?",
+                        "description": "$collation"
+                    }
+                ],
+                "output": "node()*",
+                "examples": [],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-idref"
+            },
+            {
+                "name": "doc()",
+                "description": "Retrieves a document using a URI supplied as an xs:string, and returns the corresponding document node.",
+                "arguments": [
+                    {
+                        "type": "xs:string",
+                        "description": "$uri"
+                    }
+                ],
+                "output": "document-node()?",
+                "examples": [
+                    {
+                        "command": "doc('test.xml')",
+                        "output": "<Contenct of test.xml file>"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-doc"
+            },
+            {
+                "name": "doc-available()",
+                "description": "The function returns true if and only if the function call fn:doc($uri) would return a document node.",
+                "arguments": [
+                    {
+                        "type": "xs:string",
+                        "description": "$uri"
+                    }
+                ],
+                "output": "item()*",
+                "examples": [
+                    {
+                        "command": "doc('test.xml')",
+                        "output": "true <Assuming document is available>"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-doc-available"
+            },
+            {
+                "name": "collection()",
+                "description": "This function takes an xs:string as argument and returns a sequence of nodes obtained by interpreting $arg as an xs:anyURI and resolving it",
+                "arguments": [
+                    {
+                        "type": "xs:string?",
+                        "description": "$arg"
+                    }
+                ],
+                "output": "node()*",
+                "examples": [
+                    {
+                        "command": "collection('')",
+                        "output": "()"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-collection"
+            },
+            {
+                "name": "element-with-id()",
+                "description": "Returns the sequence of element nodes that have an ID value matching the value of one or more of the IDREF values supplied in $arg.",
+                "arguments": [
+                    {
+                        "type": "xs:string?",
+                        "description": "$arg"
+                    },
+                    {
+                        "type": "xs:double?",
+                        "description": "$startingLoc"
+                    },
+                    {
+                        "type": "xs:double?",
+                        "description": "$length"
+                    }
+                ],
+                "output": "node()*",
+                "examples": [
+                    {
+                        "command": "subsequence( ('a', 'b', 'c', 'd', 'e') , 4)",
+                        "output": "('d', 'e')"
+                    },
+                    {
+                        "command": "subsequence( ('a', 'b', 'c', 'd', 'e'), 2, 3)",
+                        "output": "('b', 'c', 'd')"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-subsequence"
+            },
+            {
+                "name": "position()",
+                "description": "Returns the context position from the dynamic context. (See Section C.2 Dynamic Context ComponentsXP.) If the context item is undefined, an error is raised: [err:XPDY0002]XP.",
+                "arguments": [],
+                "output": "xs:integer",
+                "examples": [
+                    {
+                        "command": "/u:root/u:UserList[@Id = 'b']/position()",
+                        "output": "1"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-position"
+            },
+            {
+                "name": "last()",
+                "description": "Returns the sequence of element nodes that have an ID value matching the value of one or more of the IDREF values supplied in $arg.",
+                "arguments": [],
+                "output": "xs:integer",
+                "examples": [
+                    {
+                        "command": "/u:root/u:UserList/last()",
+                        "output": "(3, 3, 3)"
+                    }
+                ],
+                "documentationReferenceURL": "https://www.w3.org/TR/xquery-operators/#func-last"
             }
         ]
     }

From b81c96f2a3706a8e7f33074d01de22e1aad1221a Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 29 Jun 2023 09:38:40 +0200
Subject: [PATCH 33/33] Added automating explanations to indicators

---
 .../xml/tooltips/TooltipEntryComponent.vue    | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 81fb8f2..5596c61 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -18,6 +18,24 @@ function entryHasExamples() {
     return props.entryData.examples.length > 0;
 }
 
+function interpretXPathIndicators( elementType:string ):string {
+    const lastChar = elementType.charAt(elementType.length - 1);
+    var meaning = "";
+    switch (lastChar) {
+        case "*":
+            meaning = "Zero or more";
+        case "?":
+            meaning = "Zero or one";
+        case "+":
+            meaning = "One or more";
+
+    }
+    if (meaning.length == 0)
+        return elementType;
+    else
+        return elementType + " (" + meaning + ")";
+}
+
 </script>
 
 <template>
@@ -38,12 +56,12 @@ function entryHasExamples() {
                     <th>Description</th>
                 </tr>
                 <tr v-for="arg in props.entryData.arguments">
-                    <td class="text-center">{{ arg.type }}</td>
+                    <td class="text-center">{{ interpretXPathIndicators( arg.type ) }}</td>
                     <td class="text-center">{{ arg.description }}</td>
                 </tr>
             </table>
             <div class="mt-2">
-                <strong>Output: </strong>{{ props.entryData.output }}
+                <strong>Output: </strong>{{ interpretXPathIndicators(props.entryData.output) }}
             </div>