atom-nuxt 1.3.3 → 1.3.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@atomengine/atom-nuxt",
   "configKey": "atomNuxt",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/CrudFormDialog.vue

@@ -170,10 +170,10 @@ const dialogTransition = computed(() => {
     v-model="dialogOpen"
     :fullscreen="shouldUseFullscreen"
     z-index="2000"
-    :max-width="effectiveDialogStyle === 'default' && isLarge && !shouldUseFullscreen ? effectiveDialogSize : ''"
-    :width="effectiveDialogStyle === 'leaf' && !shouldUseFullscreen ? effectiveDialogSize : ''"
+    :max-width="!props.fullScreen && effectiveDialogStyle === 'default' && isLarge && !shouldUseFullscreen ? effectiveDialogSize : ''"
+    :width="!props.fullScreen && effectiveDialogStyle === 'leaf' && !shouldUseFullscreen ? effectiveDialogSize : ''"
     :transition="dialogTransition"
-    :content-class="effectiveDialogStyle === 'leaf' ? 'leaf-dialog' : ''"
+    :content-class="effectiveDialogStyle === 'leaf' && !props.fullScreen ? 'leaf-dialog' : ''"
   >
     <v-card :class="['bg-white d-flex flex-column pa-0', effectiveDialogStyle === 'leaf' ? 'leaf-card' : '']">
       <v-toolbar :class="effectiveDialogStyle === 'leaf' ? 'leaf-toolbar' : ''">

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -11,6 +11,20 @@ import CrudFormDialog from "./CrudFormDialog.vue";
 import CrudErrorDisplay from "./CrudErrorDisplay.vue";
 const { parseQuery, stringifyQuery, cloneDeep } = useCrudConverters();
 const props = defineProps({
+  filtersTitle: {
+    type: String,
+    required: false,
+    default() {
+      return "Filters";
+    }
+  },
+  resultsTitle: {
+    type: String,
+    required: false,
+    default() {
+      return "Results";
+    }
+  },
   filterClasses: {
     type: String,
     required: false,
@@ -417,6 +431,9 @@ const exportAction = async () => {
       <v-row>
         <v-col v-if="!hideFilters && filters.length > 0" cols="12" md="3">
           <div>
+            <slot name="filtersTitle">
+              <h3 v-if="filtersTitle" class="mb-2">{{ filtersTitle }}</h3>
+            </slot>
             <slot name="filters" :filters="filters">
               <div :class="filterClasses">
                 <crud-filter-list v-model="filterValues" :filters="filters"></crud-filter-list>
@@ -426,6 +443,9 @@ const exportAction = async () => {
         </v-col>
         <v-col cols="12" :md="hideFilters || filters.length === 0 ? '12' : '9'">
           <div class="">
+            <slot name="resultsTitle">
+              <h3 v-if="resultsTitle" class="mb-2">{{ resultsTitle }}</h3>
+            </slot>
             <slot v-if="!listPending && totalItems === 0 && !hasListErrors" name="empty" :create-action="createForm">
               <v-alert icon="mdi-playlist-remove" type="info" class="pa-5">
                 {{ noResultsText }}

package/dist/runtime/components/CrudPaginatedLoader.vue.d.ts

@@ -22,6 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     viewDialogSize: string | number;
     allowCreate: boolean;
     hideFilters: boolean;
+    filtersTitle: string;
+    resultsTitle: string;
     filterClasses: string;
     resultClasses: string;
     fullScreenDialog: boolean;
@@ -52,10 +54,14 @@ type __VLS_Slots = {
         exportPending: any;
         exportErrors: any;
     }) => any) | undefined;
+} & {
+    filtersTitle?: ((props: {}) => any) | undefined;
 } & {
     filters?: ((props: {
         filters: any;
     }) => any) | undefined;
+} & {
+    resultsTitle?: ((props: {}) => any) | undefined;
 } & {
     empty?: ((props: {
         createAction: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom-nuxt",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "description": "My new Nuxt module",
   "repository": "atomengine/atom-nuxt",
   "license": "MIT",