@iamproperty/components 3.1.0 → 3.4.4

package/dist/components.es.js

@@ -1,8 +1,8 @@
-import { openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as w, normalizeClass as v, createCommentVNode as h, Fragment as A, renderList as x, renderSlot as b, withDirectives as N, mergeProps as T, vModelDynamic as V, vModelText as Y, vModelSelect as X, resolveComponent as M, createVNode as $, createTextVNode as P, normalizeStyle as ee, withModifiers as te } from "vue";
+import { openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as w, normalizeClass as v, createCommentVNode as p, Fragment as S, renderList as x, renderSlot as b, withDirectives as N, mergeProps as T, vModelDynamic as F, vModelText as J, vModelSelect as X, resolveComponent as C, createVNode as A, createTextVNode as P, normalizeStyle as ee, withModifiers as te } from "vue";
 const g = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [c, m] of n)
-    t[c] = m;
+  for (const [d, h] of n)
+    t[d] = h;
   return t;
 }, se = {
   name: "Icon",
@@ -19,7 +19,7 @@ const g = (e, n) => {
     }
   }
 }, ae = { class: "icon" }, ie = ["xlink:href"];
-function ne(e, n, t, c, m, a) {
+function ne(e, n, t, d, h, a) {
   return o(), l("svg", ae, [
     s("title", null, w(t.id), 1),
     s("use", {
@@ -27,7 +27,7 @@ function ne(e, n, t, c, m, a) {
     }, null, 8, ie)
   ]);
 }
-const re = /* @__PURE__ */ g(se, [["render", ne], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/foundations/Icon/Icon.vue"]]), oe = {
+const re = /* @__PURE__ */ g(se, [["render", ne]]), oe = {
   name: "Logo",
   props: {
     id: {
@@ -52,8 +52,8 @@ const re = /* @__PURE__ */ g(se, [["render", ne], ["__file", "C:/Users/James.Lam
       return "brand brand--" + this.id;
     }
   }
-}, le = ["xlink:href"], ce = ["innerHTML"];
-function de(e, n, t, c, m, a) {
+}, le = ["xlink:href"], de = ["innerHTML"];
+function ce(e, n, t, d, h, a) {
   return o(), l("div", {
     class: v(a.className)
   }, [
@@ -66,181 +66,182 @@ function de(e, n, t, c, m, a) {
     t.desc ? (o(), l("span", {
       key: 0,
       innerHTML: t.desc
-    }, null, 8, ce)) : h("v-if", !0)
+    }, null, 8, de)) : p("", !0)
   ], 2);
 }
-const ue = /* @__PURE__ */ g(oe, [["render", de], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/foundations/Logo/Logo.vue"]]), O = (e) => e.charAt(0).toUpperCase() + e.slice(1), j = (e) => e.replace(/_/g, " "), fe = (e) => e.replace(/ /g, "_"), me = function(e) {
+const ue = /* @__PURE__ */ g(oe, [["render", ce]]), W = (e) => e.charAt(0).toUpperCase() + e.slice(1), K = (e) => e.replace(/_/g, " "), fe = (e) => e.replace(/ /g, "_"), he = function(e) {
   return e = e.toLowerCase(), e = fe(e), e = e.replace(/\W/g, ""), e;
-}, he = function(e) {
-  return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
+}, me = function(e) {
+  return typeof e != "string" ? !1 : !isNaN(e) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+  !isNaN(parseFloat(e));
 }, _e = (e, n) => String(e).padStart(n, "0");
-function K(e) {
+function Z(e) {
   if (typeof e != "object")
     return !1;
-  const n = e.querySelector("thead"), t = e.querySelector("tbody"), c = t.cloneNode(!0), m = new Event("sorted"), a = new Event("filtered"), r = new Event("reordered"), i = "table_" + Math.random().toString(36).substr(2, 9);
+  const n = e.querySelector("thead"), t = e.querySelector("tbody"), d = t.cloneNode(!0), h = new Event("sorted"), a = new Event("filtered"), r = new Event("reordered"), i = "table_" + Math.random().toString(36).substr(2, 9);
   let f;
   e.setAttribute("id", i);
-  const S = function(_, u) {
-    let d = [];
-    Array.from(t.querySelectorAll("tr")).forEach((y, q) => {
-      let k = y.querySelector('td[data-label="' + _ + '"], th[data-label="' + _ + '"]').textContent;
-      he(k) && (k = _e(k, 10));
-      const z = {
+  const $ = function(m, u) {
+    let c = [];
+    Array.from(t.querySelectorAll("tr")).forEach((y, L) => {
+      let k = y.querySelector('td[data-label="' + m + '"], th[data-label="' + m + '"]').textContent;
+      me(k) && (k = _e(k, 10));
+      const O = {
         index: k,
         row: y
       };
-      d.push(z);
-    }), d.sort((y, q) => y.index > q.index ? 1 : -1), u == "descending" && (d = d.reverse());
-    let p = "";
-    d.forEach((y, q) => {
-      p += y.row.outerHTML;
-    }), t.innerHTML = p, e.dispatchEvent(m);
+      c.push(O);
+    }), c.sort((y, L) => y.index > L.index ? 1 : -1), u == "descending" && (c = c.reverse());
+    let _ = "";
+    c.forEach((y, L) => {
+      _ += y.row.outerHTML;
+    }), t.innerHTML = _, e.dispatchEvent(h);
   };
-  if (e.addEventListener("click", function(_) {
-    for (var u = _.target; u && u != this; u = u.parentNode)
+  if (e.addEventListener("click", function(m) {
+    for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches("[data-sortable]")) {
-        let d = u.getAttribute("aria-sort") == "ascending" ? "descending" : "ascending";
-        Array.from(e.querySelectorAll("[data-sortable]")).forEach((p, y) => {
-          p.setAttribute("aria-sort", "none");
-        }), u.setAttribute("aria-sort", d), e.setAttribute("data-sort", d), e.setAttribute("data-sortBy", u.textContent), S(u.textContent, d), Array.from(e.querySelectorAll("tr[draggable]")).forEach((p, y) => {
-          p.removeAttribute("draggable");
+        let c = u.getAttribute("aria-sort") == "ascending" ? "descending" : "ascending";
+        Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
+          _.setAttribute("aria-sort", "none");
+        }), u.setAttribute("aria-sort", c), e.setAttribute("data-sort", c), e.setAttribute("data-sortBy", u.textContent), $(u.textContent, c), Array.from(e.querySelectorAll("tr[draggable]")).forEach((_, y) => {
+          _.removeAttribute("draggable");
         });
         break;
       }
   }, !1), e.getAttribute("data-sortBy")) {
-    let _ = e.getAttribute("data-sort") == "ascending" ? "descending" : "ascending";
-    Array.from(e.querySelectorAll("[data-sortable]")).forEach((u, d) => {
-      u.textContent == e.getAttribute("data-sortBy") && (u.setAttribute("aria-sort", _), u.click());
+    let m = e.getAttribute("data-sort") == "ascending" ? "descending" : "ascending";
+    Array.from(e.querySelectorAll("[data-sortable]")).forEach((u, c) => {
+      u.textContent == e.getAttribute("data-sortBy") && (u.setAttribute("aria-sort", m), u.click());
     });
   }
-  const L = function(_) {
+  const q = function(m) {
     const u = document.createElement("div");
     u.classList.add("table__filters"), u.classList.add("row"), u.classList.add("pt-1"), u.classList.add("pb-3");
-    const d = Array.from(e.querySelectorAll("th[data-filterable]"));
-    let p = {};
-    d.forEach((k, z) => {
-      Array.from(e.querySelectorAll('td[data-label="' + k.textContent + '"]')).forEach((G, ki) => {
-        p[G.textContent] = G.textContent;
+    const c = Array.from(e.querySelectorAll("th[data-filterable]"));
+    let _ = {};
+    c.forEach((k, O) => {
+      Array.from(e.querySelectorAll('td[data-label="' + k.textContent + '"]')).forEach((j, gi) => {
+        _[j.textContent] = j.textContent;
       });
     });
-    const y = d.length == 1 ? "Filter by " + d[0].textContent : "Filter", q = d.length == 1 ? "d-none" : "d-sm-flex";
+    const y = c.length == 1 ? "Filter by " + c[0].textContent : "Filter", L = c.length == 1 ? "d-none" : "d-sm-flex";
     u.innerHTML = `<div class="col-sm-6 col-md-4 pb-3">
   <div class="form-control__wrapper form-control-inline mb-0">
     <label for="${i}_filter" class="form-label">${y}:</label>
     <input type="search" name="${i}_filter" id="${i}_filter" class="form-control form-control-sm" placeholder="" list="${i}_list" />
   </div>
   <datalist id="${i}_list">
-    ${Object.keys(p).map((k) => `<option value="${k}"></option>`).join("")}
+    ${Object.keys(_).map((k) => `<option value="${k}"></option>`).join("")}
   </datalist>
 </div>
-<div class="col-md-8 align-items-center pb-3 ${q}">
-  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>' + d.map((k) => `<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${i}_${k.textContent.replace(" ", "_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${i}_${k.textContent.replace(" ", "_").toLowerCase()}">${k.textContent}</label></div>`).join("")}
+<div class="col-md-8 align-items-center pb-3 ${L}">
+  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>' + c.map((k) => `<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${i}_${k.textContent.replace(" ", "_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${i}_${k.textContent.replace(" ", "_").toLowerCase()}">${k.textContent}</label></div>`).join("")}
 </div>`, e.prepend(u);
-  }, C = function(_) {
+  }, M = function(m) {
     let u = [];
-    Array.from(c.querySelectorAll("tr")).forEach((p, y) => {
-      let q = "";
-      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((k, z) => {
-        q += p.querySelector('td[data-label="' + k.textContent + '"]').textContent + " | ";
-      }), q.indexOf(_) >= 0) {
-        const k = { row: p };
+    Array.from(d.querySelectorAll("tr")).forEach((_, y) => {
+      let L = "";
+      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((k, O) => {
+        L += _.querySelector('td[data-label="' + k.textContent + '"]').textContent + " | ";
+      }), L.indexOf(m) >= 0) {
+        const k = { row: _ };
         u.push(k);
       }
     });
-    let d = "";
-    u.forEach((p, y) => {
-      d += p.row.outerHTML;
-    }), t.innerHTML = d, e.dispatchEvent(a);
-  }, U = function() {
-    let _ = [];
-    Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((p, y) => {
-      _.push(p.textContent);
+    let c = "";
+    u.forEach((_, y) => {
+      c += _.row.outerHTML;
+    }), t.innerHTML = c, e.dispatchEvent(a);
+  }, z = function() {
+    let m = [];
+    Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((_, y) => {
+      m.push(_.textContent);
     });
     let u = [];
-    _.forEach((p, y) => {
-      Array.from(e.querySelectorAll('td[data-label="' + p + '"]')).forEach((q, k) => {
-        u[q.textContent] = q.textContent;
+    m.forEach((_, y) => {
+      Array.from(e.querySelectorAll('td[data-label="' + _ + '"]')).forEach((L, k) => {
+        u[L.textContent] = L.textContent;
       });
     });
-    let d = e.querySelector("datalist");
-    d.innerHTML = Object.keys(u).map((p) => `<option value="${p}"></option>`).join("");
+    let c = e.querySelector("datalist");
+    c.innerHTML = Object.keys(u).map((_) => `<option value="${_}"></option>`).join("");
   };
-  Array.from(e.querySelectorAll("[data-filterable]")).length && (L(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(_) {
-    for (var u = _.target; u && u != this; u = u.parentNode)
+  Array.from(e.querySelectorAll("[data-filterable]")).length && (q(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(m) {
+    for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="search"]')) {
-        const d = u.value;
-        C(d);
+        const c = u.value;
+        M(c);
       }
-  }), e.addEventListener("change", function(_) {
-    for (var u = _.target; u && u != this; u = u.parentNode)
+  }), e.addEventListener("change", function(m) {
+    for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="search"]')) {
-        const d = u.value;
-        C(d);
+        const c = u.value;
+        M(c);
       }
-  }), e.addEventListener("change", function(_) {
-    for (var u = _.target; u && u != this; u = u.parentNode)
+  }), e.addEventListener("change", function(m) {
+    for (var u = m.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="checkbox"]')) {
-        const d = e.querySelector('input[type="search"]').value;
-        C(d), U();
+        const c = e.querySelector('input[type="search"]').value;
+        M(c), z();
       }
   }));
-  const H = function(_, u) {
-    let d = document.getElementById(i + "_style");
-    d == null && (d = document.createElement("style"), d.setAttribute("id", i + "_style"));
-    const p = _ * (u - 1) + 1, y = _ * u;
-    d.innerHTML = `
+  const H = function(m, u) {
+    let c = document.getElementById(i + "_style");
+    c == null && (c = document.createElement("style"), c.setAttribute("id", i + "_style"));
+    const _ = m * (u - 1) + 1, y = m * u;
+    c.innerHTML = `
     #${i} tbody tr {
       display: none;
     }
-    #${i} tbody tr:nth-child(${p}),
-    #${i} tbody tr:nth-child(${p}) ~ tr{
+    #${i} tbody tr:nth-child(${_}),
+    #${i} tbody tr:nth-child(${_}) ~ tr{
       display: block;
     }
     @media screen and (min-width: 36em) {
-      #${i} tbody tr:nth-child(${p}),
-      #${i} tbody tr:nth-child(${p}) ~ tr{
+      #${i} tbody tr:nth-child(${_}),
+      #${i} tbody tr:nth-child(${_}) ~ tr{
         display: table-row;
       }
     }
     #${i} tbody tr:nth-child(${y}) ~ tr{
       display: none;
     }
-    `, e.append(d);
+    `, e.append(c);
   };
   if (e.getAttribute("data-show")) {
-    const _ = parseInt(e.getAttribute("data-show")), u = parseInt(e.getAttribute("data-page")) ? parseInt(e.getAttribute("data-page")) : 1, d = e.querySelectorAll("tbody tr").length;
-    _ < d && (H(_, u), J(i, e, _, u, d), D(i, e, _, u, d), e.addEventListener("change", function(p) {
-      for (var y = p.target; y && y != this; y = y.parentNode)
-        y.matches('.table__pagination input[type="number"]') && (H(y.value, u), D(i, e, y.value, u, d), e.setAttribute("data-show", y.value));
-    }), e.addEventListener("click", function(p) {
-      for (var y = p.target; y && y != this; y = y.parentNode)
-        y.matches(".page-item:not(.active):not(.disabled) .page-link") && (H(e.getAttribute("data-show"), y.getAttribute("data-page")), D(i, e, e.getAttribute("data-show"), y.getAttribute("data-page"), d));
-    }, !1), e.addEventListener("change", function(p) {
-      for (var y = p.target; y && y != this; y = y.parentNode)
-        y.matches(".table__pagination select") && (H(e.getAttribute("data-show"), y.value), D(i, e, e.getAttribute("data-show"), y.value, d));
+    const m = parseInt(e.getAttribute("data-show")), u = parseInt(e.getAttribute("data-page")) ? parseInt(e.getAttribute("data-page")) : 1, c = e.querySelectorAll("tbody tr").length;
+    m < c && (H(m, u), U(i, e, m, u, c), D(i, e, m, u, c), e.addEventListener("change", function(_) {
+      for (var y = _.target; y && y != this; y = y.parentNode)
+        y.matches('.table__pagination input[type="number"]') && (H(y.value, u), D(i, e, y.value, u, c), e.setAttribute("data-show", y.value));
+    }), e.addEventListener("click", function(_) {
+      for (var y = _.target; y && y != this; y = y.parentNode)
+        y.matches(".page-item:not(.active):not(.disabled) .page-link") && (H(e.getAttribute("data-show"), y.getAttribute("data-page")), D(i, e, e.getAttribute("data-show"), y.getAttribute("data-page"), c));
+    }, !1), e.addEventListener("change", function(_) {
+      for (var y = _.target; y && y != this; y = y.parentNode)
+        y.matches(".table__pagination select") && (H(e.getAttribute("data-show"), y.value), D(i, e, e.getAttribute("data-show"), y.value, c));
     }));
   }
-  function Q(_) {
-    _.dataTransfer.setData("text/plain", _.target.id), f = _.target, _.target.classList.add("tr--dragging");
+  function Y(m) {
+    m.dataTransfer.setData("text/plain", m.target.id), f = m.target, m.target.classList.add("tr--dragging");
   }
-  const F = function() {
-    Array.from(t.querySelectorAll("tr")).forEach((_, u) => {
-      if (_.querySelector('[data-label="Order"]') == null) {
-        const d = document.createElement("th");
-        d.innerHTML = u + 1, d.setAttribute("data-label", "Order"), _.prepend(d);
+  const V = function() {
+    Array.from(t.querySelectorAll("tr")).forEach((m, u) => {
+      if (m.querySelector('[data-label="Order"]') == null) {
+        const c = document.createElement("th");
+        c.innerHTML = u + 1, c.setAttribute("data-label", "Order"), m.prepend(c);
       }
-      _.setAttribute("id", i + "_row_" + (u + 1)), _.setAttribute("data-order", u + 1), _.setAttribute("draggable", "true"), _.addEventListener("dragstart", Q);
+      m.setAttribute("id", i + "_row_" + (u + 1)), m.setAttribute("data-order", u + 1), m.setAttribute("draggable", "true"), m.addEventListener("dragstart", Y);
     });
   };
   if (e.getAttribute("data-reorder") && e.getAttribute("data-reorder") != "false") {
-    const _ = document.createElement("th");
-    _.innerHTML = "Order", _.title = "Click here to enable re-ordering via drag and drop", _.classList.add("table-order-reset"), n.querySelector("tr").prepend(_), F(), e.addEventListener("click", function(u) {
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        if (d.matches(".table-order-reset")) {
-          Array.from(e.querySelectorAll("[data-sortable]")).forEach((p, y) => {
-            p.setAttribute("aria-sort", "none");
-          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), S("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((p, y) => {
-            p.setAttribute("draggable", "true");
+    const m = document.createElement("th");
+    m.innerHTML = "Order", m.title = "Click here to enable re-ordering via drag and drop", m.classList.add("table-order-reset"), n.querySelector("tr").prepend(m), V(), e.addEventListener("click", function(u) {
+      for (var c = u.target; c && c != this; c = c.parentNode)
+        if (c.matches(".table-order-reset")) {
+          Array.from(e.querySelectorAll("[data-sortable]")).forEach((_, y) => {
+            _.setAttribute("aria-sort", "none");
+          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), $("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((_, y) => {
+            _.setAttribute("draggable", "true");
           });
           break;
         }
@@ -248,76 +249,76 @@ function K(e) {
       u.preventDefault();
     }, !1), document.addEventListener("dragenter", function(u) {
       u.preventDefault(), u.dataTransfer.dropEffect = "move";
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        d.matches("[data-reorder] tbody tr") && d.classList.add("tr--dropable");
+      for (var c = u.target; c && c != this; c = c.parentNode)
+        c.matches("[data-reorder] tbody tr") && c.classList.add("tr--dropable");
     }, !1), document.addEventListener("dragleave", function(u) {
       u.preventDefault();
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        d.matches("[data-reorder] tbody tr") && d.classList.remove("tr--dropable");
+      for (var c = u.target; c && c != this; c = c.parentNode)
+        c.matches("[data-reorder] tbody tr") && c.classList.remove("tr--dropable");
     }, !1), document.addEventListener("drop", function(u) {
       u.preventDefault();
-      for (var d = u.target; d && d != this; d = d.parentNode)
-        if (d.matches("[data-reorder] tbody tr")) {
-          d.parentNode != null && f.parentNode != null && d != f && (f.parentNode.removeChild(f), f.getAttribute("data-order") > d.getAttribute("data-order") ? d.parentNode.insertBefore(f, d) : d.parentNode.insertBefore(f, d.nextElementSibling), Array.from(t.querySelectorAll("tr")).forEach((p, y) => {
-            p.classList.remove("tr--dragging"), p.classList.remove("tr--dropable"), p.querySelector("th").innerHTML = y + 1, p.setAttribute("data-order", y + 1);
+      for (var c = u.target; c && c != this; c = c.parentNode)
+        if (c.matches("[data-reorder] tbody tr")) {
+          c.parentNode != null && f.parentNode != null && c != f && (f.parentNode.removeChild(f), f.getAttribute("data-order") > c.getAttribute("data-order") ? c.parentNode.insertBefore(f, c) : c.parentNode.insertBefore(f, c.nextElementSibling), Array.from(t.querySelectorAll("tr")).forEach((_, y) => {
+            _.classList.remove("tr--dragging"), _.classList.remove("tr--dropable"), _.querySelector("th").innerHTML = y + 1, _.setAttribute("data-order", y + 1);
           }), e.dispatchEvent(r));
           break;
         }
     }, !1);
   }
-  e.addEventListener("filtered", function(_) {
-    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && S(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
-      const u = parseInt(e.getAttribute("data-show")), d = e.querySelectorAll("tbody tr").length, p = e.querySelector(".table__pagination");
-      p != null && p.remove(), u < d && (H(u, 1), J(i, e, u, 1, d), D(i, e, u, 1, d));
+  e.addEventListener("filtered", function(m) {
+    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && $(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
+      const u = parseInt(e.getAttribute("data-show")), c = e.querySelectorAll("tbody tr").length, _ = e.querySelector(".table__pagination");
+      _ != null && _.remove(), u < c && (H(u, 1), U(i, e, u, 1, c), D(i, e, u, 1, c));
     }
-    e.getAttribute("data-reorder") && F();
-  }, !1), e.addEventListener("sorted", function(_) {
-    e.getAttribute("data-reorder") && F();
-  }, !1), e.addEventListener("populated", function(_) {
+    e.getAttribute("data-reorder") && V();
+  }, !1), e.addEventListener("sorted", function(m) {
+    e.getAttribute("data-reorder") && V();
+  }, !1), e.addEventListener("populated", function(m) {
     var u = e.querySelector(".table__filters");
     u.remove();
-    var d = e.querySelector(".table__pagination");
-    d.remove();
-    var p = e.cloneNode(!0);
-    e.parentNode.replaceChild(p, e), K(p);
+    var c = e.querySelector(".table__pagination");
+    c.remove();
+    var _ = e.cloneNode(!0);
+    e.parentNode.replaceChild(_, e), Z(_);
   }, !1);
 }
-const J = function(e, n, t, c, m) {
+const U = function(e, n, t, d, h) {
   const a = document.createElement("div");
   a.classList.add("table__pagination"), a.classList.add("row"), a.classList.add("pt-3"), a.classList.add("pb-3"), a.innerHTML = `<div class="col mw-fit-content mb-3">
 <div class="form-control__wrapper form-control-inline mb-0">
   <label for="${e}_showing" class="form-label">Showing:</label>
-  <input type="number" name="${e}_showing" id="${e}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${e}_pagination" value="${t}" min="1" max="${m}" />
+  <input type="number" name="${e}_showing" id="${e}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${e}_pagination" value="${t}" min="1" max="${h}" />
 </div>
 <datalist id="${e}_pagination">
 <option value="5">5</option>
-${m > 10 ? '<option value="10">10</option>' : ""}
-${m > 20 ? '<option value="20">20</option>' : ""}
-<option value="${m}">${m}</option>
+${h > 10 ? '<option value="10">10</option>' : ""}
+${h > 20 ? '<option value="20">20</option>' : ""}
+<option value="${h}">${h}</option>
 </datalist>
 </div>
 <div class="col mw-fit-content me-auto d-flex align-items-center mb-3"><span class="label">per page</span></div>
 <div class="col mw-fit-content d-sm-flex justify-content-end align-items-center" id="${e}_paginationBtns"></div>`, n.append(a);
-}, D = function(e, n, t, c, m) {
+}, D = function(e, n, t, d, h) {
   const a = document.getElementById(e + "_paginationBtns");
   if (a == null)
     return !1;
-  const r = Math.ceil(m / t);
+  const r = Math.ceil(h / t);
   if (r == 1)
     a.innerHTML = "";
   else if (r < 5) {
     let i = "";
     for (let f = 1; f <= r; f++)
-      f == c ? i += `<li class="page-item active" aria-current="page"><span class="page-link">${f}</span></li>` : i += `<li class="page-item"><button class="page-link" data-page="${f}">${f}</button></li>`;
+      f == d ? i += `<li class="page-item active" aria-current="page"><span class="page-link">${f}</span></li>` : i += `<li class="page-item"><button class="page-link" data-page="${f}">${f}</button></li>`;
     a.innerHTML = `<span class="pe-2 mb-3">Page: </span><ul class="pagination mb-3">
-      ${c == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(c) - 1}">Previous</button></li>`}
+      ${d == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(d) - 1}">Previous</button></li>`}
       ${i}
-      ${c == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(c) + 1}">Next</button></li>`}
+      ${d == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><button class="page-link" data-page="${parseInt(d) + 1}">Next</button></li>`}
     </ul>`;
   } else {
     let i = "";
     for (let f = 1; f <= r; f++)
-      f == c ? i += `<option value="${f}" selected>Page ${f}</option>` : i += `<option value="${f}">Page ${f}</option>`;
+      f == d ? i += `<option value="${f}" selected>Page ${f}</option>` : i += `<option value="${f}">Page ${f}</option>`;
     a.innerHTML = `
 <div class="form-control__wrapper page-number mb-2">
 <select class="form-select">
@@ -327,10 +328,10 @@ ${i}
     `;
   }
 };
-let W = function(e) {
-  return typeof e != "string" ? e : (e = e.replace("\xA3", ""), e = e.replace("%", ""), Number.isNaN(Number.parseFloat(e)) ? 0 : Number.parseFloat(e));
+let G = function(e) {
+  return typeof e != "string" ? e : (e = e.replace("£", ""), e = e.replace("%", ""), Number.isNaN(Number.parseFloat(e)) ? 0 : Number.parseFloat(e));
 };
-const pe = {
+const ye = {
   name: "Table",
   props: {
     reorder: {
@@ -368,15 +369,15 @@ const pe = {
   },
   computed: {
     cellHeading() {
-      return (e) => `${O(j(e))}`;
+      return (e) => `${W(K(e))}`;
     },
     numericValue() {
-      return (e) => (e = W(e), e);
+      return (e) => (e = G(e), e);
     }
   },
   mounted() {
     this.$nextTick(function() {
-      K(this.$refs.wrapper), this.$el.addEventListener("sorted", function(e) {
+      Z(this.$refs.wrapper), this.$el.addEventListener("sorted", function(e) {
         console.log("Table sorted");
       }, !1), this.$el.addEventListener("filtered", function(e) {
         console.log("Table filtered");
@@ -386,16 +387,16 @@ const pe = {
   updated() {
     this.$nextTick(function() {
       let e = this.$refs.wrapper.querySelector("tbody"), n = "";
-      this.items.forEach((c, m) => {
-        let a = c.rowid ? c.rowid : "";
-        c = Object.fromEntries(Object.entries(c).filter(([r]) => r !== "rowid")), n += `<tr data-row-id="${a}">${Object.keys(c).map((r) => `<td data-label="${O(j(r))}" data-numeric="${W(c[r])}">${c[r]}</td>`).join("")}</tr>`;
+      this.items.forEach((d, h) => {
+        let a = d.rowid ? d.rowid : "";
+        d = Object.fromEntries(Object.entries(d).filter(([r]) => r !== "rowid")), n += `<tr data-row-id="${a}">${Object.keys(d).map((r) => `<td data-label="${W(K(r))}" data-numeric="${G(d[r])}">${d[r]}</td>`).join("")}</tr>`;
       }), e.innerHTML = n;
       const t = new Event("filtered");
       this.$refs.wrapper.dispatchEvent(t);
     });
   }
-}, ye = ["data-sortby", "data-sort", "data-show", "data-page", "data-reorder"], be = { key: 0 }, ve = ["data-sortable", "data-filterable"], ge = { key: 1 }, we = ["data-row-id"], ke = ["innerHTML", "data-label", "data-numeric"];
-function Se(e, n, t, c, m, a) {
+}, pe = ["data-sortby", "data-sort", "data-show", "data-page", "data-reorder"], be = { key: 0 }, ve = ["data-sortable", "data-filterable"], ge = { key: 1 }, we = ["data-row-id"], ke = ["innerHTML", "data-label", "data-numeric"];
+function $e(e, n, t, d, h, a) {
   return o(), l("div", {
     class: "table__wrapper",
     ref: "wrapper",
@@ -410,31 +411,31 @@ function Se(e, n, t, c, m, a) {
         s("tr", {
           class: v(t.headingclass)
         }, [
-          (o(!0), l(A, null, x(t.fields, (r) => (o(), l("th", {
+          (o(!0), l(S, null, x(t.fields, (r) => (o(), l("th", {
             key: r.key,
             "data-sortable": r.sortable,
             "data-filterable": r.filterable
           }, w(a.cellHeading(r.key)), 9, ve))), 128))
         ], 2)
-      ])) : h("v-if", !0),
+      ])) : p("", !0),
       t.items ? (o(), l("tbody", ge, [
-        (o(!0), l(A, null, x(t.items, (r, i) => (o(), l("tr", {
+        (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("tr", {
           key: i,
           "data-row-id": r.rowid
         }, [
-          (o(!0), l(A, null, x(Object.fromEntries(Object.entries(r).filter(([f]) => f !== "rowid")), (f, S) => (o(), l("td", {
-            key: S,
+          (o(!0), l(S, null, x(Object.fromEntries(Object.entries(r).filter(([f]) => f !== "rowid")), (f, $) => (o(), l("td", {
+            key: $,
             innerHTML: f,
-            "data-label": a.cellHeading(S),
+            "data-label": a.cellHeading($),
             "data-numeric": a.numericValue(f)
           }, null, 8, ke))), 128))
         ], 8, we))), 128))
-      ])) : h("v-if", !0)
+      ])) : p("", !0)
     ]),
     b(e.$slots, "default")
-  ], 8, ye);
+  ], 8, pe);
 }
-const E = /* @__PURE__ */ g(pe, [["render", Se], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/Table/Table.vue"]]), $e = {
+const E = /* @__PURE__ */ g(ye, [["render", $e]]), Ae = {
   name: "Input",
   props: {
     value: {
@@ -618,14 +619,14 @@ const E = /* @__PURE__ */ g(pe, [["render", Se], ["__file", "C:/Users/James.Lamb
       this.$emit("bus");
     }
   }
-}, Ae = ["for", "innerHTML", "title"], xe = ["innerHTML"], Le = ["innerHTML"], qe = ["type", "name", "id", "pattern", "list"], Te = ["type", "name", "id", "pattern"], Ce = {
+}, Se = ["for", "innerHTML", "title"], xe = ["innerHTML"], qe = ["innerHTML"], Le = ["type", "name", "id", "pattern", "list"], Te = ["type", "name", "id", "pattern"], Me = {
   key: 5,
   class: "input-group"
-}, Me = ["type", "name", "id", "pattern", "list"], He = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Ne = {
+}, Ce = ["type", "name", "id", "pattern", "list"], He = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Ne = {
   key: 6,
   class: "input-group"
-}, De = ["type", "name", "id", "pattern", "list"], Be = { class: "input-group-text flex-fill" }, Pe = ["type", "name", "id", "pattern"], Ie = ["value"], Ue = ["id"], Fe = ["value"], ze = ["type", "name", "id"], Ve = ["for", "innerHTML"], Ge = ["type", "name", "id"], Oe = ["for", "innerHTML"], je = ["innerHTML"];
-function Je(e, n, t, c, m, a) {
+}, De = ["type", "name", "id", "pattern", "list"], Be = { class: "input-group-text flex-fill" }, Pe = ["type", "name", "id", "pattern"], Ie = ["value"], ze = ["id"], Ve = ["value"], Oe = ["type", "name", "id"], Fe = ["for", "innerHTML"], je = ["type", "name", "id"], We = ["for", "innerHTML"], Ke = ["innerHTML"];
+function Ue(e, n, t, d, h, a) {
   return o(), l("div", {
     class: v(a.wrapperClass()),
     ref: "wrapper"
@@ -636,21 +637,19 @@ function Je(e, n, t, c, m, a) {
       for: t.id,
       innerHTML: a.displayLabel(),
       title: t.title
-    }, null, 10, Ae)) : h("v-if", !0),
-    h(" Prefix and Suffix "),
+    }, null, 10, Se)) : p("", !0),
     t.prefix ? (o(), l("span", {
       key: 1,
       class: v(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
       innerHTML: t.prefix,
       role: "presentation"
-    }, null, 10, xe)) : h("v-if", !0),
+    }, null, 10, xe)) : p("", !0),
     t.suffix ? (o(), l("span", {
       key: 2,
       class: v(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
       innerHTML: t.suffix,
       role: "presentation"
-    }, null, 10, Le)) : h("v-if", !0),
-    h(" Standard input field "),
+    }, null, 10, qe)) : p("", !0),
     a.isInput() ? N((o(), l("input", T({
       key: 3,
       "onUpdate:modelValue": n[0] || (n[0] = (r) => a.inputVal = r),
@@ -662,10 +661,9 @@ function Je(e, n, t, c, m, a) {
       list: a.hasOptions()
     }, e.$attrs, {
       onKeyup: n[1] || (n[1] = (...r) => a.inputKeyup && a.inputKeyup(...r))
-    }), null, 16, qe)), [
-      [V, a.inputVal]
-    ]) : h("v-if", !0),
-    h(" Textarea "),
+    }), null, 16, Le)), [
+      [F, a.inputVal]
+    ]) : p("", !0),
     t.type == "textarea" ? N((o(), l("textarea", T({
       key: 4,
       "onUpdate:modelValue": n[2] || (n[2] = (r) => a.inputVal = r),
@@ -675,10 +673,9 @@ function Je(e, n, t, c, m, a) {
       id: t.id,
       pattern: a.needPattern()
     }, e.$attrs), null, 16, Te)), [
-      [Y, a.inputVal]
-    ]) : h("v-if", !0),
-    h(" Range "),
-    t.type == "range" ? (o(), l("div", Ce, [
+      [J, a.inputVal]
+    ]) : p("", !0),
+    t.type == "range" ? (o(), l("div", Me, [
       N(s("input", T({
         "onUpdate:modelValue": n[3] || (n[3] = (r) => a.inputVal = r),
         class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -687,12 +684,11 @@ function Je(e, n, t, c, m, a) {
         id: t.id,
         pattern: a.needPattern(),
         list: a.hasOptions()
-      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Me), [
-        [V, a.inputVal]
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Ce), [
+        [F, a.inputVal]
       ]),
       s("output", He, w(t.value), 1)
-    ])) : h("v-if", !0),
-    h(" Color picker "),
+    ])) : p("", !0),
     t.type == "color" ? (o(), l("div", Ne, [
       N(s("input", T({
         "onUpdate:modelValue": n[4] || (n[4] = (r) => a.inputVal = r),
@@ -703,11 +699,10 @@ function Je(e, n, t, c, m, a) {
         pattern: a.needPattern(),
         list: a.hasOptions()
       }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, De), [
-        [V, a.inputVal]
+        [F, a.inputVal]
       ]),
       s("output", Be, w(t.value ? e.vale : "#000000"), 1)
-    ])) : h("v-if", !0),
-    h(" Select/dropdown "),
+    ])) : p("", !0),
     t.type == "select" ? N((o(), l("select", T({
       key: 7,
       "onUpdate:modelValue": n[5] || (n[5] = (r) => a.inputVal = r),
@@ -717,37 +712,35 @@ function Je(e, n, t, c, m, a) {
       id: t.id,
       pattern: a.needPattern()
     }, e.$attrs), [
-      (o(!0), l(A, null, x(t.options, (r, i) => (o(), l("option", {
+      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
         key: i,
         value: r.value
       }, w(r.display ? r.display : r.value), 9, Ie))), 128))
     ], 16, Pe)), [
       [X, a.inputVal]
-    ]) : h("v-if", !0),
+    ]) : p("", !0),
     a.allowDatalist() ? (o(), l("datalist", {
       key: 8,
       id: t.id + "-list"
     }, [
-      (o(!0), l(A, null, x(t.options, (r, i) => (o(), l("option", {
+      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
         key: i,
         value: r.value
-      }, w(r.value), 9, Fe))), 128))
-    ], 8, Ue)) : h("v-if", !0),
-    h(" Checkbox "),
+      }, w(r.value), 9, Ve))), 128))
+    ], 8, ze)) : p("", !0),
     t.type == "checkbox" || t.type == "radio" ? (o(), l("input", T({
       key: 9,
       class: "form-check-input",
       type: t.type,
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, ze)) : h("v-if", !0),
+    }, e.$attrs), null, 16, Oe)) : p("", !0),
     t.type == "checkbox" || t.type == "radio" ? (o(), l("label", {
       key: 10,
       class: v(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label
-    }, null, 10, Ve)) : h("v-if", !0),
-    h(" Checkbox Button "),
+    }, null, 10, Fe)) : p("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (o(), l("input", T({
       key: 11,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -755,24 +748,23 @@ function Je(e, n, t, c, m, a) {
       autocomplete: "off",
       name: t.name ? t.name : t.id,
       id: t.id
-    }, e.$attrs), null, 16, Ge)) : h("v-if", !0),
+    }, e.$attrs), null, 16, je)) : p("", !0),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (o(), l("label", {
       key: 12,
       class: v(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
       for: t.id,
       innerHTML: t.label,
       onClick: n[6] || (n[6] = (...r) => a.clickEvent && a.clickEvent(...r))
-    }, null, 10, Oe)) : h("v-if", !0),
-    h(" Error message "),
+    }, null, 10, We)) : p("", !0),
     t.errormsg ? (o(), l("p", {
       key: 13,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
-    }, null, 8, je)) : h("v-if", !0),
+    }, null, 8, Ke)) : p("", !0),
     b(e.$slots, "default")
   ], 2);
 }
-const I = /* @__PURE__ */ g($e, [["render", Je], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/Input/Input.vue"]]), We = {
+const I = /* @__PURE__ */ g(Ae, [["render", Ue]]), Ge = {
   components: {
     Input: I
   },
@@ -795,21 +787,21 @@ const I = /* @__PURE__ */ g($e, [["render", Je], ["__file", "C:/Users/James.Lamb
       required: !1
     }
   }
-}, Ke = { class: "multiple-file-uploads mb-4" }, Ee = { class: "row" }, Re = { class: "col-12 col-md me-auto" }, Ze = /* @__PURE__ */ s("div", { class: "col mw-fit-content" }, [
+}, Ze = { class: "multiple-file-uploads mb-4" }, Ee = { class: "row" }, Re = { class: "col-12 col-md me-auto" }, Qe = /* @__PURE__ */ s("div", { class: "col mw-fit-content" }, [
   /* @__PURE__ */ s("button", {
     type: "button",
     class: "btn btn-tertiary me-0",
     "data-delete": ""
   }, "Delete")
-], -1), Qe = ["data-maxfiles"];
-function Ye(e, n, t, c, m, a) {
-  const r = M("Input");
-  return o(), l("div", Ke, [
+], -1), Ye = ["data-maxfiles"];
+function Je(e, n, t, d, h, a) {
+  const r = C("Input");
+  return o(), l("div", Ze, [
     s("div", Ee, [
       s("div", {
         class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
       }, [
-        $(r, {
+        A(r, {
           type: "file",
           id: t.id,
           name: `${t.id}[]`,
@@ -823,24 +815,24 @@ function Ye(e, n, t, c, m, a) {
       s("div", Re, [
         b(e.$slots, "default")
       ]),
-      Ze
+      Qe
     ]),
     s("button", {
       type: "button",
       class: "btn btn-secondary me-0",
       "data-add": "",
       "data-maxfiles": t.maxfiles
-    }, "+ Add file", 8, Qe)
+    }, "+ Add file", 8, Ye)
   ]);
 }
-const $i = /* @__PURE__ */ g(We, [["render", Ye], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/FileUploads/FileUploads.vue"]]);
+const ki = /* @__PURE__ */ g(Ge, [["render", Je]]);
 function Xe(e) {
   if (!e.classList.contains("accordion--keep-open")) {
     const n = e.querySelectorAll(":scope > details");
     n.forEach((t) => {
       t.addEventListener("click", () => {
-        n.forEach((c) => {
-          c !== t && c.removeAttribute("open");
+        n.forEach((d) => {
+          d !== t && d.removeAttribute("open");
         });
       });
     });
@@ -866,12 +858,12 @@ const et = {
   class: "container accordion",
   ref: "wrapper"
 };
-function st(e, n, t, c, m, a) {
+function st(e, n, t, d, h, a) {
   return o(), l("div", tt, [
     b(e.$slots, "default")
   ], 512);
 }
-const Ai = /* @__PURE__ */ g(et, [["render", st], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Accordion/Accordion.vue"]]), at = {
+const $i = /* @__PURE__ */ g(et, [["render", st]]), at = {
   name: "AccordionItem",
   props: {
     title: {
@@ -898,7 +890,7 @@ const Ai = /* @__PURE__ */ g(et, [["render", st], ["__file", "C:/Users/James.Lam
   },
   computed: {
     createID() {
-      return (e) => `${me(e)}`;
+      return (e) => `${he(e)}`;
     }
   },
   data() {
@@ -910,29 +902,29 @@ const Ai = /* @__PURE__ */ g(et, [["render", st], ["__file", "C:/Users/James.Lam
   key: 0,
   class: "accordion-body"
 };
-function ot(e, n, t, c, m, a) {
+function ot(e, n, t, d, h, a) {
   return o(), l("details", {
     class: "accordion-item",
     id: a.createID(t.title)
   }, [
     s("summary", {
       class: v(`${t.titlecolour ? `bg-${t.titlecolour}` : ""}`),
-      onClick: n[0] || (n[0] = (r) => m.show = !0)
+      onClick: n[0] || (n[0] = (r) => h.show = !0)
     }, [
       s("span", nt, [
         P(w(t.title), 1),
         t.badge ? (o(), l("span", {
           key: 0,
           class: v(`badge bg-${t.badgecolour}`)
-        }, w(t.badge), 3)) : h("v-if", !0)
+        }, w(t.badge), 3)) : p("", !0)
       ])
     ], 2),
-    m.show ? (o(), l("div", rt, [
+    h.show ? (o(), l("div", rt, [
       b(e.$slots, "default")
-    ])) : h("v-if", !0)
+    ])) : p("", !0)
   ], 8, it);
 }
-const xi = /* @__PURE__ */ g(at, [["render", ot], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Accordion/AccordionItem.vue"]]), lt = {
+const Ai = /* @__PURE__ */ g(at, [["render", ot]]), lt = {
   name: "Header",
   props: {
     title: {
@@ -949,33 +941,33 @@ const xi = /* @__PURE__ */ g(at, [["render", ot], ["__file", "C:/Users/James.Lam
       required: !1
     }
   }
-}, ct = { class: "container" }, dt = { class: "row" }, ut = { class: "col-sm-6" }, ft = { class: "pt-5 pb-3 px-4" }, mt = { class: "col-sm-6 col-md-5 ms-auto" }, ht = ["src"];
-function _t(e, n, t, c, m, a) {
-  return o(), l("div", ct, [
+}, dt = { class: "container" }, ct = { class: "row" }, ut = { class: "col-sm-6" }, ft = { class: "pt-5 pb-3 px-4" }, ht = { class: "col-sm-6 col-md-5 ms-auto" }, mt = ["src"];
+function _t(e, n, t, d, h, a) {
+  return o(), l("div", dt, [
     s("div", {
       class: v("bg-" + t.background + " mb-4")
     }, [
-      s("div", dt, [
+      s("div", ct, [
         s("div", ut, [
           s("div", ft, [
             s("h2", null, w(t.title), 1),
             b(e.$slots, "default")
           ])
         ]),
-        s("div", mt, [
+        s("div", ht, [
           t.image ? (o(), l("img", {
             key: 0,
             src: t.image,
             alt: "",
             class: "h-100 w-100 object-cover"
-          }, null, 8, ht)) : h("v-if", !0)
+          }, null, 8, mt)) : p("", !0)
         ])
       ])
     ], 2)
   ]);
 }
-const Li = /* @__PURE__ */ g(lt, [["render", _t], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Banner/Banner.vue"]]);
-const pt = {
+const Si = /* @__PURE__ */ g(lt, [["render", _t]]);
+const yt = {
   name: "Card",
   props: {
     link: {
@@ -1045,8 +1037,8 @@ const pt = {
     },
     cardContent() {
       return () => {
-        const e = function(m) {
-          switch (m) {
+        const e = function(h) {
+          switch (h) {
             case "Modern method":
               return "bg-secondary text-primary";
             case "Freehold":
@@ -1054,23 +1046,23 @@ const pt = {
             default:
               return "bg-body text-white";
           }
-        }, n = this.details && this.details.tags ? this.details.tags.map((m) => `<span class="badge rounded-pill py-2 px-3 mb-3 me-2 ${e(m)}">${m}</span>`).join("") : "", t = this.title ? `<span class="card-title d-block ${this.titleclass}">${this.title}${this.subtitle ? ` <span class="d-block fw-normal font-body text-body small">${this.subtitle}</span>` : ""}</span>` : "", c = `
+        }, n = this.details && this.details.tags ? this.details.tags.map((h) => `<span class="badge rounded-pill py-2 px-3 mb-3 me-2 ${e(h)}">${h}</span>`).join("") : "", t = this.title ? `<span class="card-title d-block ${this.titleclass}">${this.title}${this.subtitle ? ` <span class="d-block fw-normal font-body text-body small">${this.subtitle}</span>` : ""}</span>` : "", d = `
         ${this.details && this.details.guideprice ? `<span class="d-block h6 text-dark mb-1">Price guide: ${this.details.guideprice}</span>` : ""}
         ${this.details && this.details.auctiontime ? `<span class="d-block h6 text-primary mb-4">Auction time left: ${this.details.auctiontime}</span>` : ""}
         ${this.details && this.details.readtime ? `<span class="d-block h6 text-primary mb-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="23" viewBox="0 0 22 23" class="icon ms-0 me-2"><path d="M11 1.63c-5.176 0-9.37 4.194-9.37 9.37 0 5.176 4.194 9.37 9.37 9.37 5.176 0 9.37-4.194 9.37-9.37 0-5.176-4.194-9.37-9.37-9.37M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0" fill="var(--colour-secondary)" /><path d="M9.62 5.39c0-.473.368-.856.82-.856.454 0 .822.383.822.855v6.27l3.25 1.898c.395.23.536.75.314 1.16-.22.412-.72.558-1.115.328l-4.09-2.39V5.39z" fill="var(--colour-primary)"/></svg>${this.details.readtime}</span>` : ""}
         `;
-        return `${n}${t}${c}${this.content}`;
+        return `${n}${t}${d}${this.content}`;
       };
     }
   }
-}, yt = ["href", "title", "target"], bt = {
+}, pt = ["href", "title", "target"], bt = {
   key: 0,
   class: "card-header__wrapper"
-}, vt = ["src"], gt = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], St = ["src"], $t = ["innerHTML"], At = {
+}, vt = ["src"], gt = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], $t = ["src"], At = ["innerHTML"], St = {
   key: 1,
   class: "card-footer"
 }, xt = { class: "visually-hidden" };
-function Lt(e, n, t, c, m, a) {
+function qt(e, n, t, d, h, a) {
   return o(), l("a", {
     href: t.link,
     class: v("card" + (t.type ? " card--" + t.type : "") + " " + t.cardClass),
@@ -1089,12 +1081,12 @@ function Lt(e, n, t, c, m, a) {
           key: 0,
           class: "badge bg-primary p-2 me-2",
           innerHTML: a.cardStatus()
-        }, null, 8, wt)) : h("v-if", !0),
+        }, null, 8, wt)) : p("", !0),
         this.details && (this.details.images || this.details.videos) ? (o(), l("span", {
           key: 1,
           class: "badge bg-black bg-opacity-50 p-2 align-self-end",
           innerHTML: a.cardMedia()
-        }, null, 8, kt)) : h("v-if", !0)
+        }, null, 8, kt)) : p("", !0)
       ]),
       t.details && t.details.logo ? (o(), l("img", {
         key: 0,
@@ -1102,24 +1094,24 @@ function Lt(e, n, t, c, m, a) {
         alt: "",
         loading: "lazy",
         class: "card-logo"
-      }, null, 8, St)) : h("v-if", !0)
-    ])) : h("v-if", !0),
+      }, null, 8, $t)) : p("", !0)
+    ])) : p("", !0),
     s("div", {
       class: "card-body",
       innerHTML: a.cardContent()
-    }, null, 8, $t),
-    t.hidectatext == !1 ? (o(), l("div", At, [
+    }, null, 8, At),
+    t.hidectatext == !1 ? (o(), l("div", St, [
       s("span", {
         class: v(`${t.btntype == "link" ? "link" : `btn btn-${t.btntype}`} mb-0`)
       }, [
         P(w(t.ctatext), 1),
         s("span", xt, ": " + w(t.title), 1)
       ], 2)
-    ])) : h("v-if", !0)
-  ], 10, yt);
+    ])) : p("", !0)
+  ], 10, pt);
 }
-const R = /* @__PURE__ */ g(pt, [["render", Lt], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/Card/Card.vue"]]);
-const qt = {
+const R = /* @__PURE__ */ g(yt, [["render", qt]]);
+const Lt = {
   components: {
     Card: R
   },
@@ -1176,8 +1168,8 @@ const qt = {
     }
   }
 }, Tt = ["data-card-type"];
-function Ct(e, n, t, c, m, a) {
-  const r = M("Card");
+function Mt(e, n, t, d, h, a) {
+  const r = C("Card");
   return o(), l("div", {
     class: "container card-deck prevent-invert",
     "data-card-type": t.cardtype
@@ -1186,11 +1178,11 @@ function Ct(e, n, t, c, m, a) {
     s("div", {
       class: v(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
     }, [
-      (o(!0), l(A, null, x(t.items, (i, f) => (o(), l("div", {
+      (o(!0), l(S, null, x(t.items, (i, f) => (o(), l("div", {
         class: "col",
         key: f
       }, [
-        $(r, T(i, {
+        A(r, T(i, {
           class: t.cardclass,
           type: t.cardtype,
           btntype: i.btntype ? i.btntype : t.btntype,
@@ -1203,24 +1195,24 @@ function Ct(e, n, t, c, m, a) {
     b(e.$slots, "after")
   ], 8, Tt);
 }
-const Mt = /* @__PURE__ */ g(qt, [["render", Ct], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/CardDeck/CardDeck.vue"]]);
+const Ct = /* @__PURE__ */ g(Lt, [["render", Mt]]);
 function Ht(e) {
   var n;
-  let t = e.querySelector(".carousel__inner"), c = e.querySelectorAll(".carousel__item").length;
+  let t = e.querySelector(".carousel__inner"), d = e.querySelectorAll(".carousel__item").length;
   e.getAttribute("data-cols");
-  let m = e.getAttribute("data-sm-cols"), a = e.getAttribute("data-md-cols");
+  let h = e.getAttribute("data-sm-cols"), a = e.getAttribute("data-md-cols");
   e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(r) {
     clearTimeout(n), n = setTimeout(function() {
-      let i = t.clientWidth, f = t.scrollWidth, S = t.scrollLeft, L = Math.round(S / f * c) + 1, C = e.querySelector(".carousel__item:last-child").offsetLeft;
-      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((U, H) => {
-        U.classList.remove("active");
-      }), e.querySelector(".control-" + L).classList.add("active"), L == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + i > C ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
+      let i = t.clientWidth, f = t.scrollWidth, $ = t.scrollLeft, q = Math.round($ / f * d) + 1, M = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((z, H) => {
+        z.classList.remove("active");
+      }), e.querySelector(".control-" + q).classList.add("active"), q == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + i > M ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
     }, 100);
   }, !1), e.addEventListener("click", function(r) {
     for (var i = r.target; i && i != this; i = i.parentNode)
       if (i.matches(".carousel__controls a")) {
-        r.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((S, L) => {
-          S.classList.remove("active");
+        r.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach(($, q) => {
+          $.classList.remove("active");
         }), i.classList.add("active");
         const f = document.querySelector(i.getAttribute("href"));
         t.scroll({
@@ -1242,9 +1234,9 @@ function Ht(e) {
         });
         break;
       }
-  }, !1), c == 1 && e.classList.add("hide-btns"), m >= c && e.classList.add("hide-sm-btns"), a >= c && e.classList.add("hide-md-btns");
+  }, !1), d == 1 && e.classList.add("hide-btns"), h >= d && e.classList.add("hide-sm-btns"), a >= d && e.classList.add("hide-md-btns");
 }
-let B = Mt.props;
+let B = Ct.props;
 B.gap.default = 0;
 B.cols.default = 1;
 B.smcols.default = 2;
@@ -1280,39 +1272,37 @@ const Nt = {
       Ht(this.$refs.wrapper);
     });
   }
-}, Dt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Bt = { class: "carousel__wrapper" }, Pt = { class: "carousel__inner" }, It = ["id"], Ut = ["innerHTML", "id"], Ft = ["href"], zt = /* @__PURE__ */ s("button", {
+}, Dt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Bt = { class: "carousel__wrapper" }, Pt = { class: "carousel__inner" }, It = ["id"], zt = ["innerHTML", "id"], Vt = ["href"], Ot = /* @__PURE__ */ s("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Vt = /* @__PURE__ */ s("button", {
+}, "Prev", -1), Ft = /* @__PURE__ */ s("button", {
   class: "btn btn-next",
   "data-go": "2"
 }, "Next", -1);
-function Gt(e, n, t, c, m, a) {
-  const r = M("Card");
+function jt(e, n, t, d, h, a) {
+  const r = C("Card");
   return o(), l("div", {
     class: "container carousel",
-    id: "carousel" + m.id,
+    id: "carousel" + h.id,
     ref: "wrapper",
     "data-cols": e.cols,
     "data-sm-cols": e.smcols,
     "data-md-cols": e.mdcols
   }, [
-    b(e.$slots, "default", {}, () => [
-      h(" Use for titles etc ")
-    ]),
+    b(e.$slots, "default"),
     s("div", Bt, [
       s("div", Pt, [
         t.type == "card" ? (o(), l("div", {
           key: 0,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (o(!0), l(A, null, x(e.items, (i, f) => (o(), l("div", {
+          (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("div", {
             class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: f,
-            id: "carousel" + m.id + "slide" + (f + 1)
+            id: "carousel" + h.id + "slide" + (f + 1)
           }, [
-            $(r, T(i, {
+            A(r, T(i, {
               class: e.cardclass,
               type: e.cardtype,
               btnyype: e.btntype,
@@ -1321,35 +1311,35 @@ function Gt(e, n, t, c, m, a) {
               hidectatext: e.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
           ], 10, It))), 128))
-        ], 2)) : h("v-if", !0),
+        ], 2)) : p("", !0),
         t.type != "card" ? (o(), l("div", {
           key: 1,
           class: v(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
         }, [
-          (o(!0), l(A, null, x(e.items, (i, f) => (o(), l("div", {
+          (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("div", {
             class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
             key: f,
             innerHTML: a.content(i),
-            id: "carousel" + m.id + "slide" + (f + 1)
-          }, null, 10, Ut))), 128))
-        ], 2)) : h("v-if", !0)
+            id: "carousel" + h.id + "slide" + (f + 1)
+          }, null, 10, zt))), 128))
+        ], 2)) : p("", !0)
       ]),
       s("div", {
         class: v(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
       }, [
-        (o(!0), l(A, null, x(e.items, (i, f) => (o(), l("a", {
+        (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("a", {
           key: f,
-          href: "#carousel" + m.id + "slide" + (f + 1),
+          href: "#carousel" + h.id + "slide" + (f + 1),
           class: v(`control-${f + 1}`)
-        }, "Slide " + w(f + 1), 11, Ft))), 128))
+        }, "Slide " + w(f + 1), 11, Vt))), 128))
       ], 2),
-      zt,
-      Vt
+      Ot,
+      Ft
     ])
   ], 8, Dt);
 }
-const qi = /* @__PURE__ */ g(Nt, [["render", Gt], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Carousel/Carousel.vue"]]);
-const Ot = {
+const xi = /* @__PURE__ */ g(Nt, [["render", jt]]);
+const Wt = {
   name: "Header",
   props: {
     title: {
@@ -1361,54 +1351,51 @@ const Ot = {
       required: !1
     }
   }
-}, jt = { class: "header-banner" }, Jt = { class: "container" }, Wt = { class: "header-banner__inner" }, Kt = ["innerHTML"], Et = { key: 0 }, Rt = ["srcset"], Zt = /* @__PURE__ */ s("img", {
+}, Kt = { class: "header-banner" }, Ut = { class: "container" }, Gt = { class: "header-banner__inner" }, Zt = ["innerHTML"], Et = { key: 0 }, Rt = ["srcset"], Qt = /* @__PURE__ */ s("img", {
   src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
   alt: ""
 }, null, -1);
-function Qt(e, n, t, c, m, a) {
-  return o(), l("header", jt, [
-    s("div", Jt, [
-      h(" Space for a breadcrumb trail "),
+function Yt(e, n, t, d, h, a) {
+  return o(), l("header", Kt, [
+    s("div", Ut, [
       b(e.$slots, "breadcrumb"),
-      s("div", Wt, [
-        s("h1", { innerHTML: t.title }, null, 8, Kt),
+      s("div", Gt, [
+        s("h1", { innerHTML: t.title }, null, 8, Zt),
         b(e.$slots, "default")
       ])
     ]),
     t.image ? (o(), l("picture", Et, [
-      h(" Actual image only loaded on desktops "),
       s("source", {
         srcset: t.image,
         media: "(min-width: 62em)"
       }, null, 8, Rt),
-      h(" Placeholder image "),
-      Zt
-    ])) : h("v-if", !0)
+      Qt
+    ])) : p("", !0)
   ]);
 }
-const Ti = /* @__PURE__ */ g(Ot, [["render", Qt], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Header/Header.vue"]]);
-function Yt(e) {
+const qi = /* @__PURE__ */ g(Wt, [["render", Yt]]);
+function Jt(e) {
   var n;
-  const t = e.querySelector(".testimonial__images"), c = t.querySelectorAll("img").length;
-  if (c == 1)
+  const t = e.querySelector(".testimonial__images"), d = t.querySelectorAll("img").length;
+  if (d == 1)
     return !1;
   e.classList.add("testimonial--multi");
-  const m = function(a) {
+  const h = function(a) {
     const r = e.querySelector(".btn-next"), i = e.querySelector(".btn-prev");
-    r.setAttribute("data-go", a + 1), i.setAttribute("data-go", a - 1), r.removeAttribute("disabled"), i.removeAttribute("disabled"), a == 1 ? i.setAttribute("disabled", !0) : a == c && r.setAttribute("disabled", !0);
+    r.setAttribute("data-go", a + 1), i.setAttribute("data-go", a - 1), r.removeAttribute("disabled"), i.removeAttribute("disabled"), a == 1 ? i.setAttribute("disabled", !0) : a == d && r.setAttribute("disabled", !0);
   };
   t.addEventListener("scroll", function(a) {
     clearTimeout(n), n = setTimeout(function() {
-      let r = t.scrollWidth, i = t.scrollHeight, f = t.scrollLeft, S = t.scrollTop, L = Math.round(f / r * c) + 1;
-      f == 0 && S != 0 && (L = Math.round(S / i * c) + 1), e.setAttribute("data-show", L), m(L);
+      let r = t.scrollWidth, i = t.scrollHeight, f = t.scrollLeft, $ = t.scrollTop, q = Math.round(f / r * d) + 1;
+      f == 0 && $ != 0 && (q = Math.round($ / i * d) + 1), e.setAttribute("data-show", q), h(q);
     }, 300);
   }, !1), e.addEventListener("click", function(a) {
     for (var r = a.target; r && r != this; r = r.parentNode)
       if (r.matches("[data-go]")) {
-        let i = parseInt(r.getAttribute("data-go")), f = 0, S = 0, L = t.scrollWidth, C = t.scrollHeight;
-        L > C ? S = Math.floor(L * ((i - 1) / c)) : f = Math.floor(C * ((i - 1) / c)), t.scroll({
+        let i = parseInt(r.getAttribute("data-go")), f = 0, $ = 0, q = t.scrollWidth, M = t.scrollHeight;
+        q > M ? $ = Math.floor(q * ((i - 1) / d)) : f = Math.floor(M * ((i - 1) / d)), t.scroll({
           top: f,
-          left: S,
+          left: $,
           behavior: "smooth"
         });
         break;
@@ -1429,7 +1416,7 @@ const Xt = {
     }
   },
   mounted() {
-    Yt(this.$refs.wrapper);
+    Jt(this.$refs.wrapper);
   }
 }, es = {
   class: "container testimonial mb-5",
@@ -1445,8 +1432,8 @@ const Xt = {
     "data-go": "2",
     class: "btn-next"
   }, "Next")
-], -1), rs = { class: "col-md-7" }, os = /* @__PURE__ */ s("h2", null, "What our customers think\u2026", -1), ls = { class: "testimonial__content" }, cs = ["innerHTML"], ds = ["innerHTML"], us = { class: "testimonial__after" }, fs = /* @__PURE__ */ s("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
-function ms(e, n, t, c, m, a) {
+], -1), rs = { class: "col-md-7" }, os = /* @__PURE__ */ s("h2", null, "What our customers think…", -1), ls = { class: "testimonial__content" }, ds = ["innerHTML"], cs = ["innerHTML"], us = { class: "testimonial__after" }, fs = /* @__PURE__ */ s("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
+function hs(e, n, t, d, h, a) {
   return o(), l("div", es, [
     s("div", {
       class: v("bg-" + t.background)
@@ -1454,7 +1441,7 @@ function ms(e, n, t, c, m, a) {
       s("div", ts, [
         s("div", ss, [
           s("div", as, [
-            (o(!0), l(A, null, x(t.items, (r, i) => (o(), l("img", {
+            (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("img", {
               key: i,
               src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
@@ -1466,16 +1453,16 @@ function ms(e, n, t, c, m, a) {
         s("div", rs, [
           os,
           s("div", ls, [
-            (o(!0), l(A, null, x(t.items, (r, i) => (o(), l("blockquote", {
+            (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("blockquote", {
               key: i,
               class: v(r.class)
             }, [
               s("div", {
                 innerHTML: r.quote
-              }, null, 8, cs),
+              }, null, 8, ds),
               s("cite", {
                 innerHTML: r.cite
-              }, null, 8, ds)
+              }, null, 8, cs)
             ], 2))), 128))
           ]),
           s("div", us, [
@@ -1487,8 +1474,8 @@ function ms(e, n, t, c, m, a) {
     ], 2)
   ], 512);
 }
-const Ci = /* @__PURE__ */ g(Xt, [["render", ms], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Testimonial/Testimonial.vue"]]);
-const hs = {
+const Li = /* @__PURE__ */ g(Xt, [["render", hs]]);
+const ms = {
   components: {
     Input: I
   },
@@ -1515,8 +1502,8 @@ const hs = {
       required: !1,
       default() {
         return [
-          { value: "0.25", display: "+\xBC mi" },
-          { value: "0.5", display: "+\xBD mi" },
+          { value: "0.25", display: "+¼ mi" },
+          { value: "0.5", display: "+½ mi" },
           { value: "1", display: "+1 mi" },
           { value: "2", display: "+2 mi" },
           { value: "3", display: "+3 mi" },
@@ -1531,12 +1518,12 @@ const hs = {
       default() {
         return [
           { value: "0", display: "No min" },
-          { value: "50000", display: "\xA350k min" },
-          { value: "75000", display: "\xA375k min" },
-          { value: "100000", display: "\xA3100k min" },
-          { value: "150000", display: "\xA3150k min" },
-          { value: "200000", display: "\xA3200k min" },
-          { value: "250000", display: "\xA3250k min" }
+          { value: "50000", display: "£50k min" },
+          { value: "75000", display: "£75k min" },
+          { value: "100000", display: "£100k min" },
+          { value: "150000", display: "£150k min" },
+          { value: "200000", display: "£200k min" },
+          { value: "250000", display: "£250k min" }
         ];
       }
     },
@@ -1546,12 +1533,12 @@ const hs = {
       default() {
         return [
           { value: "any", display: "No max" },
-          { value: "50000", display: "\xA350k max" },
-          { value: "75000", display: "\xA375k max" },
-          { value: "100000", display: "\xA3100k max" },
-          { value: "150000", display: "\xA3150k max" },
-          { value: "200000", display: "\xA3200k max" },
-          { value: "250000", display: "\xA3250k max" }
+          { value: "50000", display: "£50k max" },
+          { value: "75000", display: "£75k max" },
+          { value: "100000", display: "£100k max" },
+          { value: "150000", display: "£150k max" },
+          { value: "200000", display: "£200k max" },
+          { value: "250000", display: "£250k max" }
         ];
       }
     },
@@ -1637,31 +1624,31 @@ const hs = {
 }, _s = {
   class: "container",
   ref: "wrapper"
-}, ps = { class: "property-searchbar" }, ys = ["action", "method"], bs = { class: "col-12 col-md-3" }, vs = { class: "col-12 col-md" }, gs = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ws = {
+}, ys = { class: "property-searchbar" }, ps = ["action", "method"], bs = { class: "col-12 col-md-3" }, vs = { class: "col-12 col-md" }, gs = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ws = {
   class: "row",
   "data-input-range": ""
-}, ks = { class: "col-12 col-md" }, Ss = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), $s = {
+}, ks = { class: "col-12 col-md" }, $s = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), As = {
   class: "row",
   "data-input-range": ""
-}, As = { class: "col-12 col-md-2" }, xs = /* @__PURE__ */ s("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
+}, Ss = { class: "col-12 col-md-2" }, xs = /* @__PURE__ */ s("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
   /* @__PURE__ */ s("button", {
     class: "btn w-100 me-0",
     type: "submit",
     value: "submit"
   }, "Search")
 ], -1);
-function Ls(e, n, t, c, m, a) {
-  const r = M("Input");
+function qs(e, n, t, d, h, a) {
+  const r = C("Input");
   return o(), l("div", _s, [
     b(e.$slots, "default"),
-    s("div", ps, [
+    s("div", ys, [
       s("form", {
         class: "row",
         action: t.formaction,
         method: t.formmethod
       }, [
         s("fieldset", bs, [
-          $(r, {
+          A(r, {
             inputClass: "input--locations",
             modelValue: a.locationSet,
             "onUpdate:modelValue": n[0] || (n[0] = (i) => a.locationSet = i),
@@ -1673,7 +1660,7 @@ function Ls(e, n, t, c, m, a) {
             onKeyupEvent: n[1] || (n[1] = (i) => a.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          $(r, {
+          A(r, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1684,7 +1671,7 @@ function Ls(e, n, t, c, m, a) {
         s("fieldset", vs, [
           gs,
           s("div", ws, [
-            $(r, {
+            A(r, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1692,7 +1679,7 @@ function Ls(e, n, t, c, m, a) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            $(r, {
+            A(r, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1703,9 +1690,9 @@ function Ls(e, n, t, c, m, a) {
           ])
         ]),
         s("fieldset", ks, [
-          Ss,
-          s("div", $s, [
-            $(r, {
+          $s,
+          s("div", As, [
+            A(r, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1713,7 +1700,7 @@ function Ls(e, n, t, c, m, a) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            $(r, {
+            A(r, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1723,8 +1710,8 @@ function Ls(e, n, t, c, m, a) {
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", As, [
-          $(r, {
+        s("fieldset", Ss, [
+          A(r, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1732,16 +1719,16 @@ function Ls(e, n, t, c, m, a) {
           }, null, 8, ["options"])
         ]),
         xs
-      ], 8, ys)
+      ], 8, ps)
     ]),
     b(e.$slots, "after")
   ], 512);
 }
-const Mi = /* @__PURE__ */ g(hs, [["render", Ls], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/PropertySearchbar/PropertySearchbar.vue"]]), qs = (e) => {
+const Ti = /* @__PURE__ */ g(ms, [["render", qs]]), Ls = (e) => {
   Array.from(e.querySelectorAll("details")).forEach((n, t) => {
-    n.addEventListener("mouseenter", function(c) {
+    n.addEventListener("mouseenter", function(d) {
       window.matchMedia("(min-width: 62em)").matches && n.setAttribute("open", "true");
-    }, !1), n.addEventListener("mouseleave", function(c) {
+    }, !1), n.addEventListener("mouseleave", function(d) {
       window.matchMedia("(min-width: 62em)").matches && n.removeAttribute("open");
     }, !1);
   }), "IntersectionObserver" in window && new IntersectionObserver(
@@ -1823,15 +1810,15 @@ const Ts = {
   },
   mounted() {
     this.$nextTick(function() {
-      qs(this.$refs.wrapper);
+      Ls(this.$refs.wrapper);
     });
   }
-}, Cs = /* @__PURE__ */ s("input", {
+}, Ms = /* @__PURE__ */ s("input", {
   type: "checkbox",
   name: "showMenu",
   id: "showMenu",
   class: "d-none"
-}, null, -1), Ms = /* @__PURE__ */ s("input", {
+}, null, -1), Cs = /* @__PURE__ */ s("input", {
   type: "checkbox",
   name: "showSearch",
   id: "showSearch",
@@ -1847,24 +1834,24 @@ const Ts = {
 }, Is = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Us = {
+}, zs = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Fs = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+}, Vs = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
   /* @__PURE__ */ s("label", { for: "showMenu" }, "Menu")
-], -1), zs = { class: "nav__inner" }, Vs = { class: "container" }, Gs = { class: "row" }, Os = {
+], -1), Os = { class: "nav__inner" }, Fs = { class: "container" }, js = { class: "row" }, Ws = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, js = {
+}, Ks = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Js = {
+}, Us = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, Ws = {
+}, Gs = {
   key: 2,
   class: "col mw-fit-content nav__search-btn flex-row align-items-center"
-}, Ks = /* @__PURE__ */ s("label", { for: "showSearch" }, [
+}, Zs = /* @__PURE__ */ s("label", { for: "showSearch" }, [
   /* @__PURE__ */ s("svg", {
     class: "icon",
     viewBox: "0 0 32 32"
@@ -1886,13 +1873,13 @@ const Ts = {
     })
   ])
 ], -1), Es = [
-  Ks
+  Zs
 ], Rs = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
   /* @__PURE__ */ s("label", { for: "showMenu" }, "Menu")
-], -1), Zs = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Qs = {
+], -1), Qs = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ys = {
   key: 3,
   class: "col nav__account-btn flex-row align-items-center"
-}, Ys = /* @__PURE__ */ s("label", { for: "showAccount" }, [
+}, Js = /* @__PURE__ */ s("label", { for: "showAccount" }, [
   /* @__PURE__ */ s("svg", {
     class: "icon",
     viewBox: "0 0 28 28"
@@ -1908,7 +1895,7 @@ const Ts = {
   ]),
   /* @__PURE__ */ s("span", null, "My account")
 ], -1), Xs = [
-  Ys
+  Js
 ], ea = {
   key: 4,
   class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
@@ -1921,7 +1908,7 @@ const Ts = {
 }, na = { class: "bg-gradient pt-4" }, ra = { class: "container" }, oa = {
   key: 0,
   class: "nav__menu--account"
-}, la = { class: "container" }, ca = { class: "row mb-4" }, da = {
+}, la = { class: "container" }, da = { class: "row mb-4" }, ca = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
 }, ua = {
@@ -1930,27 +1917,26 @@ const Ts = {
 }, fa = {
   href: "/",
   class: "text-decoration-none mb-0"
-}, ma = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+}, ha = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
   /* @__PURE__ */ s("label", { for: "showAccount" }, "Account")
-], -1), ha = { class: "container" }, _a = /* @__PURE__ */ s("span", { class: "nav__bg" }, null, -1);
-function pa(e, n, t, c, m, a) {
-  const r = M("Logo");
+], -1), ma = { class: "container" }, _a = /* @__PURE__ */ s("span", { class: "nav__bg" }, null, -1);
+function ya(e, n, t, d, h, a) {
+  const r = C("Logo");
   return o(), l("nav", {
     class: v(`nav${a.hasSecondarySlot ? " has-secondary" : ""}`),
     ref: "wrapper"
   }, [
-    Cs,
     Ms,
+    Cs,
     Hs,
-    h(" Mobile bar "),
     s("div", Ns, [
       s("div", Ds, [
         s("div", Bs, [
           a.hasLogoSlot ? (o(), l("div", Ps, [
             b(e.$slots, "logo")
           ])) : (o(), l("div", Is, [
-            s("a", Us, [
-              $(r, {
+            s("a", zs, [
+              A(r, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1958,18 +1944,18 @@ function pa(e, n, t, c, m, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          Fs
+          Vs
         ])
       ])
     ]),
-    s("div", zs, [
-      s("div", Vs, [
-        s("div", Gs, [
-          a.hasLogoSlot ? (o(), l("div", Os, [
+    s("div", Os, [
+      s("div", Fs, [
+        s("div", js, [
+          a.hasLogoSlot ? (o(), l("div", Ws, [
             b(e.$slots, "logo")
-          ])) : (o(), l("div", js, [
-            s("a", Js, [
-              $(r, {
+          ])) : (o(), l("div", Ks, [
+            s("a", Us, [
+              A(r, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1977,43 +1963,42 @@ function pa(e, n, t, c, m, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          a.hasSearchSlot ? (o(), l("div", Ws, Es)) : h("v-if", !0),
+          a.hasSearchSlot ? (o(), l("div", Gs, Es)) : p("", !0),
           Rs,
-          h(" Main menu "),
-          s("div", Zs, [
+          s("div", Qs, [
             b(e.$slots, "default")
           ]),
-          a.hasAccountSlot ? (o(), l("div", Qs, Xs)) : h("v-if", !0),
+          a.hasAccountSlot ? (o(), l("div", Ys, Xs)) : p("", !0),
           t.btnlink ? (o(), l("div", ea, [
             s("a", {
               href: t.btnlink,
               class: "btn me-0",
               innerHTML: t.btntext
             }, null, 8, ta)
-          ])) : h("v-if", !0)
+          ])) : p("", !0)
         ])
       ]),
       a.hasSecondarySlot ? (o(), l("div", sa, [
         s("div", aa, [
           b(e.$slots, "secondary")
         ])
-      ])) : h("v-if", !0),
+      ])) : p("", !0),
       a.hasSearchSlot ? (o(), l("div", ia, [
         s("div", na, [
           s("div", ra, [
             b(e.$slots, "search")
           ])
         ])
-      ])) : h("v-if", !0)
+      ])) : p("", !0)
     ]),
     a.hasAccountSlot ? (o(), l("div", oa, [
       s("div", la, [
-        s("div", ca, [
-          a.hasLogoSlot ? (o(), l("div", da, [
+        s("div", da, [
+          a.hasLogoSlot ? (o(), l("div", ca, [
             b(e.$slots, "logo")
           ])) : (o(), l("div", ua, [
             s("a", fa, [
-              $(r, {
+              A(r, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -2021,20 +2006,20 @@ function pa(e, n, t, c, m, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          ma
+          ha
         ])
       ]),
-      s("div", ha, [
+      s("div", ma, [
         b(e.$slots, "account")
       ])
-    ])) : h("v-if", !0),
+    ])) : p("", !0),
     _a
   ], 2);
 }
-const Hi = /* @__PURE__ */ g(Ts, [["render", pa], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Nav/Nav.vue"]]), ya = (e) => {
+const Mi = /* @__PURE__ */ g(Ts, [["render", ya]]), pa = (e) => {
   const n = new IntersectionObserver(
-    function([c]) {
-      c.target.classList.toggle("in-view", c.intersectionRatio > 0), document.getElementById("showDrawer").checked = !1;
+    function([d]) {
+      d.target.classList.toggle("in-view", d.intersectionRatio > 0), document.getElementById("showDrawer").checked = !1;
     },
     { threshold: [1] }
   ), t = document.getElementById("drawer-end");
@@ -2053,7 +2038,7 @@ const ba = {
       let e = this.$refs.wrapper;
       const n = document.createDocumentFragment();
       Array.from(e.childNodes).forEach((t) => n.appendChild(t)), e.parentNode.insertBefore(n, e), e.parentNode.removeChild(e), this.$nextTick(function() {
-        ya(this.$refs.drawer);
+        pa(this.$refs.drawer);
       });
     });
   }
@@ -2062,43 +2047,43 @@ const ba = {
   name: "showDrawer",
   id: "showDrawer",
   class: "d-none"
-}, null, -1), wa = { class: "drawer__btn pb-0" }, ka = { class: "container text-end pb-0" }, Sa = {
+}, null, -1), wa = { class: "drawer__btn pb-0" }, ka = { class: "container text-end pb-0" }, $a = {
   for: "showDrawer",
   class: "btn btn-secondary me-0"
-}, $a = {
+}, Aa = {
   class: "drawer",
   id: "drawer",
   ref: "drawer"
-}, Aa = /* @__PURE__ */ s("div", { class: "container text-end pb-0" }, [
+}, Sa = /* @__PURE__ */ s("div", { class: "container text-end pb-0" }, [
   /* @__PURE__ */ s("label", {
     for: "showDrawer",
     class: "btn btn-tertiary mb-0 me-0 py-1 px-2"
   }, [
     /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close"),
-    /* @__PURE__ */ P("\u2715")
+    /* @__PURE__ */ P("✕")
   ])
 ], -1), xa = /* @__PURE__ */ s("hr", { id: "drawer-end" }, null, -1);
-function La(e, n, t, c, m, a) {
+function qa(e, n, t, d, h, a) {
   return o(), l("div", va, [
     ga,
     s("div", wa, [
       s("div", ka, [
-        s("label", Sa, w(t.label), 1)
+        s("label", $a, w(t.label), 1)
       ])
     ]),
-    s("div", $a, [
-      Aa,
+    s("div", Aa, [
+      Sa,
       b(e.$slots, "default")
     ], 512),
     xa
   ], 512);
 }
-const Ni = /* @__PURE__ */ g(ba, [["render", La], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Drawer/Drawer.vue"]]), qa = (e) => {
-  const n = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = n[0], c = n[n.length - 1], m = e.getAttribute("id"), a = function() {
+const Ci = /* @__PURE__ */ g(ba, [["render", qa]]), La = (e) => {
+  const n = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = n[0], d = n[n.length - 1], h = e.getAttribute("id"), a = function() {
     document.querySelector('[href="' + window.location.hash + '"]').focus(), window.location.hash = "close", history.replaceState("", document.title, window.location.pathname + window.location.search), typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
   };
   e.addEventListener("keydown", function(i) {
-    i.key === "Tab" && i.shiftKey && document.activeElement == t ? (i.preventDefault(), c.focus()) : i.key === "Tab" && !i.shiftKey && document.activeElement == c && (i.preventDefault(), t.focus());
+    i.key === "Tab" && i.shiftKey && document.activeElement == t ? (i.preventDefault(), d.focus()) : i.key === "Tab" && !i.shiftKey && document.activeElement == d && (i.preventDefault(), t.focus());
   }), document.addEventListener("keydown", function(i) {
     i.key === "Escape" && document.querySelector(".modal:target") && a();
   }), e.addEventListener("click", function(i) {
@@ -2115,7 +2100,7 @@ const Ni = /* @__PURE__ */ g(ba, [["render", La], ["__file", "C:/Users/James.Lam
       }
   });
   function r() {
-    if (location.hash === "#" + m) {
+    if (location.hash === "#" + h) {
       console.log("Modal is now open");
       const i = document.querySelector(".modal:target .modal__inner > .youtube-embed:first-child:last-child a");
       console.log(i), i && i.click();
@@ -2138,22 +2123,19 @@ const Ta = {
   },
   mounted() {
     this.$nextTick(function() {
-      qa(this.$refs.modal);
+      La(this.$refs.modal);
     });
   }
-}, Ca = ["id"], Ma = ["href"], Ha = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Na = [
+}, Ma = ["id"], Ca = ["href"], Ha = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Na = [
   Ha
-], Da = { class: "modal__outer" }, Ba = ["href"], Pa = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Ia = /* @__PURE__ */ P("\u2715"), Ua = [
-  Pa,
-  Ia
-], Fa = { class: "modal__inner" }, za = /* @__PURE__ */ s("button", {
+], Da = { class: "modal__outer" }, Ba = ["href"], Pa = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Ia = { class: "modal__inner" }, za = /* @__PURE__ */ s("button", {
   class: "modal__dock--left btn btn-prev",
   tabindex: "-1"
 }, "Left", -1), Va = /* @__PURE__ */ s("button", {
   class: "modal__dock--right btn btn-next",
   tabindex: "-1"
 }, "Right", -1);
-function Ga(e, n, t, c, m, a) {
+function Oa(e, n, t, d, h, a) {
   return o(), l("div", {
     class: "modal",
     id: t.id,
@@ -2164,22 +2146,25 @@ function Ga(e, n, t, c, m, a) {
     s("a", {
       href: `#${t.returnid ? t.returnid : ""}`,
       tabindex: "-1"
-    }, Na, 8, Ma),
+    }, Na, 8, Ca),
     s("div", Da, [
       s("a", {
         href: `#${t.returnid ? t.returnid : ""}`,
         class: "btn btn-tertiary py-1 px-2"
-      }, Ua, 8, Ba),
-      s("div", Fa, [
+      }, [
+        Pa,
+        P("✕")
+      ], 8, Ba),
+      s("div", Ia, [
         b(e.$slots, "default")
       ])
     ]),
     za,
     Va
-  ], 8, Ca);
+  ], 8, Ma);
 }
-const Di = /* @__PURE__ */ g(Ta, [["render", Ga], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Modal/Modal.vue"]]);
-const Oa = {
+const Hi = /* @__PURE__ */ g(Ta, [["render", Oa]]);
+const Fa = {
   name: "Stepper",
   props: {
     label: {
@@ -2192,27 +2177,25 @@ const Oa = {
       default: "Complete"
     }
   }
-}, ja = { class: "container" }, Ja = ["aria-label"], Wa = {
+}, ja = { class: "container" }, Wa = ["aria-label"], Ka = {
   key: 0,
   class: "h6 stepper__start"
-}, Ka = { class: "list-unstyled" }, Ea = { class: "h6 stepper__end" };
-function Ra(e, n, t, c, m, a) {
+}, Ua = { class: "list-unstyled" }, Ga = { class: "h6 stepper__end" };
+function Za(e, n, t, d, h, a) {
   return o(), l("div", ja, [
     s("nav", {
       class: "stepper",
       "aria-label": t.label ? t.label : "Progress"
     }, [
-      t.label ? (o(), l("span", Wa, w(t.label), 1)) : h("v-if", !0),
-      s("ol", Ka, [
-        b(e.$slots, "default", {}, () => [
-          h(" Use for titles etc ")
-        ])
+      t.label ? (o(), l("span", Ka, w(t.label), 1)) : p("", !0),
+      s("ol", Ua, [
+        b(e.$slots, "default")
       ]),
-      s("span", Ea, w(t.endlabel), 1)
-    ], 8, Ja)
+      s("span", Ga, w(t.endlabel), 1)
+    ], 8, Wa)
   ]);
 }
-const Bi = /* @__PURE__ */ g(Oa, [["render", Ra], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Stepper/Stepper.vue"]]), Za = {
+const Ni = /* @__PURE__ */ g(Fa, [["render", Za]]), Ea = {
   name: "Stepper",
   props: {
     url: {
@@ -2228,11 +2211,11 @@ const Bi = /* @__PURE__ */ g(Oa, [["render", Ra], ["__file", "C:/Users/James.Lam
       required: !1
     }
   }
-}, Qa = ["href", "aria-current"], Ya = {
+}, Ra = ["href", "aria-current"], Qa = {
   key: 0,
   class: "visually-hidden"
 };
-function Xa(e, n, t, c, m, a) {
+function Ya(e, n, t, d, h, a) {
   return o(), l("li", null, [
     s("a", {
       href: t.url,
@@ -2242,12 +2225,12 @@ function Xa(e, n, t, c, m, a) {
       s("span", null, [
         b(e.$slots, "default")
       ]),
-      t.status ? (o(), l("em", Ya, " - status: " + w(t.status), 1)) : h("v-if", !0)
-    ], 10, Qa)
+      t.status ? (o(), l("em", Qa, " - status: " + w(t.status), 1)) : p("", !0)
+    ], 10, Ra)
   ]);
 }
-const Pi = /* @__PURE__ */ g(Za, [["render", Xa], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Stepper/Step.vue"]]);
-const ei = {
+const Di = /* @__PURE__ */ g(Ea, [["render", Ya]]);
+const Ja = {
   name: "Tabs",
   data() {
     return {
@@ -2259,12 +2242,12 @@ const ei = {
       return () => {
         const e = [];
         let n = 1;
-        for (const [t, c] of Object.entries(this.$slots.default()))
-          if (c.props && c.props.title) {
-            let m = c.props.title, a = {
+        for (const [t, d] of Object.entries(this.$slots.default()))
+          if (d.props && d.props.title) {
+            let h = d.props.title, a = {
               name: this.tabsID,
               id: this.tabsID + "_tab" + n++,
-              tabTitle: m
+              tabTitle: h
             };
             e.push(a);
           }
@@ -2275,17 +2258,17 @@ const ei = {
   methods: {
     openTab: function(e) {
       let n = 0;
-      for (const [t, c] of Object.entries(this.$slots.default()))
-        c.props && c.props.title && (n == e && (console.log(c), c.type.data().show = !0), n++);
+      for (const [t, d] of Object.entries(this.$slots.default()))
+        d.props && d.props.title && (n == e && (console.log(d), d.type.data().show = !0), n++);
     }
   }
-}, ti = {
+}, Xa = {
   class: "container tabs__container",
   ref: "wrapper"
-}, si = ["data-key", "name", "id", "checked"], ai = { class: "tabs__links" }, ii = ["for", "onClick"], ni = { class: "tabs" };
-function ri(e, n, t, c, m, a) {
-  return o(), l("div", ti, [
-    (o(!0), l(A, null, x(a.tabLinks(), (r, i) => (o(), l("input", {
+}, ei = ["data-key", "name", "id", "checked"], ti = { class: "tabs__links" }, si = ["for", "onClick"], ai = { class: "tabs" };
+function ii(e, n, t, d, h, a) {
+  return o(), l("div", Xa, [
+    (o(!0), l(S, null, x(a.tabLinks(), (r, i) => (o(), l("input", {
       type: "radio",
       class: "tab__input",
       key: i,
@@ -2293,21 +2276,21 @@ function ri(e, n, t, c, m, a) {
       name: r.name,
       id: r.id,
       checked: i == 0
-    }, null, 8, si))), 128)),
-    s("div", ai, [
-      (o(!0), l(A, null, x(a.tabLinks(), (r, i) => (o(), l("label", {
+    }, null, 8, ei))), 128)),
+    s("div", ti, [
+      (o(!0), l(S, null, x(a.tabLinks(), (r, i) => (o(), l("label", {
         key: i,
         for: r.id,
         class: "link",
         onClick: (f) => a.openTab(i)
-      }, w(r.tabTitle), 9, ii))), 128))
+      }, w(r.tabTitle), 9, si))), 128))
     ]),
-    s("div", ni, [
+    s("div", ai, [
       b(e.$slots, "default")
     ])
   ], 512);
 }
-const Ii = /* @__PURE__ */ g(ei, [["render", ri], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Tabs/Tabs.vue"]]), oi = {
+const Bi = /* @__PURE__ */ g(Ja, [["render", ii]]), ni = {
   name: "Tab",
   props: {
     title: {
@@ -2329,20 +2312,20 @@ const Ii = /* @__PURE__ */ g(ei, [["render", ri], ["__file", "C:/Users/James.Lam
       console.log(e);
     }
   }
-}, li = {
+}, ri = {
   key: 0,
   class: "tab"
 };
-function ci(e, n, t, c, m, a) {
-  return m.show ? (o(), l("div", li, [
+function oi(e, n, t, d, h, a) {
+  return h.show ? (o(), l("div", ri, [
     b(e.$slots, "default")
-  ])) : h("v-if", !0);
+  ])) : p("", !0);
 }
-const Ui = /* @__PURE__ */ g(oi, [["render", ci], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Tabs/Tab.vue"]]);
-function di(e) {
+const Pi = /* @__PURE__ */ g(ni, [["render", oi]]);
+function li(e) {
   if (e.addEventListener("click", function(t) {
-    for (var c = t.target; c && c != this; c = c.parentNode)
-      if (c.matches(".btn-close")) {
+    for (var d = t.target; d && d != this; d = d.parentNode)
+      if (d.matches(".btn-close")) {
         t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
           e.remove();
         }, 300);
@@ -2364,7 +2347,7 @@ function di(e) {
   let n = document.querySelector(".alert__holder");
   e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && n.appendChild(e);
 }
-const ui = {
+const di = {
   name: "Alert",
   props: {
     dismissible: {
@@ -2383,16 +2366,16 @@ const ui = {
     }
   },
   mounted() {
-    di(this.$refs.wrapper);
+    li(this.$refs.wrapper);
   }
-}, fi = ["data-timeout"], mi = {
+}, ci = ["data-timeout"], ui = {
   key: 0,
   type: "button",
   class: "btn-close",
   "data-bs-dismiss": "alert",
   "aria-label": "Close"
 };
-function hi(e, n, t, c, m, a) {
+function fi(e, n, t, d, h, a) {
   return o(), l("div", {
     class: v(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
     ref: "wrapper",
@@ -2403,15 +2386,15 @@ function hi(e, n, t, c, m, a) {
       class: v(`alert__inner bg-${t.colour}`),
       role: "alert"
     }, [
-      t.dismissible ? (o(), l("button", mi)) : h("v-if", !0),
+      t.dismissible ? (o(), l("button", ui)) : p("", !0),
       b(e.$slots, "default")
     ], 2)
-  ], 14, fi);
+  ], 14, ci);
 }
-const Fi = /* @__PURE__ */ g(ui, [["render", hi], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Alert/Alert.vue"]]);
-let Z = E.props;
-Z.fields.required = !1;
-const _i = {
+const Ii = /* @__PURE__ */ g(di, [["render", fi]]);
+let Q = E.props;
+Q.fields.required = !1;
+const hi = {
   components: {
     Table: E,
     Input: I
@@ -2419,16 +2402,17 @@ const _i = {
   data() {
     return {
       itemsData: [...this.items]
+      // Redefine data to avoid bleeding of data to other components
     };
   },
   methods: {
     submitForm: function(e) {
       console.log(this);
       const n = new FormData(e.target);
-      let t = new Date();
-      const c = t.getFullYear();
-      let m = t.getMonth() + 1, a = t.getDate();
-      a < 10 && (a = "0" + a), m < 10 && (m = "0" + m), t = a + "/" + m + "/" + c, this.itemsData.unshift({
+      let t = /* @__PURE__ */ new Date();
+      const d = t.getFullYear();
+      let h = t.getMonth() + 1, a = t.getDate();
+      a < 10 && (a = "0" + a), h < 10 && (h = "0" + h), t = a + "/" + h + "/" + d, this.itemsData.unshift({
         date_added: t,
         user: n.get("user"),
         note: n.get("addNote")
@@ -2441,7 +2425,7 @@ const _i = {
       type: String,
       required: !0
     },
-    ...Z,
+    ...Q,
     title: {
       type: String,
       required: !1
@@ -2456,18 +2440,18 @@ const _i = {
       required: !1
     }
   }
-}, pi = { class: "container note-feed mb-2" }, yi = ["innerHTML"], bi = ["action", "method"], vi = ["value"], gi = /* @__PURE__ */ s("button", { class: "btn btn-tertiary" }, "Submit note", -1);
-function wi(e, n, t, c, m, a) {
-  const r = M("Table"), i = M("Input");
-  return o(), l("div", pi, [
+}, mi = { class: "container note-feed mb-2" }, _i = ["innerHTML"], yi = ["action", "method"], pi = ["value"], bi = /* @__PURE__ */ s("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function vi(e, n, t, d, h, a) {
+  const r = C("Table"), i = C("Input");
+  return o(), l("div", mi, [
     t.title ? (o(), l("span", {
       key: 0,
       class: "h3",
       innerHTML: t.title
-    }, null, 8, yi)) : h("v-if", !0),
-    $(r, T({
+    }, null, 8, _i)) : p("", !0),
+    A(r, T({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
-      items: m.itemsData
+      items: h.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
     s("form", {
       action: t.action,
@@ -2478,41 +2462,41 @@ function wi(e, n, t, c, m, a) {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, vi),
-      $(i, {
+      }, null, 8, pi),
+      A(i, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
         required: "",
         class: "mw-100"
       }),
-      gi
-    ], 40, bi)
+      bi
+    ], 40, yi)
   ]);
 }
-const zi = /* @__PURE__ */ g(_i, [["render", wi], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/NoteFeed/NoteFeed.vue"]]);
+const zi = /* @__PURE__ */ g(hi, [["render", vi]]);
 export {
-  Ai as Accordion,
-  xi as AccordionItem,
-  Fi as Alert,
-  Li as Banner,
+  $i as Accordion,
+  Ai as AccordionItem,
+  Ii as Alert,
+  Si as Banner,
   R as Card,
-  Mt as CardDeck,
-  qi as Carousel,
-  Ni as Drawer,
-  $i as FileUploads,
-  Ti as Header,
+  Ct as CardDeck,
+  xi as Carousel,
+  Ci as Drawer,
+  ki as FileUploads,
+  qi as Header,
   re as Icon,
   I as Input,
   ue as Logo,
-  Di as Modal,
-  Hi as Nav,
+  Hi as Modal,
+  Mi as Nav,
   zi as NoteFeed,
-  Mi as PropertySearchbar,
-  Pi as Step,
-  Bi as Stepper,
-  Ui as Tab,
+  Ti as PropertySearchbar,
+  Di as Step,
+  Ni as Stepper,
+  Pi as Tab,
   E as Table,
-  Ii as Tabs,
-  Ci as Testimonial
+  Bi as Tabs,
+  Li as Testimonial
 };