inertia-bootstrap-forms 1.0.37 → 1.0.39

package/index.d.ts

@@ -111,7 +111,21 @@ export const SimpleUploader: DefineComponent<{}, {}, any>;
 export const FormContainer: DefineComponent<{}, {}, any>;
 export const FormLabel: DefineComponent<{}, {}, any>;
 export const GroupControl: DefineComponent<{}, {}, any>;
-export const LocationInput: DefineComponent<{}, {}, any>;
+export const LocationInput: DefineComponent<{
+    name: {
+        type: String,
+        default: 'location',
+        required: false,
+    },
+    disabled: {
+        type: [Boolean, String],
+        default: false,
+    },
+    readonly: {
+        type: [Boolean, String],
+        default: false,
+    },
+}, {}, any>;
 export const MobileInput: DefineComponent<{}, {}, any>;
 export const MultiQuantityInput: DefineComponent<{}, {}, any>;
 export const PasswordInput: DefineComponent<{}, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inertia-bootstrap-forms",
-    "version": "1.0.37",
+    "version": "1.0.39",
     "description": "Create bootstrap forms with inertia and twitter bootstrap",
     "main": "dist/inertia-bootstrap-forms.cjs.js",
     "module": "dist/inertia-bootstrap-forms.es.js",

package/src/FormContainer.vue

@@ -153,7 +153,7 @@ export default defineComponent({
             </Alert>
         </slot>
         <slot name="message" v-if="form.hasMessage" :form="form">
-            <Alert type="success" v-html="form.successMessage"></Alert>
+            <Alert type="success" v-html="form.successMessage" v-if="form.successMessage"></Alert>
         </slot>
         <slot :form="form" :submit="submit"/>
     </form>

package/src/LocationInput.vue

@@ -19,6 +19,10 @@ export default defineComponent({
       type: [Boolean, String],
       default: false,
     },
+    readonly: {
+      type: [Boolean, String],
+      default: false,
+    },
     modelValue: Object,
   },
   setup(props) {
@@ -38,6 +42,8 @@ export default defineComponent({
   },
   methods: {
     setMarker(event) {
+      if(this.readonly) return;
+
       this.marker = {
         lat: event?.latlng?.lat || event?.target?._latlng?.lat,
         lng: event?.latlng?.lng || event?.target?._latlng?.lng,
@@ -72,7 +78,7 @@ export default defineComponent({
           layer-type="base"
           name="OpenStreetMap"
       ></l-tile-layer>
-      <LMarker :lat-lng="marker" v-if="marker" :draggable="true" @dragend="setMarker"/>
+      <LMarker :lat-lng="marker" v-if="marker" :draggable="(!readonly || !disabled)" @dragend="setMarker"/>
     </l-map>
   </div>
 </template>