@cloudron/pankow 3.5.5 → 3.5.7

package/components/Menu.vue

@@ -287,7 +287,7 @@ defineExpose({
     <div class="pankow-menu-backdrop" @click="onBackdrop($event)" @contextmenu="onBackdrop($event)" v-show="isOpen"></div>
     <Transition :name="rollUp ? 'pankow-roll-up' : 'pankow-roll-down'">
       <div class="pankow-menu" v-show="isOpen" ref="container" tabindex="0" @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.esc.stop="close()" @keydown="onKeyDown">
-        <TextInput placeholder="Filter ..." @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.stop @keydown.esc.stop="close()" @click.stop style="width: 100%; border: 0; padding: 8px 12px;" v-model="searchString" v-if="searchThreshold < model.length"/>
+        <TextInput placeholder="Filter ..." autocomplete="off" @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.stop @keydown.esc.stop="close()" @click.stop style="width: 100%; border: 0; padding: 8px 12px;" v-model="searchString" v-if="searchThreshold < model.length"/>
         <component v-for="item in visibleItems" ref="itemElements" :is="item.type || (item.href ? MenuItemLink : MenuItem)" @activated="onItemActivated(item)" :item="item" :has-icons="hasIcons" />
         <MenuItem v-if="model.length === 0" :item="emptyItem"/>
       </div>

package/components/Popover.vue

@@ -134,7 +134,8 @@ defineExpose({
     openEventTimeStamp.value = event.timeStamp;
 
     event.preventDefault();
-  }
+  },
+  close,
 });
 
 </script>

package/components/SingleSelect.vue

@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, useTemplateRef, onMounted, computed, watch } from 'vue';
+import { ref, useTemplateRef, computed, watch, watchEffect } from 'vue';
 import Button from './Button.vue';
 import Menu from './Menu.vue';
 import Icon from './Icon.vue';
@@ -155,14 +155,16 @@ function onKeyDown(event) {
   if (found !== -1) selectIndex(found);
 }
 
-onMounted(() => {
+function handleDefaultSelect() {
   if (props.optionKey) {
     selectedKey.value = model.value;
     selected.value = props.options.find((o) => o[props.optionKey] === selectedKey.value);
   } else {
     selected.value = model.value;
   }
-});
+}
+
+watchEffect(handleDefaultSelect);
 
 </script>
 

package/components/TableView.vue

@@ -95,7 +95,12 @@ onMounted(() => {
       <table class="pankow-table">
         <thead class="pankow-table-header" v-if="sortedItems.length !== 0">
           <tr>
-            <th v-for="column in Object.keys(columns)" class="pankow-table-header-column" :class="{ 'pankow-table-header-column-sortable': columns[column].sort, 'pankow-table-cell-hide-mobile': columns[column].hideMobile }" @click="toggleSort(column)">
+            <th v-for="column in Object.keys(columns)"
+              class="pankow-table-header-column"
+              :class="{ 'pankow-table-header-column-sortable': columns[column].sort, 'pankow-table-cell-hide-mobile': columns[column].hideMobile }"
+              :style="{ 'text-align': columns[column].align || null }"
+              @click="toggleSort(column)"
+            >
               <Icon v-if="columns[column].icon" :icon="columns[column].icon" />
               {{ columns[column].label }}
               <i v-show="sortBy === column" class="fa-solid" :class="{ 'fa-arrow-up': sortOrder === SORT_ORDER.DESC, 'fa-arrow-down': sortOrder === SORT_ORDER.ASC }"></i>
@@ -103,10 +108,20 @@ onMounted(() => {
           </tr>
         </thead>
         <tbody>
-          <tr v-if="busy"><td :colspan="Object.keys(columns).length" style="text-align: center; padding: 20px;"><ProgressBar mode="indeterminate" :show-label="false" :slim="true" v-show="finalBusy"/></td></tr>
-          <tr v-else-if="!busy && sortedItems.length === 0"><td :colspan="Object.keys(columns).length" class="pankow-table-placeholder">{{ placeholder }}</td></tr>
+          <tr v-if="busy">
+            <td :colspan="Object.keys(columns).length" style="text-align: center; padding: 20px;">
+              <ProgressBar mode="indeterminate" :show-label="false" :slim="true" v-show="finalBusy"/>
+            </td>
+          </tr>
+          <tr v-else-if="!busy && sortedItems.length === 0">
+            <td :colspan="Object.keys(columns).length" class="pankow-table-placeholder">{{ placeholder }}</td>
+          </tr>
           <tr v-else class="pankow-table-row" :class="{ 'pankow-table-row-with-hover': hover }" v-for="item in sortedItems" @click="onRowClick(item)">
-            <td class="pankow-table-cell" v-for="column in Object.keys(columns)" :style="{ width: typeof columns[column].width === 'string' ? columns[column].width : 'auto' }" :class="{ 'pankow-table-cell-hide-mobile': columns[column].hideMobile, 'pankow-table-cell-nowrap': columns[column].nowrap }">
+            <td v-for="column in Object.keys(columns)"
+              class="pankow-table-cell"
+              :style="{ 'text-align': columns[column].align || null, width: typeof columns[column].width === 'string' ? columns[column].width : 'auto' }"
+              :class="{ 'pankow-table-cell-hide-mobile': columns[column].hideMobile, 'pankow-table-cell-nowrap': columns[column].nowrap }"
+            >
               <slot :name="column" v-if="$slots[column]" v-bind="item"/>
               <span v-if="!$slots[column]">{{ (column in item) ? (item[column].label || item[column]) : `TableView Error: item has no property '${column}' nor a template with that name` }}</span>
             </td>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudron/pankow",
   "private": false,
-  "version": "3.5.5",
+  "version": "3.5.7",
   "description": "",
   "main": "index.js",
   "types": "types/index.d.ts",
@@ -24,7 +24,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
     "typescript": "^5.9.3",
-    "vite": "^7.1.10",
-    "vue": "^3.5.22"
+    "vite": "^7.2.2",
+    "vue": "^3.5.24"
   }
 }