@iamproperty/components 3.7.2 → 3.7.4

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "3.7.2",
+  "version": "3.7.4",
   "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/Accordion/Accordion.vue

@@ -9,7 +9,7 @@
 </style>
 
 <script>
-import iamAccordion from '../../../assets/ts/components/accordion/accordion.component'
+import iamAccordion from '../../../assets/js/components/accordion/accordion.component.min.js'
 
 if (!window.customElements.get('iam-accordion'))
   window.customElements.define('iam-accordion', iamAccordion);

package/src/components/AppliedFilters/AppliedFilters.vue

@@ -7,7 +7,7 @@
 
 <script>
 // Load web components
-import iamAppliedFilters from '../../../assets/ts/components/applied-filters/applied-filters.component'
+import iamAppliedFilters from '../../../assets/js/components/applied-filters/applied-filters.component.min.js'
 
 // Register components
 if (!window.customElements.get('iam-applied-filters'))

package/src/components/Filterlist/Filterlist.vue

@@ -7,7 +7,7 @@
 
 <script>
 // Load web components
-import iamFilterlist from '../../../assets/ts/components/filterlist/filterlist.component'
+import iamFilterlist from '../../../assets/js/components/filterlist/filterlist.component.min.js'
 
 // Register components
 if (!window.customElements.get('iam-filterlist'))

package/src/components/Header/Header.vue

@@ -9,11 +9,7 @@
 
 <script>
 // Load web components
-import iamHeader from '../../../assets/ts/components/header/header.component'
-
-// Register components
-if (!window.customElements.get('iam-header'))
-  window.customElements.define('iam-header', iamHeader);
+import iamHeader from '../../../assets/js/components/header/header.component.min.js'
 
 
 export default {
@@ -27,6 +23,14 @@ export default {
       type: String,
       required: false
     }
+  },
+  mounted(){
+    this.$nextTick(function () {
+
+      // Register components
+      if (!window.customElements.get('iam-header'))
+        window.customElements.define('iam-header', iamHeader);
+    })
   }
 }
 </script>

package/src/components/Pagination/Pagination.vue

@@ -4,7 +4,7 @@
 </template>
 
 <script>
-import iamPagination from '../../../assets/ts/components/pagination/pagination.component'
+import iamPagination from '../../../assets/js/components/pagination/pagination.component.min.js'
 import { ucfirst, unsnake } from '../../helpers/strings'
 
 export default {

package/src/components/Table/Table.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import iamTable from '../../../assets/ts/components/table/table.component'
+import iamTable from '../../../assets/js/components/table/table.component.min.js'
 import { ucfirst, unsnake } from '../../helpers/strings'
 
 export default {

package/src/components/Tabs/Tabs.vue

@@ -9,7 +9,7 @@
 </style>
 
 <script>
-import iamTabs from '../../../assets/ts/components/tabs/tabs.component'
+import iamTabs from '../../../assets/js/components/tabs/tabs.component.min.js'
 
 if (!window.customElements.get('iam-tabs'))
   window.customElements.define('iam-tabs', iamTabs);

package/src/components/Header/Header.spec.js

@@ -1,34 +0,0 @@
-import { mount } from '@vue/test-utils'
-import Header from './Header.vue'
-
-describe('Header component', () => {
-
-  const test = mount(Header, {
-    propsData: {
-      title: 'Page title',
-      image: '/img/src/img.png'
-    },
-    slots: {
-      default: '<p>Hello</p>',
-      breadcrumb: '<ul class="breadcrumb"></ul>'
-    }
-  })
-
-  it('renders the page title', () => {
-    expect(test.html()).toContain('<h1>Page title</h1>')
-  })
-
-  it('renders the page description', () => {
-    expect(test.html()).toContain('<p>Hello</p>')
-  })
-
-  it('renders the breadcrumb trail', () => {
-    expect(test.html()).toContain('<ul class="breadcrumb"></ul>')
-  })
-
-  it('renders the image', () => {
-
-    expect(test.find('iam-header').wrapperElement.shadowRoot.innerHTML).toContain('<source srcset=\"\" media=\"(min-width: 62em)\">')
-    expect(test.find('iam-header').wrapperElement.shadowRoot.innerHTML).toContain('<img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" lazy=\"\">')
-  })
-})