@cloudron/pankow 3.2.23 → 3.3.1

package/components/Dialog.vue

@@ -69,7 +69,11 @@ async function open() {
 }
 
 function close() {
+  // already closing
+  if (!visible.value) return;
+
   visible.value = false;
+  emit('close');
 }
 
 function onConfirm() {

package/components/FormGroup.vue

@@ -23,4 +23,9 @@ const props = defineProps({
   align-content: stretch;
 }
 
+/* spacing between adjacent FormGroups */
+.pankow-form-group + .pankow-form-group {
+  margin: 6px 0;
+}
+
 </style>

package/components/SingleSelect.vue

@@ -55,6 +55,7 @@ const menuModel = computed(() => {
     return {
       label: item[props.optionLabel],
       disabled: item.disabled,
+      icon: item.icon,
       action: () => {
         if (selected.value === item) return;
 
@@ -160,7 +161,10 @@ onMounted(() => {
 <template>
   <div class="pankow-singleselect" :class="{ 'pankow-singleselect-disabled': disabled }" ref="elem" tabindex="0" @click="onClick" @keydown.enter="onOpen" @keydown.down.stop.prevent="onSelectNext" @keydown.up.stop.prevent="onSelectPrev" @keydown.esc.stop="onClose" @keydown.stop="onKeyDown($event)">
     <Menu ref="menu" :model="menuModel" :search-threshold="searchThreshold" :close-on-activation="true" @close="onMenuClosed"/>
-    {{ selected ? selected[optionLabel] : placeholder }}
+    <span>
+      <Icon v-if="selected ? selected.icon : false" :icon="selected.icon" style="margin-right: 6px" />
+      {{ selected ? selected[optionLabel] : placeholder }}
+    </span>
     <Icon icon="fa-solid fa-chevron-down" class="pankow-button-icon-right-with-text" />
   </div>
 </template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudron/pankow",
   "private": false,
-  "version": "3.2.23",
+  "version": "3.3.1",
   "description": "",
   "main": "index.js",
   "types": "types/index.d.ts",

package/utils.js

@@ -125,8 +125,11 @@ function prettyLongDate(value) {
     if (isNaN(date.getTime()))  return 'unknown';
 
     const formatter = new Intl.DateTimeFormat(undefined, {
-      dateStyle: 'long',
-      timeStyle: 'medium'
+      day: 'numeric',
+      month: 'short',
+      year: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit',
     });
 
     const formattedDate = formatter.format(date);