@iamproperty/components 7.4.0 → 7.5.0

package/src/components/SplitButton/SplitButton.vue

@@ -1,26 +1,23 @@
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'split-button';
+
+  onMounted(() => {
+    import(`../../../assets/js/components/${component}/${component}.component.min.js`)
+      .then((module) => {
+        if (!window.customElements.get(`iam-${component}`))
+          window.customElements.define(`iam-${component}`, module.default);
+      })
+      .catch((err) => {
+        console.log(err.message);
+      });
+  });
+</script>
+
 <template>
   <!-- Custom element -->
   <iam-split-button>
     <slot></slot>
   </iam-split-button>
 </template>
-
-<script>
-  // Load web components
-
-  export default {
-    name: 'SplitButton',
-    mounted() {
-      this.$nextTick(function () {
-        import(`../../../assets/js/components/split-button/split-button.component.js`)
-          .then((module) => {
-            if (!window.customElements.get(`iam-split-button`))
-              window.customElements.define(`iam-split-button`, module.default);
-          })
-          .catch((err) => {
-            console.log(err.message);
-          });
-      });
-    },
-  };
-</script>

package/src/components/Tabs/Tabs.vue

@@ -1,22 +1,22 @@
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'tabs';
+
+  onMounted(() => {
+    import(`../../../assets/js/components/${component}/${component}.component.min.js`)
+      .then((module) => {
+        if (!window.customElements.get(`iam-${component}`))
+          window.customElements.define(`iam-${component}`, module.default);
+      })
+      .catch((err) => {
+        console.log(err.message);
+      });
+  });
+</script>
+
 <template>
   <iam-tabs ref="wrapper">
     <slot></slot>
   </iam-tabs>
 </template>
-
-<script>
-  export default {
-    name: 'Tabs',
-    created() {
-      this.$nextTick(function () {
-        import(`../../../assets/js/components/tabs/tabs.component.min.js`)
-          .then((module) => {
-            if (!window.customElements.get(`iam-tabs`)) window.customElements.define(`iam-tabs`, module.default);
-          })
-          .catch((err) => {
-            console.log(err.message);
-          });
-      });
-    },
-  };
-</script>

package/src/components/VideoCard/VideoCard.vue

@@ -1,23 +1,22 @@
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'video-card';
+
+  onMounted(() => {
+    import(`../../../assets/js/components/${component}/${component}.component.min.js`)
+      .then((module) => {
+        if (!window.customElements.get(`iam-${component}`))
+          window.customElements.define(`iam-${component}`, module.default);
+      })
+      .catch((err) => {
+        console.log(err.message);
+      });
+  });
+</script>
+
 <template>
   <iam-video-card>
     <slot></slot>
   </iam-video-card>
 </template>
-
-<script>
-  export default {
-    name: 'Video card',
-    created() {
-      this.$nextTick(function () {
-        import(`../../../assets/js/components/video-card/video-card.component.min.js`)
-          .then((module) => {
-            if (!window.customElements.get(`iam-video-card`))
-              window.customElements.define(`iam-video-card`, module.default);
-          })
-          .catch((err) => {
-            console.log(err.message);
-          });
-      });
-    },
-  };
-</script>

package/src/components/WordCount/WordCount.vue

@@ -0,0 +1,22 @@
+<script setup>
+  import { onMounted } from 'vue';
+
+  const component = 'word-count';
+
+  onMounted(() => {
+    import(`../../../assets/js/components/${component}/${component}.component.min.js`)
+      .then((module) => {
+        if (!window.customElements.get(`iam-${component}`))
+          window.customElements.define(`iam-${component}`, module.default);
+      })
+      .catch((err) => {
+        console.log(err.message);
+      });
+  });
+</script>
+
+<template>
+  <iam-word-count>
+    <slot></slot>
+  </iam-word-count>
+</template>

package/src/index.js

