@iamproperty/components 5.6.1-beta4 → 5.6.1-beta6

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "5.6.1-beta4",
+  "version": "5.6.1-beta6",
   "scripts": {
     "bootstrap": "copyfiles -u 2 node_modules/bootstrap/**/* assets/bootstrap",
     "dev": "npm run copy && node local_modules/delete-assets.js && vite --host",

package/src/components/FileUpload/FileUpload.vue

@@ -1,10 +1,27 @@
+<script setup>
+import { ref, onMounted, defineEmits} from "vue";
+
+const emit = defineEmits(['elementChange','empty']);
+const $component = ref(null);
+
+onMounted(() => {
+
+  $component.value.addEventListener('elementChange',function(event){
+
+    emit('elementChange', event)
+  });
+  $component.value.addEventListener('empty',function(event){
+
+    emit('empty', event)
+  });
+});
+</script>
+
 <template>
-  <iam-fileupload><slot></slot></iam-fileupload>
+  <iam-fileupload ref="$component"><slot></slot></iam-fileupload>
 </template>
 
 <script>
-import iamFileupload from '../../../assets/js/components/fileupload/fileupload.component.js'
-
 export default {
   name: 'FileUpload',
   props: {
@@ -17,12 +34,18 @@ export default {
       required: false
     }
   },
-  mounted(){
+  created(){
 
     this.$nextTick(function () {
       
-      if (!window.customElements.get('iam-fileupload'))
-        window.customElements.define('iam-fileupload', iamFileupload);
+      import(`../../../assets/js/components/fileupload/fileupload.component.min.js`).then(module => {
+
+        if (!window.customElements.get(`iam-fileupload`))
+          window.customElements.define(`iam-fileupload`, module.default);
+
+      }).catch((err) => {
+        console.log(err.message);
+      });
     })
   }
 }