atom-nuxt 1.0.150 → 1.0.152

package/dist/module.json

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

package/dist/runtime/components/CrudAddressSearchField.vue

@@ -3,11 +3,31 @@ import { ref, watch } from "vue";
 import { useRuntimeConfig } from "nuxt/app";
 import { useDebounceFn } from "@vueuse/core";
 const atomNuxtConfig = useRuntimeConfig().public.atomNuxt;
+const props = defineProps({
+  hint: {
+    type: String,
+    default: "Search by postcode, city or country. You must select an option from the list."
+  },
+  label: {
+    type: String,
+    default: "Address search"
+  },
+  placeholder: {
+    type: String,
+    default: "Start typing address"
+  },
+  countries: {
+    type: Array,
+    default: () => []
+    // Example: ['gb', 'fr', 'us']
+  }
+});
 const searchText = ref("");
 const addressSearchResults = ref([]);
 const loading = ref(false);
 const selectedPlaceId = ref(null);
 const model = defineModel();
+const placeModel = defineModel("place");
 const fetchAutocompleteSuggestions = async (query) => {
   if (!query || loading.value) return;
   loading.value = true;
@@ -17,7 +37,8 @@ const fetchAutocompleteSuggestions = async (query) => {
       {
         params: {
           input: query,
-          key: atomNuxtConfig.googleMapsApiKey
+          key: atomNuxtConfig.googleMapsApiKey,
+          components: props.countries.length ? props.countries.map((c) => `country:${c}`).join("|") : void 0
         },
         method: "GET"
       }
@@ -54,6 +75,7 @@ const fetchPlaceId = async (placeId) => {
       }
     );
     if (result.status === "OK") {
+      placeModel.value = result.result;
       model.value = `${result.result.geometry.location.lat},${result.result.geometry.location.lng}`;
     } else {
       console.error("Error fetching place details:", result.status);
@@ -78,13 +100,13 @@ watch(selectedPlaceId, (newPlaceId) => {
       v-model:search="searchText"
       :items="addressSearchResults"
       v-model="selectedPlaceId"
-      label="Address search"
+      :label="label"
       item-title="text"
       item-value="place_id"
-      hint="Search by postcode, city or country. You must select an option from the list."
+      :hint="hint"
       :persistent-hint="true"
       :clearable="true"
-      placeholder="Start typing address"
+      :placeholder="placeholder"
     >
       <template #no-data>
         <v-list-item v-if="loading">

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

@@ -1,2 +1,8 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {
+    hint: string;
+    label: string;
+    placeholder: string;
+    countries: unknown[];
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/CrudListLoader.vue

@@ -9,6 +9,10 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
+  disableNoResults: {
+    type: Boolean,
+    default: false
+  },
   path: {
     type: String,
     required: true
@@ -104,7 +108,7 @@ onBeforeUnmount(() => {
     <slot v-if="hasListErrors" name="errors">
       <crud-error-display :errors="listErrors"/>
     </slot>
-    <slot v-if="!listPending && totalItems === 0" name="empty">
+    <slot v-if="!listPending && totalItems === 0 && !disableNoResults" name="empty">
       <v-alert icon="mdi-playlist-remove" type="info" >
         {{ noResultsText }}
       </v-alert>

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

@@ -6,6 +6,7 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     page: number;
     debounced: boolean;
+    disableNoResults: boolean;
     path: string;
     perPage: number;
     await: boolean;

package/dist/runtime/components/CrudUploadField.vue

@@ -151,7 +151,7 @@ watch(() => fileToUpload.value, () => {
   <div>
     <div v-if="title" style="font-size: 12px;" class="text-grey-darken-2 mb-1">{{ title }}</div>
 
-    <div v-if="!hasSelection" class="mb-3">
+    <div class="mb-3">
       <v-btn :disabled="disabled" @click="dialog = true" size="small" color="success">
         Select Media
       </v-btn>

package/package.json

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