@iamproperty/components 5.1.0-beta → 5.1.0-beta3

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "5.1.0-beta",
+  "version": "5.1.0-beta3",
   "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/Nav/README.md

@@ -22,9 +22,6 @@
 
 | Option | Type | Default Value | Description |
 | ------ | ---- | ------------- | ----------- |
-| data-search  | String | - | Optional, displays a search button and form. The value passed through is used for the forms action attribute. |
-| data-list  | String | - | Optional string with an ID of a datalist, note this list needs to be added as an element in the component |
-| data-prevent-search  | String | - | Flag that prevents the search form submitting allowing it to used purely with JavaScript |
 | data-searcd-open  | String | - | Flag that opens the search bar on desktop on page load. |
 
 **Slots**
@@ -36,18 +33,10 @@
 | secondary | - | Moves the link upto the top of the navbar on desktop |
 | actions | - | A place to add buttons |
 | dual | - | Plave the link or list to the right of the nav, forcing the default slot to the left. |
+| search | - | A place to include a form with search functionality |
 
 **Class modifiers**
 
 - Adding a class of **.bg-primary** will change the background of the navbar without chaning the menu background. 
 - Adding a class of **.nav--sticky** will add etxra styling to make the navbar stick to the top of the page
 - Adding a class of **.nav--xs-sticky** will add etxra styling to make the navbar stick to the top of the page BUT only on the mobile view.
-
-**Dispatched events**
-
-| Event | Dispatched when | Details passed|
-| ------ | ------------- | ----------- |
-| search-keydown | When a user uses the search input field and triggers the keydown event. | { search: $inputValue } |
-| search-keyup | When a user uses the search input field and triggers the keyup event. | { search: $inputValue } |
-| search-change | When a user uses the search input field and triggers the change event. | { search: $inputValue } |
-| search-submit | When a user uses the search form and triggers the submit event. | { search: $inputValue } |

package/src/components/Search/Search.vue

@@ -0,0 +1,25 @@
+<template>
+  <iam-search>
+    <slot></slot>
+  </iam-search>
+</template>
+
+<script>
+export default {
+  name: 'Search',
+  mounted(){
+
+    this.$nextTick(function () {
+
+      import(`../../../assets/js/components/search/search.component${import.meta.env.DEV == "development" ? '.min' : ''}.js`).then(module => {
+        
+        if (!window.customElements.get(`iam-search`))
+          window.customElements.define(`iam-search`, module.default);
+
+      }).catch((err) => {
+        console.log(err.message);
+      });
+    })
+  }
+}
+</script>