nuxt-unified-ui 0.5.9 → 0.5.10

package/app/components/un-card.vue

@@ -18,6 +18,7 @@ const props = defineProps<{
   headerLevel?: number;
 
   fluidBody?: boolean;
+  closable?: boolean;
 
   subtitleActions?: ( ButtonProps & { tooltip?: string; actionType?: 'button' | 'spacer' } )[];
   appendActions?: ( ButtonProps & { tooltip?: string; } )[];
@@ -28,6 +29,11 @@ const props = defineProps<{
 }>();
 
 
+const emit = defineEmits<{
+  close: [];
+}>();
+
+
 const slots = useSlots();
 
 </script>
@@ -73,8 +79,10 @@ const slots = useSlots();
         </slot>
       </template>
 
-      <template v-if="props.appendActions || isSlotFilled(slots['append-prepend']) || isSlotFilled(slots.append)" #append>
+      <template v-if="props.closable || props.appendActions || isSlotFilled(slots['append-prepend']) || isSlotFilled(slots.append)" #append>
+
         <slot name="append-prepend" />
+
         <template v-for="action of props.appendActions">
           <u-tooltip :text="action.tooltip">
             <u-button
@@ -83,7 +91,18 @@ const slots = useSlots();
             />
           </u-tooltip>
         </template>
+
         <slot name="append" />
+
+        <template v-if="props.closable">
+          <u-button
+            variant="ghost"
+            icon="lucide:x"
+            :aria-label="$t('common.close')"
+            @click="emit('close')"
+          />
+        </template>
+
       </template>
 
     </un-typography>

package/app/dialogs/choice-picker-dialog.vue

@@ -69,6 +69,8 @@ async function handleButtonClick(button) {
         :title="props.title"
         :subtitle="props.subtitle"
         :text="props.text"
+        closable
+        @close="emit('close')"
         :actions="[
           ...startButtons.map(button => ({
             ...button,

package/app/dialogs/form-picker-dialog.vue

@@ -64,6 +64,8 @@ async function handleSubmit() {
         :title="props.title"
         :subtitle="props.subtitle"
         :text="props.text"
+        closable
+        @close="emit('close')"
         :actions="[
           {
             label: $t('common.submit'),

package/i18n/locales/de.json

@@ -4,7 +4,8 @@
     "newItem": "Neues Element",
     "none": "Keine",
     "submit": "Absenden",
-    "cancel": "Abbrechen"
+    "cancel": "Abbrechen",
+    "close": "Schließen"
   },
   "un": {
     "series": {

package/i18n/locales/en.json

@@ -4,7 +4,8 @@
     "newItem": "New Item",
     "none": "None",
     "submit": "Submit",
-    "cancel": "Cancel"
+    "cancel": "Cancel",
+    "close": "Close"
   },
   "un": {
     "series": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-unified-ui",
   "type": "module",
-  "version": "0.5.9",
+  "version": "0.5.10",
   "main": "./nuxt.config.ts",
   "types": "./index.d.ts",
   "exports": {