@cloudron/pankow 3.6.7 → 3.7.0

package/components/DateTimeInput.vue

@@ -0,0 +1,21 @@
+<script setup>
+
+const model = defineModel();
+const props = defineProps({
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+});
+
+</script>
+
+<template>
+  <input class="pankow-text-input" type="datetime-local" :readonly="readonly" v-model="model"/>
+</template>
+
+<style>
+
+/* using TextInput styles */
+
+</style>

package/components/Menu.vue

@@ -168,9 +168,9 @@ function blurEventHandler() {
 
 async function open(event, element = null) {
   isOpen.value = true;
-  pageX = element ? element.getBoundingClientRect().left : event.pageX;
-  targetBottom = element ? element.getBoundingClientRect().bottom : event.pageY;
-  targetTop = element ? element.getBoundingClientRect().top : event.pageY;
+  pageX = element ? element.getBoundingClientRect().left : (event.touches && event.touches[0] ? event.touches[0].pageX : event.pageX);
+  targetBottom = element ? element.getBoundingClientRect().bottom : (event.touches && event.touches[0] ? event.touches[0].pageY : event.pageY);
+  targetTop = element ? element.getBoundingClientRect().top : (event.touches && event.touches[0] ? event.touches[0].pageY : event.pageY);
   offsetY.value = element ? (element.getBoundingClientRect().height + 2) : 0; // offset in case we roll up
   forElement = element;
   prevFocusElement = document.activeElement;

package/components/TableView.vue

@@ -176,6 +176,7 @@ onMounted(() => {
   user-select: none;
   border-bottom: 1px solid var(--pankow-color-light-dark);
   white-space: nowrap;
+  font-weight: var(--pankow-font-weight-bold);
 }
 
 .pankow-table-header-column-sortable {

package/index.js

@@ -13,6 +13,7 @@ import ButtonGroup from './components/ButtonGroup.vue';
 import ClipboardAction from './components/ClipboardAction.vue';
 import ClipboardButton from './components/ClipboardButton.vue';
 import Checkbox from './components/Checkbox.vue';
+import DateTimeInput from './components/DateTimeInput.vue';
 import Dialog from './components/Dialog.vue';
 import DirectoryView from './components/DirectoryView.vue';
 import EmailInput from './components/EmailInput.vue';
@@ -58,6 +59,7 @@ export {
     ClipboardAction,
     ClipboardButton,
     Checkbox,
+    DateTimeInput,
     Dialog,
     DirectoryView,
     EmailInput,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudron/pankow",
   "private": false,
-  "version": "3.6.7",
+  "version": "3.7.0",
   "description": "",
   "main": "index.js",
   "types": "types/index.d.ts",
@@ -34,7 +34,7 @@
     "highlight.js": "^11.11.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
-    "vue": "^3.5.27",
+    "vue": "^3.5.28",
     "vue-router": "^5.0.2"
   }
 }

package/types/index.d.ts

@@ -3,4 +3,4 @@ import gestures from './gestures.js';
 import tooltip from './tooltip.js';
 import fallbackImage from './fallbackImage.js';
 import utils from './utils.js';
-export { BottomBar, Breadcrumb, Button, ButtonGroup, ClipboardAction, ClipboardButton, Checkbox, Dialog, DirectoryView, EmailInput, FileUploader, FormGroup, InputGroup, Icon, InputDialog, MainLayout, MaskedInput, Menu, MenuItem, SingleSelect, MultiSelect, Notification, NumberInput, OfflineBanner, PasswordInput, Popover, ProgressBar, Radiobutton, SideBar, Spinner, Switch, TableView, TabView, TagInput, TextInput, TextInputRaw, TopBar, fetcher, gestures, tooltip, fallbackImage, utils };
+export { BottomBar, Breadcrumb, Button, ButtonGroup, ClipboardAction, ClipboardButton, Checkbox, DateTimeInput, Dialog, DirectoryView, EmailInput, FileUploader, FormGroup, InputGroup, Icon, InputDialog, MainLayout, MaskedInput, Menu, MenuItem, SingleSelect, MultiSelect, Notification, NumberInput, OfflineBanner, PasswordInput, Popover, ProgressBar, Radiobutton, SideBar, Spinner, Switch, TableView, TabView, TagInput, TextInput, TextInputRaw, TopBar, fetcher, gestures, tooltip, fallbackImage, utils };