Merge pull request #45 from lukashornych/dev

Data grid overhaul - property selector, better UX,...

package.json

@@ -24,6 +24,7 @@
     "uuid": "^9.0.0",
     "vue": "^3.2.0",
     "vue-codemirror": "^6.1.1",
+    "vue-hotkeys-rt": "^0.2.3",
     "vue-markdown-render": "^2.0.1",
     "vue-router": "^4.0.0",
     "vue-toastification": "^2.0.0-rc.5",

src/components/base/VClosableCardTitle.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+/**
+ * VCardTitle component with close button
+ */
+
+const emit = defineEmits<{
+    (e: 'close'): void
+}>()
+</script>
+
+<template>
+    <VCardTitle>
+        <div class="title-container">
+            <span>
+                <slot />
+            </span>
+            <VBtn
+                icon
+                variant="flat"
+                density="compact"
+                @click="emit('close')"
+            >
+                <VIcon>mdi-close</VIcon>
+            </VBtn>
+        </div>
+    </VCardTitle>
+</template>
+
+<style lang="scss" scoped>
+.title-container {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+</style>