@iamproperty/components 7.0.0 → 7.1.0--beta2

package/src/components/FileUpload/FileUpload.vue

@@ -1,20 +1,17 @@
 <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)
+  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>
@@ -22,31 +19,29 @@ onMounted(() => {
 </template>
 
 <script>
-export default {
-  name: 'FileUpload',
-  props: {
-    maxfilesize: {
-      type: Number,
-      required: false
+  export default {
+    name: 'FileUpload',
+    props: {
+      maxfilesize: {
+        type: Number,
+        required: false,
+      },
+      maxfiles: {
+        type: Number,
+        required: false,
+      },
     },
-    maxfiles: {
-      type: Number,
-      required: false
-    }
-  },
-  created(){
-
-    this.$nextTick(function () {
-      
-      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);
+    created() {
+      this.$nextTick(function () {
+        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);
+          });
       });
-    })
-  }
-}
+    },
+  };
 </script>

package/src/components/FileUpload/README.md

@@ -4,9 +4,9 @@
 
 **Properties**
 
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| data-maxsize | Int | - | Blocks files from being added that is larger than the max size given in kb's |
+| Option       | Type | Default Value | Description                                                                  |
+| ------------ | ---- | ------------- | ---------------------------------------------------------------------------- |
+| data-maxsize | Int  | -             | Blocks files from being added that is larger than the max size given in kb's |
 
 **Class modifiers**
 

package/src/components/FilterCard/FilterCard.vue

@@ -5,21 +5,19 @@
 </template>
 
 <script>
-export default {
-  name: 'Card',
-  created(){
-
-    this.$nextTick(function () {
-      
-      import(`../../../assets/js/components/filter-card/filter-card.component.min.js`).then(module => {
-
-        if (!window.customElements.get(`iam-filter-card`))
-          window.customElements.define(`iam-filter-card`, module.default);
-
-      }).catch((err) => {
-        console.log(err.message);
+  export default {
+    name: 'Card',
+    created() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/filter-card/filter-card.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-filter-card`))
+              window.customElements.define(`iam-filter-card`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
       });
-    })
-  }
-}
+    },
+  };
 </script>

package/src/components/Filterlist/Filterlist.vue

@@ -6,15 +6,13 @@
 </template>
 
 <script>
-// Load web components
-import iamFilterlist from '../../../assets/js/components/filterlist/filterlist.component.min.js'
+  // Load web components
+  import iamFilterlist from '../../../assets/js/components/filterlist/filterlist.component.min.js';
 
-// Register components
-if (!window.customElements.get('iam-filterlist'))
-  window.customElements.define('iam-filterlist', iamFilterlist);
+  // Register components
+  if (!window.customElements.get('iam-filterlist')) window.customElements.define('iam-filterlist', iamFilterlist);
 
-
-export default {
-  name: 'Filter list',
-}
+  export default {
+    name: 'Filter list',
+  };
 </script>

package/src/components/Filterlist/README.md

@@ -12,6 +12,6 @@
 
 **Properties**
 
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| data-max-height | string | '' | Optional choice from small, medium or large control of the height of the list. Giving it a scrollable area. |
+| Option          | Type   | Default Value | Description                                                                                                 |
+| --------------- | ------ | ------------- | ----------------------------------------------------------------------------------------------------------- |
+| data-max-height | string | ''            | Optional choice from small, medium or large control of the height of the list. Giving it a scrollable area. |

package/src/components/Header/Header.vue

@@ -8,33 +8,30 @@
 </template>
 
 <script>
-// Load web components
+  // Load web components
 
-export default {
-  name: 'Header',
-  props: {
-    title: {
-      type: String,
-      required: true
+  export default {
+    name: 'Header',
+    props: {
+      title: {
+        type: String,
+        required: true,
+      },
+      image: {
+        type: String,
+        required: false,
+      },
     },
-    image: {
-      type: String,
-      required: false
-    }
-  },
-  mounted(){
-
-    this.$nextTick(function () {
-      
-      import(`../../../assets/js/components/header/header.component.min.js`).then(module => {
-
-        if (!window.customElements.get(`iam-header`))
-          window.customElements.define(`iam-header`, module.default);
-
-      }).catch((err) => {
-        console.log(err.message);
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/header/header.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-header`)) window.customElements.define(`iam-header`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
       });
-    })
-  }
-}
+    },
+  };
 </script>

package/src/components/Header/README.md

@@ -14,15 +14,14 @@
 
 ### Properties
 
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| title | String | - | Required |
-| image | String | - | Optional image url to display in the background |
-
+| Option | Type   | Default Value | Description                                     |
+| ------ | ------ | ------------- | ----------------------------------------------- |
+| title  | String | -             | Required                                        |
+| image  | String | -             | Optional image url to display in the background |
 
 ### Slots
 
-| Option | Default Value | Description |
-| ------ | ------------- | ----------- |
-| default | - | Will display underneath the heading inside of the white box |
-| breadcrumb | - | An optional space to add a breadcrumb trail list. |
+| Option     | Default Value | Description                                                 |
+| ---------- | ------------- | ----------------------------------------------------------- |
+| default    | -             | Will display underneath the heading inside of the white box |
+| breadcrumb | -             | An optional space to add a breadcrumb trail list.           |

package/src/components/InlineEdit/InlineEdit.vue

@@ -1,21 +1,18 @@
-<script setup >
-import { ref, onMounted, defineEmits} from "vue";
+<script setup>
+  import { ref, onMounted, defineEmits } from 'vue';
 
-const emit = defineEmits(['save','autosave']);
-const $component = ref(null);
+  const emit = defineEmits(['save', 'autosave']);
+  const $component = ref(null);
 
-onMounted(() => {
+  onMounted(() => {
+    $component.value.addEventListener('inline-edit-save', function (event) {
+      emit('save', event);
+    });
 
-  $component.value.addEventListener('inline-edit-save',function(event){
-
-    emit('save', event)
-  });
-
-  $component.value.addEventListener('inline-edit-autosave',function(event){
-
-    emit('autosave', event)
+    $component.value.addEventListener('inline-edit-autosave', function (event) {
+      emit('autosave', event);
+    });
   });
-});
 </script>
 
 <template>
@@ -23,23 +20,20 @@ onMounted(() => {
 </template>
 
 <script>
-export default {
-  components: {
-  },
-  name: 'Inline Edit',
-  mounted(){
-
-    this.$nextTick(function () {
-      
-      import(`../../../assets/js/components/inline-edit/inline-edit.component.js`).then(module => {
-
-        if (!window.customElements.get(`iam-inline-edit`))
-          window.customElements.define(`iam-inline-edit`, module.default);
-
-      }).catch((err) => {
-        console.log(err.message);
+  export default {
+    components: {},
+    name: 'Inline Edit',
+    mounted() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/inline-edit/inline-edit.component.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-inline-edit`))
+              window.customElements.define(`iam-inline-edit`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
       });
-    })
-  }
-}
+    },
+  };
 </script>