@iamproperty/components 3.0.0 → 3.2.0

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 S, 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 A, 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 m, Fragment as $, renderList as x, renderSlot as b, withDirectives as N, mergeProps as T, vModelDynamic as z, vModelText as J, vModelSelect as X, resolveComponent as C, createVNode as A, createTextVNode as j, 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 [c, h] of n)
+    t[c] = 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, c, 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], ["__file", "/Users/james/workspace/work/component-library/src/foundations/Icon/Icon.vue"]]), oe = {
   name: "Logo",
   props: {
     id: {
@@ -53,7 +53,7 @@ const re = /* @__PURE__ */ g(se, [["render", ne], ["__file", "C:/Users/James.Lam
     }
   }
 }, le = ["xlink:href"], ce = ["innerHTML"];
-function de(e, n, t, c, m, a) {
+function de(e, n, t, c, h, a) {
   return o(), l("div", {
     class: v(a.className)
   }, [
@@ -66,35 +66,35 @@ 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, ce)) : m("v-if", !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", de], ["__file", "/Users/james/workspace/work/component-library/src/foundations/Logo/Logo.vue"]]), O = (e) => e.charAt(0).toUpperCase() + e.slice(1), W = (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) {
+}, me = function(e) {
   return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
 }, _e = (e, n) => String(e).padStart(n, "0");
-function K(e) {
+function E(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"), c = 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 $ = function(_, u) {
+  const S = function(_, u) {
     let d = [];
-    Array.from(t.querySelectorAll("tr")).forEach((y, q) => {
+    Array.from(t.querySelectorAll("tr")).forEach((y, L) => {
       let k = y.querySelector('td[data-label="' + _ + '"], th[data-label="' + _ + '"]').textContent;
-      he(k) && (k = _e(k, 10));
-      const z = {
+      me(k) && (k = _e(k, 10));
+      const F = {
         index: k,
         row: y
       };
-      d.push(z);
-    }), d.sort((y, q) => y.index > q.index ? 1 : -1), u == "descending" && (d = d.reverse());
+      d.push(F);
+    }), d.sort((y, L) => y.index > L.index ? 1 : -1), u == "descending" && (d = d.reverse());
     let p = "";
-    d.forEach((y, q) => {
+    d.forEach((y, L) => {
       p += y.row.outerHTML;
-    }), t.innerHTML = p, e.dispatchEvent(m);
+    }), t.innerHTML = p, e.dispatchEvent(h);
   };
   if (e.addEventListener("click", function(_) {
     for (var u = _.target; u && u != this; u = u.parentNode)
@@ -102,7 +102,7 @@ function K(e) {
         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), $(u.textContent, d), Array.from(e.querySelectorAll("tr[draggable]")).forEach((p, y) => {
+        }), 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");
         });
         break;
@@ -113,17 +113,17 @@ function K(e) {
       u.textContent == e.getAttribute("data-sortBy") && (u.setAttribute("aria-sort", _), u.click());
     });
   }
-  const L = function(_) {
+  const q = function(_) {
     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;
+    d.forEach((k, F) => {
+      Array.from(e.querySelectorAll('td[data-label="' + k.textContent + '"]')).forEach((V, gi) => {
+        p[V.textContent] = V.textContent;
       });
     });
-    const y = d.length == 1 ? "Filter by " + d[0].textContent : "Filter", q = d.length == 1 ? "d-none" : "d-sm-flex";
+    const y = d.length == 1 ? "Filter by " + d[0].textContent : "Filter", L = d.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>
@@ -133,16 +133,16 @@ function K(e) {
     ${Object.keys(p).map((k) => `<option value="${k}"></option>`).join("")}
   </datalist>
 </div>
-<div class="col-md-8 align-items-center pb-3 ${q}">
+<div class="col-md-8 align-items-center pb-3 ${L}">
   ${'<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>`, e.prepend(u);
-  }, C = function(_) {
+  }, M = function(_) {
     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) {
+      let L = "";
+      if (Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((k, F) => {
+        L += p.querySelector('td[data-label="' + k.textContent + '"]').textContent + " | ";
+      }), L.indexOf(_) >= 0) {
         const k = { row: p };
         u.push(k);
       }
@@ -151,37 +151,37 @@ function K(e) {
     u.forEach((p, y) => {
       d += p.row.outerHTML;
     }), t.innerHTML = d, e.dispatchEvent(a);
-  }, U = function() {
+  }, I = function() {
     let _ = [];
     Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((p, y) => {
       _.push(p.textContent);
     });
     let u = [];
     _.forEach((p, y) => {
-      Array.from(e.querySelectorAll('td[data-label="' + p + '"]')).forEach((q, k) => {
-        u[q.textContent] = q.textContent;
+      Array.from(e.querySelectorAll('td[data-label="' + p + '"]')).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("");
   };
-  Array.from(e.querySelectorAll("[data-filterable]")).length && (L(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(_) {
+  Array.from(e.querySelectorAll("[data-filterable]")).length && (q(e, Array.from(e.querySelectorAll("[data-filterable]")).length), e.addEventListener("keyup", function(_) {
     for (var u = _.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="search"]')) {
         const d = u.value;
-        C(d);
+        M(d);
       }
   }), e.addEventListener("change", function(_) {
     for (var u = _.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="search"]')) {
         const d = u.value;
-        C(d);
+        M(d);
       }
   }), e.addEventListener("change", function(_) {
     for (var u = _.target; u && u != this; u = u.parentNode)
       if (u.matches('input[type="checkbox"]')) {
         const d = e.querySelector('input[type="search"]').value;
-        C(d), U();
+        M(d), I();
       }
   }));
   const H = function(_, u) {
@@ -209,7 +209,7 @@ function K(e) {
   };
   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) {
+    _ < d && (H(_, u), K(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) {
@@ -220,26 +220,26 @@ function K(e) {
         y.matches(".table__pagination select") && (H(e.getAttribute("data-show"), y.value), D(i, e, e.getAttribute("data-show"), y.value, d));
     }));
   }
-  function Q(_) {
+  function Y(_) {
     _.dataTransfer.setData("text/plain", _.target.id), f = _.target, _.target.classList.add("tr--dragging");
   }
-  const F = function() {
+  const U = 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);
       }
-      _.setAttribute("id", i + "_row_" + (u + 1)), _.setAttribute("data-order", u + 1), _.setAttribute("draggable", "true"), _.addEventListener("dragstart", Q);
+      _.setAttribute("id", i + "_row_" + (u + 1)), _.setAttribute("data-order", u + 1), _.setAttribute("draggable", "true"), _.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) {
+    _.innerHTML = "Order", _.title = "Click here to enable re-ordering via drag and drop", _.classList.add("table-order-reset"), n.querySelector("tr").prepend(_), U(), 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"), $("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((p, y) => {
+          }), e.removeAttribute("data-sort"), e.removeAttribute("data-sortBy"), S("Order", "ascending"), Array.from(e.querySelectorAll("tbody tr")).forEach((p, y) => {
             p.setAttribute("draggable", "true");
           });
           break;
@@ -266,43 +266,43 @@ function K(e) {
     }, !1);
   }
   e.addEventListener("filtered", function(_) {
-    if (e.getAttribute("data-sortBy") && e.getAttribute("data-sort") && $(e.getAttribute("data-sortBy"), e.getAttribute("data-sort")), e.getAttribute("data-show")) {
+    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));
+      p != null && p.remove(), u < d && (H(u, 1), K(i, e, u, 1, d), D(i, e, u, 1, d));
     }
-    e.getAttribute("data-reorder") && F();
+    e.getAttribute("data-reorder") && U();
   }, !1), e.addEventListener("sorted", function(_) {
-    e.getAttribute("data-reorder") && F();
+    e.getAttribute("data-reorder") && U();
   }, !1), e.addEventListener("populated", function(_) {
     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);
+    e.parentNode.replaceChild(p, e), E(p);
   }, !1);
 }
-const J = function(e, n, t, c, m) {
+const K = function(e, n, t, c, 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, c, 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) {
@@ -327,7 +327,7 @@ ${i}
     `;
   }
 };
-let W = function(e) {
+let G = function(e) {
   return typeof e != "string" ? e : (e = e.replace("\xA3", ""), e = e.replace("%", ""), Number.isNaN(Number.parseFloat(e)) ? 0 : Number.parseFloat(e));
 };
 const pe = {
@@ -368,15 +368,15 @@ const pe = {
   },
   computed: {
     cellHeading() {
-      return (e) => `${O(j(e))}`;
+      return (e) => `${O(W(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) {
+      E(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 +386,16 @@ const pe = {
   updated() {
     this.$nextTick(function() {
       let e = this.$refs.wrapper.querySelector("tbody"), n = "";
-      this.items.forEach((c, m) => {
+      this.items.forEach((c, h) => {
         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>`;
+        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(W(r))}" data-numeric="${G(c[r])}">${c[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 $e(e, n, t, c, m, a) {
+function Se(e, n, t, c, h, a) {
   return o(), l("div", {
     class: "table__wrapper",
     ref: "wrapper",
@@ -410,31 +410,31 @@ function $e(e, n, t, c, m, a) {
         s("tr", {
           class: v(t.headingclass)
         }, [
-          (o(!0), l(S, null, x(t.fields, (r) => (o(), l("th", {
+          (o(!0), l($, 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),
+      ])) : m("v-if", !0),
       t.items ? (o(), l("tbody", ge, [
-        (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("tr", {
+        (o(!0), l($, null, x(t.items, (r, i) => (o(), l("tr", {
           key: i,
           "data-row-id": r.rowid
         }, [
-          (o(!0), l(S, null, x(Object.fromEntries(Object.entries(r).filter(([f]) => f !== "rowid")), (f, $) => (o(), l("td", {
-            key: $,
+          (o(!0), l($, null, x(Object.fromEntries(Object.entries(r).filter(([f]) => f !== "rowid")), (f, S) => (o(), l("td", {
+            key: S,
             innerHTML: f,
-            "data-label": a.cellHeading($),
+            "data-label": a.cellHeading(S),
             "data-numeric": a.numericValue(f)
           }, null, 8, ke))), 128))
         ], 8, we))), 128))
-      ])) : h("v-if", !0)
+      ])) : m("v-if", !0)
     ]),
     b(e.$slots, "default")
   ], 8, ye);
 }
-const E = /* @__PURE__ */ g(pe, [["render", $e], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/Table/Table.vue"]]), Ae = {
+const R = /* @__PURE__ */ g(pe, [["render", Se], ["__file", "/Users/james/workspace/work/component-library/src/elements/Table/Table.vue"]]), Ae = {
   name: "Input",
   props: {
     value: {
@@ -505,6 +505,10 @@ const E = /* @__PURE__ */ g(pe, [["render", $e], ["__file", "C:/Users/James.Lamb
     hint: {
       type: String,
       required: !1
+    },
+    multiple: {
+      type: String,
+      required: !1
     }
   },
   computed: {
@@ -614,14 +618,14 @@ const E = /* @__PURE__ */ g(pe, [["render", $e], ["__file", "C:/Users/James.Lamb
       this.$emit("bus");
     }
   }
-}, Se = ["for", "innerHTML", "title"], xe = ["innerHTML"], Le = ["innerHTML"], qe = ["type", "name", "id", "pattern", "list"], Te = ["type", "name", "id", "pattern"], Ce = {
+}, $e = ["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" }, je = ["type", "name", "id", "pattern"], Pe = ["value"], Ie = ["id"], Ue = ["value"], Fe = ["type", "name", "id"], ze = ["for", "innerHTML"], Ve = ["type", "name", "id"], Oe = ["for", "innerHTML"], We = ["innerHTML"];
+function Ke(e, n, t, c, h, a) {
   return o(), l("div", {
     class: v(a.wrapperClass()),
     ref: "wrapper"
@@ -632,21 +636,21 @@ function Je(e, n, t, c, m, a) {
       for: t.id,
       innerHTML: a.displayLabel(),
       title: t.title
-    }, null, 10, Se)) : h("v-if", !0),
-    h(" Prefix and Suffix "),
+    }, null, 10, $e)) : m("v-if", !0),
+    m(" Prefix and Suffix "),
     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)) : m("v-if", !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)) : m("v-if", !0),
+    m(" Standard input field "),
     a.isInput() ? N((o(), l("input", T({
       key: 3,
       "onUpdate:modelValue": n[0] || (n[0] = (r) => a.inputVal = r),
@@ -658,10 +662,10 @@ 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)), [
+      [z, a.inputVal]
+    ]) : m("v-if", !0),
+    m(" Textarea "),
     t.type == "textarea" ? N((o(), l("textarea", T({
       key: 4,
       "onUpdate:modelValue": n[2] || (n[2] = (r) => a.inputVal = r),
@@ -671,10 +675,10 @@ 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]
+    ]) : m("v-if", !0),
+    m(" Range "),
+    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}` : ""}`,
@@ -683,12 +687,12 @@ 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), [
+        [z, a.inputVal]
       ]),
       s("output", He, w(t.value), 1)
-    ])) : h("v-if", !0),
-    h(" Color picker "),
+    ])) : m("v-if", !0),
+    m(" Color picker "),
     t.type == "color" ? (o(), l("div", Ne, [
       N(s("input", T({
         "onUpdate:modelValue": n[4] || (n[4] = (r) => a.inputVal = r),
@@ -699,11 +703,11 @@ 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]
+        [z, a.inputVal]
       ]),
       s("output", Be, w(t.value ? e.vale : "#000000"), 1)
-    ])) : h("v-if", !0),
-    h(" Select/dropdown "),
+    ])) : m("v-if", !0),
+    m(" Select/dropdown "),
     t.type == "select" ? N((o(), l("select", T({
       key: 7,
       "onUpdate:modelValue": n[5] || (n[5] = (r) => a.inputVal = r),
@@ -713,37 +717,37 @@ function Je(e, n, t, c, m, a) {
       id: t.id,
       pattern: a.needPattern()
     }, e.$attrs), [
-      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
+      (o(!0), l($, 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)), [
+      }, w(r.display ? r.display : r.value), 9, Pe))), 128))
+    ], 16, je)), [
       [X, a.inputVal]
-    ]) : h("v-if", !0),
+    ]) : m("v-if", !0),
     a.allowDatalist() ? (o(), l("datalist", {
       key: 8,
       id: t.id + "-list"
     }, [
-      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
+      (o(!0), l($, 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, Ue))), 128))
+    ], 8, Ie)) : m("v-if", !0),
+    m(" Checkbox "),
     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, Fe)) : m("v-if", !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, ze)) : m("v-if", !0),
+    m(" Checkbox Button "),
     t.type == "checkbox-btn" || t.type == "radio-btn" ? (o(), l("input", T({
       key: 11,
       class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
@@ -751,26 +755,26 @@ 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, Ve)) : m("v-if", !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, Oe)) : m("v-if", !0),
+    m(" Error message "),
     t.errormsg ? (o(), l("p", {
       key: 13,
       class: "invalid-feedback mb-0",
       innerHTML: t.errormsg
-    }, null, 8, je)) : h("v-if", !0),
+    }, null, 8, We)) : m("v-if", !0),
     b(e.$slots, "default")
   ], 2);
 }
-const I = /* @__PURE__ */ g(Ae, [["render", Je], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/Input/Input.vue"]]), We = {
+const P = /* @__PURE__ */ g(Ae, [["render", Ke], ["__file", "/Users/james/workspace/work/component-library/src/elements/Input/Input.vue"]]), Ge = {
   components: {
-    Input: I
+    Input: P
   },
   name: "FileUploads",
   props: {
@@ -791,17 +795,17 @@ const I = /* @__PURE__ */ g(Ae, [["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" }, [
+}, Ee = { class: "multiple-file-uploads mb-4" }, Re = { class: "row" }, Ze = { 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, [
-    s("div", Ee, [
+], -1), Ye = ["data-maxfiles"];
+function Je(e, n, t, c, h, a) {
+  const r = C("Input");
+  return o(), l("div", Ee, [
+    s("div", Re, [
       s("div", {
         class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
       }, [
@@ -816,20 +820,20 @@ function Ye(e, n, t, c, m, a) {
           "data-filesize": t.maxfilesize
         }, null, 8, ["id", "name", "data-filesize"])
       ], 2),
-      s("div", Re, [
+      s("div", Ze, [
         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 Ai = /* @__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], ["__file", "/Users/james/workspace/work/component-library/src/elements/FileUploads/FileUploads.vue"]]);
 function Xe(e) {
   if (!e.classList.contains("accordion--keep-open")) {
     const n = e.querySelectorAll(":scope > details");
@@ -862,12 +866,12 @@ const et = {
   class: "container accordion",
   ref: "wrapper"
 };
-function st(e, n, t, c, m, a) {
+function st(e, n, t, c, h, a) {
   return o(), l("div", tt, [
     b(e.$slots, "default")
   ], 512);
 }
-const Si = /* @__PURE__ */ g(et, [["render", st], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Accordion/Accordion.vue"]]), at = {
+const Si = /* @__PURE__ */ g(et, [["render", st], ["__file", "/Users/james/workspace/work/component-library/src/components/Accordion/Accordion.vue"]]), at = {
   name: "AccordionItem",
   props: {
     title: {
@@ -894,7 +898,7 @@ const Si = /* @__PURE__ */ g(et, [["render", st], ["__file", "C:/Users/James.Lam
   },
   computed: {
     createID() {
-      return (e) => `${me(e)}`;
+      return (e) => `${he(e)}`;
     }
   },
   data() {
@@ -906,29 +910,29 @@ const Si = /* @__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, c, 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),
+        j(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)) : m("v-if", !0)
       ])
     ], 2),
-    m.show ? (o(), l("div", rt, [
+    h.show ? (o(), l("div", rt, [
       b(e.$slots, "default")
-    ])) : h("v-if", !0)
+    ])) : m("v-if", !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], ["__file", "/Users/james/workspace/work/component-library/src/components/Accordion/AccordionItem.vue"]]), lt = {
   name: "Header",
   props: {
     title: {
@@ -945,8 +949,8 @@ 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) {
+}, ct = { class: "container" }, dt = { 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, c, h, a) {
   return o(), l("div", ct, [
     s("div", {
       class: v("bg-" + t.background + " mb-4")
@@ -958,19 +962,19 @@ function _t(e, n, t, c, m, a) {
             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)) : m("v-if", !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 $i = /* @__PURE__ */ g(lt, [["render", _t], ["__file", "/Users/james/workspace/work/component-library/src/components/Banner/Banner.vue"]]);
 const pt = {
   name: "Card",
   props: {
@@ -978,6 +982,11 @@ const pt = {
       type: String,
       required: !1
     },
+    cardClass: {
+      type: String,
+      required: !1,
+      default: ""
+    },
     titleclass: {
       type: String,
       required: !1,
@@ -1018,6 +1027,10 @@ const pt = {
       type: String,
       required: !1
     },
+    target: {
+      type: String,
+      required: !1
+    },
     details: {
       type: Object,
       required: !1
@@ -1032,8 +1045,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":
@@ -1041,7 +1054,7 @@ 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>` : "", c = `
         ${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>` : ""}
@@ -1050,18 +1063,19 @@ const pt = {
       };
     }
   }
-}, yt = ["href", "title"], bt = {
+}, yt = ["href", "title", "target"], bt = {
   key: 0,
   class: "card-header__wrapper"
-}, vt = ["src"], gt = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], $t = ["src"], At = ["innerHTML"], St = {
+}, vt = ["src"], gt = { class: "card-header" }, wt = ["innerHTML"], kt = ["innerHTML"], St = ["src"], At = ["innerHTML"], $t = {
   key: 1,
   class: "card-footer"
 }, xt = { class: "visually-hidden" };
-function Lt(e, n, t, c, m, a) {
+function qt(e, n, t, c, h, a) {
   return o(), l("a", {
     href: t.link,
-    class: v("card" + (t.type ? " card--" + t.type : "")),
-    title: "Find out more: " + t.title + (t.subtitle ? " - " + t.subtitle : "")
+    class: v("card" + (t.type ? " card--" + t.type : "") + " " + t.cardClass),
+    title: t.ctatext + ": " + t.title + (t.subtitle ? " - " + t.subtitle : ""),
+    target: t.target
   }, [
     t.image ? (o(), l("div", bt, [
       s("img", {
@@ -1075,12 +1089,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)) : m("v-if", !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)) : m("v-if", !0)
       ]),
       t.details && t.details.logo ? (o(), l("img", {
         key: 0,
@@ -1088,26 +1102,26 @@ function Lt(e, n, t, c, m, a) {
         alt: "",
         loading: "lazy",
         class: "card-logo"
-      }, null, 8, $t)) : h("v-if", !0)
-    ])) : h("v-if", !0),
+      }, null, 8, St)) : m("v-if", !0)
+    ])) : m("v-if", !0),
     s("div", {
       class: "card-body",
       innerHTML: a.cardContent()
     }, null, 8, At),
-    t.hidectatext == !1 ? (o(), l("div", St, [
+    t.hidectatext == !1 ? (o(), l("div", $t, [
       s("span", {
         class: v(`${t.btntype == "link" ? "link" : `btn btn-${t.btntype}`} mb-0`)
       }, [
-        P(w(t.ctatext), 1),
-        s("span", xt, " about " + w(t.title), 1)
+        j(w(t.ctatext), 1),
+        s("span", xt, ": " + w(t.title), 1)
       ], 2)
-    ])) : h("v-if", !0)
+    ])) : m("v-if", !0)
   ], 10, yt);
 }
-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 Z = /* @__PURE__ */ g(pt, [["render", qt], ["__file", "/Users/james/workspace/work/component-library/src/elements/Card/Card.vue"]]);
+const Lt = {
   components: {
-    Card: R
+    Card: Z
   },
   name: "CardDeck",
   props: {
@@ -1162,8 +1176,8 @@ const qt = {
     }
   }
 }, Tt = ["data-card-type"];
-function Ct(e, n, t, c, m, a) {
-  const r = M("Card");
+function Mt(e, n, t, c, h, a) {
+  const r = C("Card");
   return o(), l("div", {
     class: "container card-deck prevent-invert",
     "data-card-type": t.cardtype
@@ -1172,16 +1186,16 @@ 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(S, null, x(t.items, (i, f) => (o(), l("div", {
+      (o(!0), l($, null, x(t.items, (i, f) => (o(), l("div", {
         class: "col",
         key: f
       }, [
         A(r, T(i, {
           class: t.cardclass,
           type: t.cardtype,
-          btntype: t.btntype,
-          titleclass: t.titleclass,
-          ctatext: t.ctatext,
+          btntype: i.btntype ? i.btntype : t.btntype,
+          titleclass: i.titleclass ? i.titleclass : t.titleclass,
+          ctatext: i.ctatext,
           hidectatext: t.hidectatext
         }), null, 16, ["class", "type", "btntype", "titleclass", "ctatext", "hidectatext"])
       ]))), 128))
@@ -1189,24 +1203,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], ["__file", "/Users/james/workspace/work/component-library/src/components/CardDeck/CardDeck.vue"]]);
 function Ht(e) {
   var n;
   let t = e.querySelector(".carousel__inner"), c = 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, $ = t.scrollLeft, L = Math.round($ / 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, S = t.scrollLeft, q = Math.round(S / f * c) + 1, M = e.querySelector(".carousel__item:last-child").offsetLeft;
+      Array.from(e.querySelectorAll(".carousel__controls a")).forEach((I, H) => {
+        I.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(($, L) => {
-          $.classList.remove("active");
+        r.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((S, q) => {
+          S.classList.remove("active");
         }), i.classList.add("active");
         const f = document.querySelector(i.getAttribute("href"));
         t.scroll({
@@ -1228,16 +1242,16 @@ 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), c == 1 && e.classList.add("hide-btns"), h >= c && e.classList.add("hide-sm-btns"), a >= c && 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;
 B.mdcols.default = 4;
 const Nt = {
   components: {
-    Card: R
+    Card: Z
   },
   name: "Carousel",
   data() {
@@ -1266,37 +1280,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" }, jt = { class: "carousel__inner" }, Pt = ["id"], It = ["innerHTML", "id"], Ut = ["href"], Ft = /* @__PURE__ */ s("button", {
   class: "btn btn-prev",
   "data-go": "0",
   disabled: ""
-}, "Prev", -1), Vt = /* @__PURE__ */ s("button", {
+}, "Prev", -1), zt = /* @__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 Vt(e, n, t, c, 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 ")
+      m(" Use for titles etc ")
     ]),
     s("div", Bt, [
-      s("div", Pt, [
+      s("div", jt, [
         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(S, null, x(e.items, (i, f) => (o(), l("div", {
+          (o(!0), l($, 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)
           }, [
             A(r, T(i, {
               class: e.cardclass,
@@ -1306,35 +1320,35 @@ function Gt(e, n, t, c, m, a) {
               ctatext: e.ctatext,
               hidectatext: e.hidectatext
             }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
-          ], 10, It))), 128))
-        ], 2)) : h("v-if", !0),
+          ], 10, Pt))), 128))
+        ], 2)) : m("v-if", !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(S, null, x(e.items, (i, f) => (o(), l("div", {
+          (o(!0), l($, 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, It))), 128))
+        ], 2)) : m("v-if", !0)
       ]),
       s("div", {
         class: v(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
       }, [
-        (o(!0), l(S, null, x(e.items, (i, f) => (o(), l("a", {
+        (o(!0), l($, 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, Ut))), 128))
       ], 2),
-      zt,
-      Vt
+      Ft,
+      zt
     ])
   ], 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 xi = /* @__PURE__ */ g(Nt, [["render", Vt], ["__file", "/Users/james/workspace/work/component-library/src/components/Carousel/Carousel.vue"]]);
 const Ot = {
   name: "Header",
   props: {
@@ -1347,54 +1361,54 @@ 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", {
+}, Wt = { class: "header-banner" }, Kt = { class: "container" }, Gt = { class: "header-banner__inner" }, Et = ["innerHTML"], Rt = { key: 0 }, Zt = ["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, c, h, a) {
+  return o(), l("header", Wt, [
+    s("div", Kt, [
+      m(" Space for a breadcrumb trail "),
       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, Et),
         b(e.$slots, "default")
       ])
     ]),
-    t.image ? (o(), l("picture", Et, [
-      h(" Actual image only loaded on desktops "),
+    t.image ? (o(), l("picture", Rt, [
+      m(" 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)
+      }, null, 8, Zt),
+      m(" Placeholder image "),
+      Qt
+    ])) : m("v-if", !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(Ot, [["render", Yt], ["__file", "/Users/james/workspace/work/component-library/src/components/Header/Header.vue"]]);
+function Jt(e) {
   var n;
   const t = e.querySelector(".testimonial__images"), c = t.querySelectorAll("img").length;
   if (c == 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);
   };
   t.addEventListener("scroll", function(a) {
     clearTimeout(n), n = setTimeout(function() {
-      let r = t.scrollWidth, i = t.scrollHeight, f = t.scrollLeft, $ = t.scrollTop, L = Math.round(f / r * c) + 1;
-      f == 0 && $ != 0 && (L = Math.round($ / i * c) + 1), e.setAttribute("data-show", L), m(L);
+      let r = t.scrollWidth, i = t.scrollHeight, f = t.scrollLeft, S = t.scrollTop, q = Math.round(f / r * c) + 1;
+      f == 0 && S != 0 && (q = Math.round(S / i * c) + 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, $ = 0, L = t.scrollWidth, C = t.scrollHeight;
-        L > C ? $ = Math.floor(L * ((i - 1) / c)) : f = Math.floor(C * ((i - 1) / c)), t.scroll({
+        let i = parseInt(r.getAttribute("data-go")), f = 0, S = 0, q = t.scrollWidth, M = t.scrollHeight;
+        q > M ? S = Math.floor(q * ((i - 1) / c)) : f = Math.floor(M * ((i - 1) / c)), t.scroll({
           top: f,
-          left: $,
+          left: S,
           behavior: "smooth"
         });
         break;
@@ -1415,7 +1429,7 @@ const Xt = {
     }
   },
   mounted() {
-    Yt(this.$refs.wrapper);
+    Jt(this.$refs.wrapper);
   }
 }, es = {
   class: "container testimonial mb-5",
@@ -1432,7 +1446,7 @@ const Xt = {
     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) {
+function hs(e, n, t, c, h, a) {
   return o(), l("div", es, [
     s("div", {
       class: v("bg-" + t.background)
@@ -1440,7 +1454,7 @@ function ms(e, n, t, c, m, a) {
       s("div", ts, [
         s("div", ss, [
           s("div", as, [
-            (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("img", {
+            (o(!0), l($, null, x(t.items, (r, i) => (o(), l("img", {
               key: i,
               src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
               alt: "",
@@ -1452,7 +1466,7 @@ function ms(e, n, t, c, m, a) {
         s("div", rs, [
           os,
           s("div", ls, [
-            (o(!0), l(S, null, x(t.items, (r, i) => (o(), l("blockquote", {
+            (o(!0), l($, null, x(t.items, (r, i) => (o(), l("blockquote", {
               key: i,
               class: v(r.class)
             }, [
@@ -1473,10 +1487,10 @@ 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], ["__file", "/Users/james/workspace/work/component-library/src/components/Testimonial/Testimonial.vue"]]);
+const ms = {
   components: {
-    Input: I
+    Input: P
   },
   name: "PropertySearchbar",
   props: {
@@ -1626,18 +1640,18 @@ const hs = {
 }, 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 = {
   class: "row",
   "data-input-range": ""
-}, ks = { class: "col-12 col-md" }, $s = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), As = {
+}, ks = { class: "col-12 col-md" }, Ss = /* @__PURE__ */ s("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), As = {
   class: "row",
   "data-input-range": ""
-}, 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" }, [
+}, $s = { 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, c, h, a) {
+  const r = C("Input");
   return o(), l("div", _s, [
     b(e.$slots, "default"),
     s("div", ps, [
@@ -1689,7 +1703,7 @@ function Ls(e, n, t, c, m, a) {
           ])
         ]),
         s("fieldset", ks, [
-          $s,
+          Ss,
           s("div", As, [
             A(r, {
               class: "col-6",
@@ -1709,7 +1723,7 @@ function Ls(e, n, t, c, m, a) {
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", Ss, [
+        s("fieldset", $s, [
           A(r, {
             label: "Property type",
             id: "property-type",
@@ -1723,7 +1737,7 @@ function Ls(e, n, t, c, m, a) {
     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], ["__file", "/Users/james/workspace/work/component-library/src/components/PropertySearchbar/PropertySearchbar.vue"]]), Ls = (e) => {
   Array.from(e.querySelectorAll("details")).forEach((n, t) => {
     n.addEventListener("mouseenter", function(c) {
       window.matchMedia("(min-width: 62em)").matches && n.setAttribute("open", "true");
@@ -1737,7 +1751,7 @@ const Mi = /* @__PURE__ */ g(hs, [["render", Ls], ["__file", "C:/Users/James.Lam
 };
 const Ts = {
   components: {
-    Input: I,
+    Input: P,
     Logo: ue,
     Icon: re
   },
@@ -1809,15 +1823,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",
@@ -1827,30 +1841,30 @@ const Ts = {
   name: "showAccount",
   id: "showAccount",
   class: "d-none"
-}, null, -1), Ns = { class: "nav__mobile-bar" }, Ds = { class: "container" }, Bs = { class: "row" }, Ps = {
+}, null, -1), Ns = { class: "nav__mobile-bar" }, Ds = { class: "container" }, Bs = { class: "row" }, js = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, Is = {
+}, Ps = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Us = {
+}, Is = {
   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" }, [
+}, Us = /* @__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), Fs = { class: "nav__inner" }, zs = { class: "container" }, Vs = { class: "row" }, Os = {
   key: 0,
   class: "col mw-md-fit-content nav__logo"
-}, js = {
+}, Ws = {
   key: 1,
   class: "col mw-md-fit-content nav__logo"
-}, Js = {
+}, Ks = {
   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" }, [
+}, Es = /* @__PURE__ */ s("label", { for: "showSearch" }, [
   /* @__PURE__ */ s("svg", {
     class: "icon",
     viewBox: "0 0 32 32"
@@ -1871,14 +1885,14 @@ const Ts = {
       class: "icon__outline"
     })
   ])
-], -1), Es = [
-  Ks
-], Rs = /* @__PURE__ */ s("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
+], -1), Rs = [
+  Es
+], Zs = /* @__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"
@@ -1894,7 +1908,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"
@@ -1916,26 +1930,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 pa(e, n, t, c, 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 "),
+    m(" Mobile bar "),
     s("div", Ns, [
       s("div", Ds, [
         s("div", Bs, [
-          a.hasLogoSlot ? (o(), l("div", Ps, [
+          a.hasLogoSlot ? (o(), l("div", js, [
             b(e.$slots, "logo")
-          ])) : (o(), l("div", Is, [
-            s("a", Us, [
+          ])) : (o(), l("div", Ps, [
+            s("a", Is, [
               A(r, {
                 id: t.logo,
                 path: t.logopath,
@@ -1944,17 +1958,17 @@ function pa(e, n, t, c, m, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          Fs
+          Us
         ])
       ])
     ]),
-    s("div", zs, [
-      s("div", Vs, [
-        s("div", Gs, [
+    s("div", Fs, [
+      s("div", zs, [
+        s("div", Vs, [
           a.hasLogoSlot ? (o(), l("div", Os, [
             b(e.$slots, "logo")
-          ])) : (o(), l("div", js, [
-            s("a", Js, [
+          ])) : (o(), l("div", Ws, [
+            s("a", Ks, [
               A(r, {
                 id: t.logo,
                 path: t.logopath,
@@ -1963,34 +1977,34 @@ function pa(e, n, t, c, m, a) {
               }, null, 8, ["id", "path", "desc"])
             ])
           ])),
-          a.hasSearchSlot ? (o(), l("div", Ws, Es)) : h("v-if", !0),
-          Rs,
-          h(" Main menu "),
-          s("div", Zs, [
+          a.hasSearchSlot ? (o(), l("div", Gs, Rs)) : m("v-if", !0),
+          Zs,
+          m(" Main menu "),
+          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)) : m("v-if", !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)
+          ])) : m("v-if", !0)
         ])
       ]),
       a.hasSecondarySlot ? (o(), l("div", sa, [
         s("div", aa, [
           b(e.$slots, "secondary")
         ])
-      ])) : h("v-if", !0),
+      ])) : m("v-if", !0),
       a.hasSearchSlot ? (o(), l("div", ia, [
         s("div", na, [
           s("div", ra, [
             b(e.$slots, "search")
           ])
         ])
-      ])) : h("v-if", !0)
+      ])) : m("v-if", !0)
     ]),
     a.hasAccountSlot ? (o(), l("div", oa, [
       s("div", la, [
@@ -2007,17 +2021,17 @@ 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),
+    ])) : m("v-if", !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", pa], ["__file", "/Users/james/workspace/work/component-library/src/components/Nav/Nav.vue"]]), ya = (e) => {
   const n = new IntersectionObserver(
     function([c]) {
       c.target.classList.toggle("in-view", c.intersectionRatio > 0), document.getElementById("showDrawer").checked = !1;
@@ -2048,39 +2062,39 @@ const ba = {
   name: "showDrawer",
   id: "showDrawer",
   class: "d-none"
-}, null, -1), wa = { class: "drawer__btn pb-0" }, ka = { class: "container text-end pb-0" }, $a = {
+}, null, -1), wa = { class: "drawer__btn pb-0" }, ka = { class: "container text-end pb-0" }, Sa = {
   for: "showDrawer",
   class: "btn btn-secondary me-0"
 }, Aa = {
   class: "drawer",
   id: "drawer",
   ref: "drawer"
-}, Sa = /* @__PURE__ */ s("div", { class: "container text-end pb-0" }, [
+}, $a = /* @__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__ */ j("\u2715")
   ])
 ], -1), xa = /* @__PURE__ */ s("hr", { id: "drawer-end" }, null, -1);
-function La(e, n, t, c, m, a) {
+function qa(e, n, t, c, h, a) {
   return o(), l("div", va, [
     ga,
     s("div", wa, [
       s("div", ka, [
-        s("label", $a, w(t.label), 1)
+        s("label", Sa, w(t.label), 1)
       ])
     ]),
     s("div", Aa, [
-      Sa,
+      $a,
       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], ["__file", "/Users/james/workspace/work/component-library/src/components/Drawer/Drawer.vue"]]), La = (e) => {
+  const n = e.querySelectorAll(".modal__outer a, .modal__outer button"), t = n[0], c = 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) {
@@ -2101,7 +2115,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();
@@ -2124,22 +2138,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"], ja = /* @__PURE__ */ s("span", { class: "visually-hidden" }, "Close", -1), Pa = { class: "modal__inner" }, Ia = /* @__PURE__ */ s("button", {
   class: "modal__dock--left btn btn-prev",
   tabindex: "-1"
-}, "Left", -1), Va = /* @__PURE__ */ s("button", {
+}, "Left", -1), Ua = /* @__PURE__ */ s("button", {
   class: "modal__dock--right btn btn-next",
   tabindex: "-1"
 }, "Right", -1);
-function Ga(e, n, t, c, m, a) {
+function Fa(e, n, t, c, h, a) {
   return o(), l("div", {
     class: "modal",
     id: t.id,
@@ -2150,22 +2161,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, [
+      }, [
+        ja,
+        j("\u2715")
+      ], 8, Ba),
+      s("div", Pa, [
         b(e.$slots, "default")
       ])
     ]),
-    za,
-    Va
-  ], 8, Ca);
+    Ia,
+    Ua
+  ], 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", Fa], ["__file", "/Users/james/workspace/work/component-library/src/components/Modal/Modal.vue"]]);
+const za = {
   name: "Stepper",
   props: {
     label: {
@@ -2178,27 +2192,27 @@ const Oa = {
       default: "Complete"
     }
   }
-}, ja = { class: "container" }, Ja = ["aria-label"], Wa = {
+}, Va = { class: "container" }, Oa = ["aria-label"], Wa = {
   key: 0,
   class: "h6 stepper__start"
-}, Ka = { class: "list-unstyled" }, Ea = { class: "h6 stepper__end" };
-function Ra(e, n, t, c, m, a) {
-  return o(), l("div", ja, [
+}, Ka = { class: "list-unstyled" }, Ga = { class: "h6 stepper__end" };
+function Ea(e, n, t, c, h, a) {
+  return o(), l("div", Va, [
     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),
+      t.label ? (o(), l("span", Wa, w(t.label), 1)) : m("v-if", !0),
       s("ol", Ka, [
         b(e.$slots, "default", {}, () => [
-          h(" Use for titles etc ")
+          m(" Use for titles etc ")
         ])
       ]),
-      s("span", Ea, w(t.endlabel), 1)
-    ], 8, Ja)
+      s("span", Ga, w(t.endlabel), 1)
+    ], 8, Oa)
   ]);
 }
-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(za, [["render", Ea], ["__file", "/Users/james/workspace/work/component-library/src/components/Stepper/Stepper.vue"]]), Ra = {
   name: "Stepper",
   props: {
     url: {
@@ -2214,11 +2228,11 @@ const Bi = /* @__PURE__ */ g(Oa, [["render", Ra], ["__file", "C:/Users/James.Lam
       required: !1
     }
   }
-}, Qa = ["href", "aria-current"], Ya = {
+}, Za = ["href", "aria-current"], Qa = {
   key: 0,
   class: "visually-hidden"
 };
-function Xa(e, n, t, c, m, a) {
+function Ya(e, n, t, c, h, a) {
   return o(), l("li", null, [
     s("a", {
       href: t.url,
@@ -2228,12 +2242,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)) : m("v-if", !0)
+    ], 10, Za)
   ]);
 }
-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(Ra, [["render", Ya], ["__file", "/Users/james/workspace/work/component-library/src/components/Stepper/Step.vue"]]);
+const Ja = {
   name: "Tabs",
   data() {
     return {
@@ -2247,10 +2261,10 @@ const ei = {
         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 = {
+            let h = c.props.title, a = {
               name: this.tabsID,
               id: this.tabsID + "_tab" + n++,
-              tabTitle: m
+              tabTitle: h
             };
             e.push(a);
           }
@@ -2265,13 +2279,13 @@ const ei = {
         c.props && c.props.title && (n == e && (console.log(c), c.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(S, 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, c, h, a) {
+  return o(), l("div", Xa, [
+    (o(!0), l($, null, x(a.tabLinks(), (r, i) => (o(), l("input", {
       type: "radio",
       class: "tab__input",
       key: i,
@@ -2279,21 +2293,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(S, null, x(a.tabLinks(), (r, i) => (o(), l("label", {
+    }, null, 8, ei))), 128)),
+    s("div", ti, [
+      (o(!0), l($, 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], ["__file", "/Users/james/workspace/work/component-library/src/components/Tabs/Tabs.vue"]]), ni = {
   name: "Tab",
   props: {
     title: {
@@ -2315,17 +2329,17 @@ 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, c, h, a) {
+  return h.show ? (o(), l("div", ri, [
     b(e.$slots, "default")
-  ])) : h("v-if", !0);
+  ])) : m("v-if", !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 ji = /* @__PURE__ */ g(ni, [["render", oi], ["__file", "/Users/james/workspace/work/component-library/src/components/Tabs/Tab.vue"]]);
+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")) {
@@ -2350,7 +2364,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 ci = {
   name: "Alert",
   props: {
     dismissible: {
@@ -2369,16 +2383,16 @@ const ui = {
     }
   },
   mounted() {
-    di(this.$refs.wrapper);
+    li(this.$refs.wrapper);
   }
-}, fi = ["data-timeout"], mi = {
+}, di = ["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, c, h, a) {
   return o(), l("div", {
     class: v(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
     ref: "wrapper",
@@ -2389,18 +2403,18 @@ 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)) : m("v-if", !0),
       b(e.$slots, "default")
     ], 2)
-  ], 14, fi);
+  ], 14, di);
 }
-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 Pi = /* @__PURE__ */ g(ci, [["render", fi], ["__file", "/Users/james/workspace/work/component-library/src/components/Alert/Alert.vue"]]);
+let Q = R.props;
+Q.fields.required = !1;
+const hi = {
   components: {
-    Table: E,
-    Input: I
+    Table: R,
+    Input: P
   },
   data() {
     return {
@@ -2413,8 +2427,8 @@ const _i = {
       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 h = t.getMonth() + 1, a = t.getDate();
+      a < 10 && (a = "0" + a), h < 10 && (h = "0" + h), t = a + "/" + h + "/" + c, this.itemsData.unshift({
         date_added: t,
         user: n.get("user"),
         note: n.get("addNote")
@@ -2427,7 +2441,7 @@ const _i = {
       type: String,
       required: !0
     },
-    ...Z,
+    ...Q,
     title: {
       type: String,
       required: !1
@@ -2442,18 +2456,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"], pi = ["action", "method"], yi = ["value"], bi = /* @__PURE__ */ s("button", { class: "btn btn-tertiary" }, "Submit note", -1);
+function vi(e, n, t, c, 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),
+    }, null, 8, _i)) : m("v-if", !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,
@@ -2464,7 +2478,7 @@ function wi(e, n, t, c, m, a) {
         type: "hidden",
         value: t.user,
         name: "user"
-      }, null, 8, vi),
+      }, null, 8, yi),
       A(i, {
         id: "addNote",
         type: "textarea",
@@ -2472,33 +2486,33 @@ function wi(e, n, t, c, m, a) {
         required: "",
         class: "mw-100"
       }),
-      gi
-    ], 40, bi)
+      bi
+    ], 40, pi)
   ]);
 }
-const zi = /* @__PURE__ */ g(_i, [["render", wi], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/NoteFeed/NoteFeed.vue"]]);
+const Ii = /* @__PURE__ */ g(hi, [["render", vi], ["__file", "/Users/james/workspace/work/component-library/src/components/NoteFeed/NoteFeed.vue"]]);
 export {
   Si as Accordion,
-  xi as AccordionItem,
-  Fi as Alert,
-  Li as Banner,
-  R as Card,
-  Mt as CardDeck,
-  qi as Carousel,
-  Ni as Drawer,
-  Ai as FileUploads,
-  Ti as Header,
+  Ai as AccordionItem,
+  Pi as Alert,
+  $i as Banner,
+  Z as Card,
+  Ct as CardDeck,
+  xi as Carousel,
+  Ci as Drawer,
+  ki as FileUploads,
+  qi as Header,
   re as Icon,
-  I as Input,
+  P as Input,
   ue as Logo,
-  Di as Modal,
-  Hi as Nav,
-  zi as NoteFeed,
-  Mi as PropertySearchbar,
-  Pi as Step,
-  Bi as Stepper,
-  Ui as Tab,
-  E as Table,
-  Ii as Tabs,
-  Ci as Testimonial
+  Hi as Modal,
+  Mi as Nav,
+  Ii as NoteFeed,
+  Ti as PropertySearchbar,
+  Di as Step,
+  Ni as Stepper,
+  ji as Tab,
+  R as Table,
+  Bi as Tabs,
+  Li as Testimonial
 };