@iamproperty/components 5.5.1-beta-4 → 5.6.0

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "5.5.1-beta-4",
+  "version": "5.6.0",
   "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/AddressLookup/AddressLookup.vue

@@ -11,7 +11,7 @@ export default {
 
     this.$nextTick(function () {
 
-      import(`../../../assets/js/components/address-lookup/address-lookup.component${import.meta.env.DEV == "development" ? '.min' : ''}.js`).then(module => {
+      import(`../../../assets/js/components/address-lookup/address-lookup.component.min.js`).then(module => {
         
         if (!window.customElements.get(`iam-address-lookup`))
           window.customElements.define(`iam-address-lookup`, module.default);

package/src/components/AppliedFilters/AppliedFilters.vue

@@ -6,15 +6,21 @@
 </template>
 
 <script>
-// Load web components
-import iamAppliedFilters from '../../../assets/js/components/applied-filters/applied-filters.component.js'
+export default {
+  name: 'Applied Filter',
+  mounted(){
 
-// Register components
-if (!window.customElements.get('iam-applied-filters'))
-  window.customElements.define('iam-applied-filters', iamAppliedFilters);
+    this.$nextTick(function () {
 
+      import(`../../../assets/js/components/applied-filters/applied-filters.component.js`).then(module => {
+        
+        if (!window.customElements.get(`iam-applied-filters`))
+          window.customElements.define(`iam-applied-filters`, module.default);
 
-export default {
-  name: 'Header'
+      }).catch((err) => {
+        console.log(err.message);
+      });
+    })
+  }
 }
 </script>

package/src/components/Card/Card.vue

@@ -7,11 +7,11 @@
 <script>
 export default {
   name: 'Card',
-  mounted(){
+  created(){
 
     this.$nextTick(function () {
       
-      import(/* @vite-ignore */`../../../assets/js/components/card/card.component.min.js`).then(module => {
+      import(`../../../assets/js/components/card/card.component.js`).then(module => {
 
         if (!window.customElements.get(`iam-card`))
           window.customElements.define(`iam-card`, module.default);

package/src/components/Carousel/Carousel.vue

@@ -25,7 +25,7 @@ export default {
 
     this.$nextTick(function () {
       
-      import(`../../../assets/js/components/carousel/carousel.component${import.meta.env.DEV == "development" ? '.min' : ''}.js`).then(module => {
+      import(`../../../assets/js/components/carousel/carousel.component.min.js`).then(module => {
 
         if (!window.customElements.get(`iam-carousel`))
           window.customElements.define(`iam-carousel`, module.default);

package/src/components/Marketing/Marketing.vue

@@ -25,7 +25,7 @@ export default {
 
     this.$nextTick(function () {
       
-      import(`../../../assets/js/components/marketing/marketing.component${import.meta.env.DEV == "development" ? '.min' : ''}.js`).then(module => {
+      import(`../../../assets/js/components/marketing/marketing.component.min.js`).then(module => {
 
         if (!window.customElements.get(`iam-marketing`))
           window.customElements.define(`iam-marketing`, module.default);

package/src/components/Slider/Slider.vue

@@ -11,7 +11,7 @@ export default {
 
     this.$nextTick(function () {
       
-      import(`../../../assets/js/components/slider/slider.component${import.meta.env.DEV == "development" ? '.min' : ''}.js`).then(module => {
+      import(`../../../assets/js/components/slider/slider.component.min.js`).then(module => {
 
         if (!window.customElements.get(`iam-slider`))
           window.customElements.define(`iam-slider`, module.default);

package/src/components/Table/Table.vue

@@ -1,5 +1,6 @@
 <template>
   <iam-table >
+    <slot name="before"></slot>
     <table v-if="fields">
       <thead>
         <tr>
@@ -42,7 +43,7 @@ export default {
 
     this.$nextTick(function () {
        
-      import(`../../../assets/js/components/table/table.component.min.js`).then(module => {
+      import(`../../../assets/js/components/table/table.component.js`).then(module => {
 
         if (!window.customElements.get(`iam-table`))
           window.customElements.define(`iam-table`, module.default);

package/src/components/Tabs/Tabs.vue

@@ -11,11 +11,11 @@
 <script>
 export default {
   name: 'Tabs',
-  mounted(){
+  created(){
 
     this.$nextTick(function () {
       
-      import(`../../../assets/js/components/tabs/tabs.component${import.meta.env.DEV == "development" ? '.min' : ''}.js`).then(module => {
+      import(`../../../assets/js/components/tabs/tabs.component.min.js`).then(module => {
 
         if (!window.customElements.get(`iam-tabs`))
           window.customElements.define(`iam-tabs`, module.default);

package/dist/README.md

@@ -1,21 +0,0 @@
-# Your Favicon Package
-
-This package was generated with [RealFaviconGenerator](https://realfavicongenerator.net/) [v0.16](https://realfavicongenerator.net/change_log#v0.16)
-
-## Install instructions
-
-To install this package:
-
-Extract this package in the root of your web site. If your site is <code>http://www.example.com</code>, you should be able to access a file named <code>http://www.example.com/favicon.ico</code>.
-
-Insert the following code in the `head` section of your pages:
-
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00313c">
-    <meta name="msapplication-TileColor" content="#00aba9">
-    <meta name="theme-color" content="#00313c">
-
-*Optional* - Check your favicon with the [favicon checker](https://realfavicongenerator.net/favicon_checker)