@@ -1,44 +1,43 @@
-// Foundations
-export { default as Logo } from './foundations/Logo/Logo.vue';
-// Elements
-export { default as Input } from './components/Input/Input.vue';
-// Components
-export { default as Accordion } from './components/Accordion/Accordion.vue';
-export { default as AccordionItem } from './components/Accordion/AccordionItem.vue';
-export { default as Actionbar } from './components/Actionbar/Actionbar.vue';
-export { default as AddressLookup } from './components/AddressLookup/AddressLookup.vue';
-export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue';
-export { default as Banner } from './components/Banner/Banner.vue';
-export { default as BarChart } from './components/BarChart/BarChart.vue';
-export { default as BentoGrid } from './components/BentoGrid/BentoGrid.vue';
-export { default as Card } from './components/Card/Card.vue';
-export { default as Carousel } from './components/Carousel/Carousel.vue';
-export { default as CollapsibleSideMenu } from './components/CollapsibleSideMenu/CollapsibleSideMenu.vue';
-export { default as FileUpload } from './components/FileUpload/FileUpload.vue';
-export { default as FilterCard } from './components/FilterCard/FilterCard.vue';
-export { default as Filterlist } from './components/Filterlist/Filterlist.vue';
-export { default as Header } from './components/Header/Header.vue';
-export { default as InlineEdit } from './components/InlineEdit/InlineEdit.vue';
-export { default as Multiselect } from './components/Multiselect/Multiselect.vue';
-export { default as Multistep } from './components/MultiStep/MultiStep.vue';
-export { default as Menu } from './components/Menu/Menu.vue';
-export { default as Nav } from './components/Nav/Nav.vue';
-export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue';
-export { default as Notification } from './components/Notification/Notification.vue';
-export { default as Pagination } from './components/Pagination/Pagination.vue';
-export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue';
-export { default as RecordCard } from './components/RecordCard/RecordCard.vue';
-export { default as Search } from './components/Search/Search.vue';
-export { default as Slider } from './components/Slider/Slider.vue';
-export { default as Snapshot } from './components/Snapshot/Snapshot.vue';
-export { default as Stepper } from './components/Stepper/Stepper.vue';
-export { default as Step } from './components/Stepper/Step.vue';
-export { default as Table } from './components/Table/Table.vue';
-export { default as Tabs } from './components/Tabs/Tabs.vue';
-export { default as Tab } from './components/Tabs/Tab.vue';
-export { default as Testimonial } from './components/Testimonial/Testimonial.vue';
-export { default as Timeline } from './components/Timeline/Timeline.vue';
-export { default as VideoCard } from './components/VideoCard/VideoCard.vue';
-export { default as Milestone } from './components/Milestones/Milestone.vue';
-export { default as MilestoneGroup } from './components/Milestones/MilestoneGroup.vue';
-
+// Foundations
+export { default as Logo } from './foundations/Logo/Logo.vue';
+// Elements
+export { default as Input } from './components/Input/Input.vue';
+// Components
+export { default as Accordion } from './components/Accordion/Accordion.vue';
+export { default as AccordionItem } from './components/Accordion/AccordionItem.vue';
+export { default as Actionbar } from './components/Actionbar/Actionbar.vue';
+export { default as AddressLookup } from './components/AddressLookup/AddressLookup.vue';
+export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue';
+export { default as Banner } from './components/Banner/Banner.vue';
+export { default as BarChart } from './components/BarChart/BarChart.vue';
+export { default as BentoGrid } from './components/BentoGrid/BentoGrid.vue';
+export { default as Card } from './components/Card/Card.vue';
+export { default as Carousel } from './components/Carousel/Carousel.vue';
+export { default as CollapsibleSideMenu } from './components/CollapsibleSideMenu/CollapsibleSideMenu.vue';
+export { default as FileUpload } from './components/FileUpload/FileUpload.vue';
+export { default as FilterCard } from './components/FilterCard/FilterCard.vue';
+export { default as Filterlist } from './components/Filterlist/Filterlist.vue';
+export { default as Header } from './components/Header/Header.vue';
+export { default as InlineEdit } from './components/InlineEdit/InlineEdit.vue';
+export { default as Multiselect } from './components/Multiselect/Multiselect.vue';
+export { default as Multistep } from './components/MultiStep/MultiStep.vue';
+export { default as Menu } from './components/Menu/Menu.vue';
+export { default as Nav } from './components/Nav/Nav.vue';
+export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue';
+export { default as Notification } from './components/Notification/Notification.vue';
+export { default as Pagination } from './components/Pagination/Pagination.vue';
+export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue';
+export { default as RecordCard } from './components/RecordCard/RecordCard.vue';
+export { default as Search } from './components/Search/Search.vue';
+export { default as Slider } from './components/Slider/Slider.vue';
+export { default as Snapshot } from './components/Snapshot/Snapshot.vue';
+export { default as Stepper } from './components/Stepper/Stepper.vue';
+export { default as Step } from './components/Stepper/Step.vue';
+export { default as Table } from './components/Table/Table.vue';
+export { default as Tabs } from './components/Tabs/Tabs.vue';
+export { default as Tab } from './components/Tabs/Tab.vue';
+export { default as Testimonial } from './components/Testimonial/Testimonial.vue';
+export { default as Timeline } from './components/Timeline/Timeline.vue';
+export { default as VideoCard } from './components/VideoCard/VideoCard.vue';
+export { default as Milestone } from './components/Milestones/Milestone.vue';
+export { default as MilestoneGroup } from './components/Milestones/MilestoneGroup.vue';

package/assets/css/components/address-lookup.css

@@ -1 +0,0 @@
-.js-hide{display:none !important}:host{margin-bottom:1rem;display:block}input[name=postcode]{border-color:var(--error-border, var(--colour-primary)) !important}:is([name=postcode]):is(:focus,.focus):not(:disabled){border-color:var(--colour-info) !important}div:has(input[name=postcode]) .suffix{border-color:var(--error-border, var(--colour-primary)) !important}.invalid-feedback{display:var(--error-display, none) !important}.optional{display:var(--req-display, inline-block) !important}.pre-filled p{padding-bottom:1rem}.pre-filled button{border:none;background:none;cursor:pointer}/*# sourceMappingURL=address-lookup.css.map */

package/assets/css/components/address-lookup.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/address-lookup.scss"],"names":[],"mappings":"AAEA,SACE,wBAGF,MACE,mBACA,cAGF,qBACE,mEAGF,sDACE,2CAGF,sCACE,mEAGF,kBACE,8CAGF,UACE,oDAGF,cACE,oBAEF,mBACE,YACA,gBACA","file":"address-lookup.css"}

package/assets/css/components/menu.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/_functions/mixins.scss","../../sass/components/menu.scss"],"names":[],"mappings":"AA4bI,kBCnbF,iBACE,uBACA,qCACA,iCAGF,WACE,cAKF,+BACE,kBAEA,qCACE,WACA,8BACA,WACA,YACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBAEA,kBACA,sBACA,YAKF,oDACE,aAIJ,mDACE,kBAEA,yDACE,sBACA,YACA,cAIJ,4CACE,kBAEA,kDACE,sBACA,YACA,cAIJ,mDACE,aAGF,6DACE","file":"menu.css"}