@iamproperty/components 2.9.0 → 3.1.0

package/dist/components.es.js

@@ -0,0 +1,2518 @@
+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";
+const g = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [c, m] of n)
+    t[c] = m;
+  return t;
+}, se = {
+  name: "Icon",
+  props: {
+    id: {
+      type: String,
+      required: !1,
+      default: "email"
+    },
+    path: {
+      type: String,
+      required: !1,
+      default: "/svg/icons.svg"
+    }
+  }
+}, ae = { class: "icon" }, ie = ["xlink:href"];
+function ne(e, n, t, c, m, a) {
+  return o(), l("svg", ae, [
+    s("title", null, w(t.id), 1),
+    s("use", {
+      "xlink:href": t.path + "#icon-" + t.id
+    }, 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 = {
+  name: "Logo",
+  props: {
+    id: {
+      type: String,
+      required: !1,
+      default: "property"
+    },
+    path: {
+      type: String,
+      required: !1,
+      default: "/svg/logo.svg"
+    },
+    desc: {
+      type: String
+    }
+  },
+  computed: {
+    src: function() {
+      return "#logo-" + this.id;
+    },
+    className: function() {
+      return "brand brand--" + this.id;
+    }
+  }
+}, le = ["xlink:href"], ce = ["innerHTML"];
+function de(e, n, t, c, m, a) {
+  return o(), l("div", {
+    class: v(a.className)
+  }, [
+    (o(), l("svg", null, [
+      s("title", null, "iam " + w(t.id), 1),
+      s("use", {
+        "xlink:href": t.path + a.src
+      }, null, 8, le)
+    ])),
+    t.desc ? (o(), l("span", {
+      key: 0,
+      innerHTML: t.desc
+    }, null, 8, ce)) : h("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) {
+  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));
+}, _e = (e, n) => String(e).padStart(n, "0");
+function K(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);
+  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 = {
+        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);
+  };
+  if (e.addEventListener("click", function(_) {
+    for (var u = _.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");
+        });
+        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());
+    });
+  }
+  const L = 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;
+      });
+    });
+    const y = d.length == 1 ? "Filter by " + d[0].textContent : "Filter", q = 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>
+    <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("")}
+  </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>`, e.prepend(u);
+  }, C = 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) {
+        const k = { row: p };
+        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 u = [];
+    _.forEach((p, y) => {
+      Array.from(e.querySelectorAll('td[data-label="' + p + '"]')).forEach((q, k) => {
+        u[q.textContent] = q.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(_) {
+    for (var u = _.target; u && u != this; u = u.parentNode)
+      if (u.matches('input[type="search"]')) {
+        const d = u.value;
+        C(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);
+      }
+  }), 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();
+      }
+  }));
+  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 = `
+    #${i} tbody tr {
+      display: none;
+    }
+    #${i} tbody tr:nth-child(${p}),
+    #${i} tbody tr:nth-child(${p}) ~ tr{
+      display: block;
+    }
+    @media screen and (min-width: 36em) {
+      #${i} tbody tr:nth-child(${p}),
+      #${i} tbody tr:nth-child(${p}) ~ tr{
+        display: table-row;
+      }
+    }
+    #${i} tbody tr:nth-child(${y}) ~ tr{
+      display: none;
+    }
+    `, e.append(d);
+  };
+  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));
+    }));
+  }
+  function Q(_) {
+    _.dataTransfer.setData("text/plain", _.target.id), f = _.target, _.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);
+      }
+      _.setAttribute("id", i + "_row_" + (u + 1)), _.setAttribute("data-order", u + 1), _.setAttribute("draggable", "true"), _.addEventListener("dragstart", Q);
+    });
+  };
+  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");
+          });
+          break;
+        }
+    }, !1), document.addEventListener("dragover", function(u) {
+      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");
+    }, !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");
+    }, !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);
+          }), 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.getAttribute("data-reorder") && F();
+  }, !1), e.addEventListener("sorted", function(_) {
+    e.getAttribute("data-reorder") && F();
+  }, !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);
+  }, !1);
+}
+const J = function(e, n, t, c, m) {
+  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}" />
+</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>
+</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) {
+  const a = document.getElementById(e + "_paginationBtns");
+  if (a == null)
+    return !1;
+  const r = Math.ceil(m / 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>`;
+    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>`}
+      ${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>`}
+    </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>`;
+    a.innerHTML = `
+<div class="form-control__wrapper page-number mb-2">
+<select class="form-select">
+${i}
+</select>
+</div>
+    `;
+  }
+};
+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));
+};
+const pe = {
+  name: "Table",
+  props: {
+    reorder: {
+      type: Boolean,
+      required: !1
+    },
+    page: {
+      type: Number,
+      required: !1
+    },
+    show: {
+      type: Number,
+      required: !1
+    },
+    sortby: {
+      type: String,
+      required: !1
+    },
+    sort: {
+      type: String,
+      required: !1
+    },
+    headingclass: {
+      type: String,
+      required: !1
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    fields: {
+      type: Array,
+      required: !0
+    }
+  },
+  computed: {
+    cellHeading() {
+      return (e) => `${O(j(e))}`;
+    },
+    numericValue() {
+      return (e) => (e = W(e), e);
+    }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      K(this.$refs.wrapper), this.$el.addEventListener("sorted", function(e) {
+        console.log("Table sorted");
+      }, !1), this.$el.addEventListener("filtered", function(e) {
+        console.log("Table filtered");
+      }, !1);
+    });
+  },
+  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>`;
+      }), 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) {
+  return o(), l("div", {
+    class: "table__wrapper",
+    ref: "wrapper",
+    "data-sortby": t.sortby,
+    "data-sort": t.sort,
+    "data-show": t.show,
+    "data-page": t.page,
+    "data-reorder": t.reorder
+  }, [
+    s("table", null, [
+      t.fields ? (o(), l("thead", be, [
+        s("tr", {
+          class: v(t.headingclass)
+        }, [
+          (o(!0), l(A, 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),
+      t.items ? (o(), l("tbody", ge, [
+        (o(!0), l(A, 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,
+            innerHTML: f,
+            "data-label": a.cellHeading(S),
+            "data-numeric": a.numericValue(f)
+          }, null, 8, ke))), 128))
+        ], 8, we))), 128))
+      ])) : h("v-if", !0)
+    ]),
+    b(e.$slots, "default")
+  ], 8, ye);
+}
+const E = /* @__PURE__ */ g(pe, [["render", Se], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/Table/Table.vue"]]), $e = {
+  name: "Input",
+  props: {
+    value: {
+      type: String,
+      required: !1
+    },
+    id: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    list: {
+      type: String,
+      required: !1
+    },
+    label: {
+      type: String,
+      required: !1
+    },
+    labelclass: {
+      type: String,
+      required: !1
+    },
+    inputclass: {
+      type: String,
+      required: !1
+    },
+    type: {
+      type: String,
+      required: !1,
+      default: "text"
+    },
+    size: {
+      type: String,
+      required: !1
+    },
+    errormsg: {
+      type: String,
+      required: !1
+    },
+    options: {
+      type: Array,
+      required: !1
+    },
+    prefix: {
+      type: String,
+      required: !1
+    },
+    prefixClass: {
+      type: String,
+      required: !1
+    },
+    suffix: {
+      type: String,
+      required: !1
+    },
+    suffixClass: {
+      type: String,
+      required: !1
+    },
+    title: {
+      type: String,
+      required: !1
+    },
+    hint: {
+      type: String,
+      required: !1
+    },
+    multiple: {
+      type: String,
+      required: !1
+    }
+  },
+  computed: {
+    displayLabel() {
+      return () => this.$attrs.multiple ? this.label + '<span class="small d-block text-body font-body fw-normal">Hold down the Ctrl (windows) or Command (Mac) button to select multiple options.</span>' : this.hint ? this.label + `<span class="small d-block text-body font-body fw-normal">${this.hint}</span>` : this.label;
+    },
+    wrapperClass() {
+      return () => {
+        switch (this.type) {
+          case "radio":
+          case "checkbox":
+            return "form-check";
+          case "radio-btn":
+          case "checkbox-btn":
+            return !1;
+          default:
+            return "form-control__wrapper";
+        }
+      };
+    },
+    needPattern() {
+      return () => {
+        if (this.pattern)
+          return this.pattern;
+        switch (this.type) {
+          case "datetime-local":
+            return "[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}";
+        }
+        return !1;
+      };
+    },
+    needsLabel() {
+      return () => {
+        switch (this.type) {
+          case "radio":
+          case "radio-btn":
+          case "checkbox":
+          case "checkbox-btn":
+            return !1;
+          default:
+            return !0;
+        }
+      };
+    },
+    isInput() {
+      return () => {
+        switch (this.type) {
+          case "textarea":
+          case "select":
+          case "radio":
+          case "radio-btn":
+          case "checkbox":
+          case "checkbox-btn":
+          case "range":
+          case "color":
+            return !1;
+          default:
+            return !0;
+        }
+      };
+    },
+    allowDatalist() {
+      return () => {
+        switch (this.type) {
+          case "select":
+          case "radio":
+          case "radio-btn":
+          case "checkbox":
+          case "checkbox-btn":
+            return !1;
+          default:
+            return !0;
+        }
+      };
+    },
+    hasOptions() {
+      return () => {
+        if (this.list)
+          return this.list;
+        if (this.options)
+          return this.id + "-list";
+      };
+    },
+    inputVal: {
+      get() {
+        return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
+      },
+      set(e) {
+        this.$emit("input", e);
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      let e = this.$refs.wrapper;
+      if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
+        const n = document.createDocumentFragment();
+        Array.from(e.childNodes).forEach((t) => n.appendChild(t)), e.parentNode.insertBefore(n, e), e.parentNode.removeChild(e);
+      }
+    });
+  },
+  methods: {
+    inputKeyup(e) {
+      this.$emit("keyupEvent", e);
+    },
+    clickEvent() {
+      this.$emit("bus");
+    }
+  }
+}, Ae = ["for", "innerHTML", "title"], xe = ["innerHTML"], Le = ["innerHTML"], qe = ["type", "name", "id", "pattern", "list"], Te = ["type", "name", "id", "pattern"], Ce = {
+  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 = {
+  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) {
+  return o(), l("div", {
+    class: v(a.wrapperClass()),
+    ref: "wrapper"
+  }, [
+    a.needsLabel() ? (o(), l("label", {
+      key: 0,
+      class: v(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
+      for: t.id,
+      innerHTML: a.displayLabel(),
+      title: t.title
+    }, null, 10, Ae)) : h("v-if", !0),
+    h(" 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),
+    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 "),
+    a.isInput() ? N((o(), l("input", T({
+      key: 3,
+      "onUpdate:modelValue": n[0] || (n[0] = (r) => a.inputVal = r),
+      class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
+      type: t.type,
+      name: t.name ? t.name : t.id,
+      id: t.id,
+      pattern: a.needPattern(),
+      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 "),
+    t.type == "textarea" ? N((o(), l("textarea", T({
+      key: 4,
+      "onUpdate:modelValue": n[2] || (n[2] = (r) => a.inputVal = r),
+      class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
+      type: t.type,
+      name: t.name ? t.name : t.id,
+      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, [
+      N(s("input", T({
+        "onUpdate:modelValue": n[3] || (n[3] = (r) => a.inputVal = r),
+        class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
+        type: t.type,
+        name: t.name ? t.name : t.id,
+        id: t.id,
+        pattern: a.needPattern(),
+        list: a.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Me), [
+        [V, a.inputVal]
+      ]),
+      s("output", He, w(t.value), 1)
+    ])) : h("v-if", !0),
+    h(" Color picker "),
+    t.type == "color" ? (o(), l("div", Ne, [
+      N(s("input", T({
+        "onUpdate:modelValue": n[4] || (n[4] = (r) => a.inputVal = r),
+        class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
+        type: t.type,
+        name: t.name ? t.name : t.id,
+        id: t.id,
+        pattern: a.needPattern(),
+        list: a.hasOptions()
+      }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, De), [
+        [V, a.inputVal]
+      ]),
+      s("output", Be, w(t.value ? e.vale : "#000000"), 1)
+    ])) : h("v-if", !0),
+    h(" Select/dropdown "),
+    t.type == "select" ? N((o(), l("select", T({
+      key: 7,
+      "onUpdate:modelValue": n[5] || (n[5] = (r) => a.inputVal = r),
+      class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
+      type: t.type,
+      name: t.id,
+      id: t.id,
+      pattern: a.needPattern()
+    }, e.$attrs), [
+      (o(!0), l(A, 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),
+    a.allowDatalist() ? (o(), l("datalist", {
+      key: 8,
+      id: t.id + "-list"
+    }, [
+      (o(!0), l(A, 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 "),
+    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),
+    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 "),
+    t.type == "checkbox-btn" || t.type == "radio-btn" ? (o(), l("input", T({
+      key: 11,
+      class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
+      type: t.type.replace("-btn", ""),
+      autocomplete: "off",
+      name: t.name ? t.name : t.id,
+      id: t.id
+    }, e.$attrs), null, 16, Ge)) : h("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 "),
+    t.errormsg ? (o(), l("p", {
+      key: 13,
+      class: "invalid-feedback mb-0",
+      innerHTML: t.errormsg
+    }, null, 8, je)) : h("v-if", !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 = {
+  components: {
+    Input: I
+  },
+  name: "FileUploads",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    inputcolclass: {
+      type: String,
+      required: !1
+    },
+    maxfilesize: {
+      type: Number,
+      required: !1
+    },
+    maxfiles: {
+      type: Number,
+      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" }, [
+  /* @__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, [
+      s("div", {
+        class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
+      }, [
+        $(r, {
+          type: "file",
+          id: t.id,
+          name: `${t.id}[]`,
+          label: "Add new file",
+          labelclass: "d-none",
+          class: "form-control-inline col",
+          required: "",
+          "data-filesize": t.maxfilesize
+        }, null, 8, ["id", "name", "data-filesize"])
+      ], 2),
+      s("div", Re, [
+        b(e.$slots, "default")
+      ]),
+      Ze
+    ]),
+    s("button", {
+      type: "button",
+      class: "btn btn-secondary me-0",
+      "data-add": "",
+      "data-maxfiles": t.maxfiles
+    }, "+ Add file", 8, Qe)
+  ]);
+}
+const $i = /* @__PURE__ */ g(We, [["render", Ye], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/FileUploads/FileUploads.vue"]]);
+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");
+        });
+      });
+    });
+  }
+  if (window.location.hash && document.querySelector(window.location.hash + ":not([open]) summary")) {
+    const n = document.querySelector(window.location.hash + " summary");
+    n instanceof HTMLElement && n.click();
+  }
+  window.addEventListener("hashchange", function() {
+    if (window.location.hash && document.querySelector(window.location.hash + " summary")) {
+      const n = document.querySelector(window.location.hash + " summary");
+      n instanceof HTMLElement && n.click();
+    }
+  });
+}
+const et = {
+  name: "Accordion",
+  props: {},
+  mounted() {
+    Xe(this.$refs.wrapper);
+  }
+}, tt = {
+  class: "container accordion",
+  ref: "wrapper"
+};
+function st(e, n, t, c, m, 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 = {
+  name: "AccordionItem",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    titlecolour: {
+      type: String,
+      required: !1
+    },
+    badge: {
+      type: [Number, String],
+      required: !1
+    },
+    badgecolour: {
+      type: String,
+      required: !1,
+      default: "light"
+    },
+    lazy: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  computed: {
+    createID() {
+      return (e) => `${me(e)}`;
+    }
+  },
+  data() {
+    return {
+      show: !this.lazy
+    };
+  }
+}, it = ["id"], nt = { class: "accordion-header accordion-button h4" }, rt = {
+  key: 0,
+  class: "accordion-body"
+};
+function ot(e, n, t, c, m, 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)
+    }, [
+      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)
+      ])
+    ], 2),
+    m.show ? (o(), l("div", rt, [
+      b(e.$slots, "default")
+    ])) : h("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 = {
+  name: "Header",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    image: {
+      type: String,
+      required: !1
+    },
+    background: {
+      type: String,
+      default: "light",
+      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, [
+    s("div", {
+      class: v("bg-" + t.background + " mb-4")
+    }, [
+      s("div", dt, [
+        s("div", ut, [
+          s("div", ft, [
+            s("h2", null, w(t.title), 1),
+            b(e.$slots, "default")
+          ])
+        ]),
+        s("div", mt, [
+          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)
+        ])
+      ])
+    ], 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 = {
+  name: "Card",
+  props: {
+    link: {
+      type: String,
+      required: !1
+    },
+    cardClass: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    titleclass: {
+      type: String,
+      required: !1,
+      default: "h4"
+    },
+    title: {
+      type: String,
+      required: !1
+    },
+    subtitle: {
+      type: String,
+      required: !1
+    },
+    content: {
+      type: String,
+      required: !1
+    },
+    type: {
+      type: String,
+      required: !1
+    },
+    btntype: {
+      type: String,
+      required: !1,
+      default: "secondary"
+    },
+    ctatext: {
+      type: String,
+      required: !1,
+      default: "Find out more"
+    },
+    hidectatext: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    image: {
+      type: String,
+      required: !1
+    },
+    target: {
+      type: String,
+      required: !1
+    },
+    details: {
+      type: Object,
+      required: !1
+    }
+  },
+  computed: {
+    cardStatus() {
+      return () => this.details && this.details.status ? `${this.details.status == "Live now" ? '<span class="text-danger lh-0 fs-1 align-middle">&#8226;</span>&nbsp;&nbsp;' : ""}${this.details.status}` : "";
+    },
+    cardMedia() {
+      return () => `<svg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 30 28' class="icon text-white"><title>Images </title><path d='M15 10.5c2.484 0 4.5 2.016 4.5 4.5s-2.016 4.5-4.5 4.5-4.5-2.016-4.5-4.5 2.016-4.5 4.5-4.5zM26 4c2.203 0 4 1.797 4 4v14c0 2.203-1.797 4-4 4h-22c-2.203 0-4-1.797-4-4v-14c0-2.203 1.797-4 4-4h3.5l0.797-2.125c0.391-1.031 1.609-1.875 2.703-1.875h8c1.094 0 2.312 0.844 2.703 1.875l0.797 2.125h3.5zM15 22c3.859 0 7-3.141 7-7s-3.141-7-7-7-7 3.141-7 7 3.141 7 7 7z'></path></svg> ${this.details && this.details.images ? `${this.details.images}` : "0"}&nbsp;&nbsp;|&nbsp;&nbsp;<svg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 28 28' class="icon text-white ms-0"><title>Videos </title><path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z"></path></svg> ${this.details && this.details.videos ? `${this.details.videos}` : "0"}`;
+    },
+    cardContent() {
+      return () => {
+        const e = function(m) {
+          switch (m) {
+            case "Modern method":
+              return "bg-secondary text-primary";
+            case "Freehold":
+              return "bg-light text-dark";
+            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 = `
+        ${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}`;
+      };
+    }
+  }
+}, yt = ["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 = {
+  key: 1,
+  class: "card-footer"
+}, xt = { class: "visually-hidden" };
+function Lt(e, n, t, c, m, a) {
+  return o(), l("a", {
+    href: t.link,
+    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", {
+        src: t.image,
+        alt: "",
+        loading: "lazy",
+        class: "card-image"
+      }, null, 8, vt),
+      s("div", gt, [
+        this.details && this.details.status ? (o(), l("span", {
+          key: 0,
+          class: "badge bg-primary p-2 me-2",
+          innerHTML: a.cardStatus()
+        }, null, 8, wt)) : h("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)
+      ]),
+      t.details && t.details.logo ? (o(), l("img", {
+        key: 0,
+        src: t.details.logo,
+        alt: "",
+        loading: "lazy",
+        class: "card-logo"
+      }, null, 8, St)) : h("v-if", !0)
+    ])) : h("v-if", !0),
+    s("div", {
+      class: "card-body",
+      innerHTML: a.cardContent()
+    }, null, 8, $t),
+    t.hidectatext == !1 ? (o(), l("div", At, [
+      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);
+}
+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 = {
+  components: {
+    Card: R
+  },
+  name: "CardDeck",
+  props: {
+    items: {
+      type: Array,
+      required: !1
+    },
+    cols: {
+      type: Number,
+      required: !1,
+      default: 1
+    },
+    smcols: {
+      type: Number,
+      required: !1,
+      default: 1
+    },
+    mdcols: {
+      type: Number,
+      required: !1,
+      default: 3
+    },
+    gap: {
+      type: Number,
+      required: !1,
+      default: 4
+    },
+    cardtype: {
+      type: String,
+      required: !1
+    },
+    cardclass: {
+      type: String,
+      required: !1
+    },
+    btntype: {
+      type: String,
+      required: !1
+    },
+    titleclass: {
+      type: String,
+      required: !1
+    },
+    ctatext: {
+      type: String,
+      required: !1
+    },
+    hidectatext: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  }
+}, Tt = ["data-card-type"];
+function Ct(e, n, t, c, m, a) {
+  const r = M("Card");
+  return o(), l("div", {
+    class: "container card-deck prevent-invert",
+    "data-card-type": t.cardtype
+  }, [
+    b(e.$slots, "default"),
+    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", {
+        class: "col",
+        key: f
+      }, [
+        $(r, T(i, {
+          class: t.cardclass,
+          type: t.cardtype,
+          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))
+    ], 2),
+    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"]]);
+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");
+  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");
+    }, 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");
+        }), i.classList.add("active");
+        const f = document.querySelector(i.getAttribute("href"));
+        t.scroll({
+          top: 0,
+          left: f.offsetLeft,
+          behavior: "smooth"
+        });
+        break;
+      }
+  }, !1), e.addEventListener("click", function(r) {
+    for (var i = r.target; i && i != this; i = i.parentNode)
+      if (i.matches(".btn-next, .btn-prev")) {
+        r.preventDefault();
+        let f = i.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
+        t.scroll({
+          top: 0,
+          left: f,
+          behavior: "smooth"
+        });
+        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");
+}
+let B = Mt.props;
+B.gap.default = 0;
+B.cols.default = 1;
+B.smcols.default = 2;
+B.mdcols.default = 4;
+const Nt = {
+  components: {
+    Card: R
+  },
+  name: "Carousel",
+  data() {
+    return {
+      id: null
+    };
+  },
+  props: {
+    ...B,
+    colclass: {
+      type: String,
+      required: !1
+    },
+    type: {
+      type: String,
+      required: !1
+    }
+  },
+  computed: {
+    content() {
+      return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
+    }
+  },
+  mounted() {
+    this.id = this._uid, this.$nextTick(function() {
+      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", {
+  class: "btn btn-prev",
+  "data-go": "0",
+  disabled: ""
+}, "Prev", -1), Vt = /* @__PURE__ */ s("button", {
+  class: "btn btn-next",
+  "data-go": "2"
+}, "Next", -1);
+function Gt(e, n, t, c, m, a) {
+  const r = M("Card");
+  return o(), l("div", {
+    class: "container carousel",
+    id: "carousel" + m.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 ")
+    ]),
+    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", {
+            class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
+            key: f,
+            id: "carousel" + m.id + "slide" + (f + 1)
+          }, [
+            $(r, T(i, {
+              class: e.cardclass,
+              type: e.cardtype,
+              btnyype: e.btntype,
+              titleclass: e.titleclass,
+              ctatext: e.ctatext,
+              hidectatext: e.hidectatext
+            }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
+          ], 10, It))), 128))
+        ], 2)) : h("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(A, 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)
+      ]),
+      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", {
+          key: f,
+          href: "#carousel" + m.id + "slide" + (f + 1),
+          class: v(`control-${f + 1}`)
+        }, "Slide " + w(f + 1), 11, Ft))), 128))
+      ], 2),
+      zt,
+      Vt
+    ])
+  ], 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 = {
+  name: "Header",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    image: {
+      type: String,
+      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", {
+  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 "),
+      b(e.$slots, "breadcrumb"),
+      s("div", Wt, [
+        s("h1", { innerHTML: t.title }, null, 8, Kt),
+        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)
+  ]);
+}
+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) {
+  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 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, 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);
+    }, 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({
+          top: f,
+          left: S,
+          behavior: "smooth"
+        });
+        break;
+      }
+  }, !1);
+}
+const Xt = {
+  name: "Testimonial",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    background: {
+      type: String,
+      default: "light",
+      required: !1
+    }
+  },
+  mounted() {
+    Yt(this.$refs.wrapper);
+  }
+}, es = {
+  class: "container testimonial mb-5",
+  "data-show": "1",
+  ref: "wrapper"
+}, ts = { class: "row" }, ss = { class: "col-md-5 position-relative" }, as = { class: "testimonial__images" }, is = ["src"], ns = /* @__PURE__ */ s("div", { class: "testimonial__controls" }, [
+  /* @__PURE__ */ s("button", {
+    "data-go": "0",
+    disabled: "",
+    class: "btn-prev"
+  }, "Previous"),
+  /* @__PURE__ */ s("button", {
+    "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) {
+  return o(), l("div", es, [
+    s("div", {
+      class: v("bg-" + t.background)
+    }, [
+      s("div", ts, [
+        s("div", ss, [
+          s("div", as, [
+            (o(!0), l(A, null, x(t.items, (r, i) => (o(), l("img", {
+              key: i,
+              src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
+              alt: "",
+              class: v("h-100 w-100 object-cover" + (r.image ? "" : " opacity-0"))
+            }, null, 10, is))), 128))
+          ]),
+          ns
+        ]),
+        s("div", rs, [
+          os,
+          s("div", ls, [
+            (o(!0), l(A, null, x(t.items, (r, i) => (o(), l("blockquote", {
+              key: i,
+              class: v(r.class)
+            }, [
+              s("div", {
+                innerHTML: r.quote
+              }, null, 8, cs),
+              s("cite", {
+                innerHTML: r.cite
+              }, null, 8, ds)
+            ], 2))), 128))
+          ]),
+          s("div", us, [
+            b(e.$slots, "default")
+          ])
+        ])
+      ]),
+      fs
+    ], 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 = {
+  components: {
+    Input: I
+  },
+  name: "PropertySearchbar",
+  props: {
+    formaction: {
+      type: String,
+      required: !1
+    },
+    formmethod: {
+      type: String,
+      required: !1
+    },
+    location: {
+      type: String,
+      required: !1
+    },
+    locations: {
+      type: Array,
+      required: !1
+    },
+    distances: {
+      type: Array,
+      required: !1,
+      default() {
+        return [
+          { value: "0.25", display: "+\xBC mi" },
+          { value: "0.5", display: "+\xBD mi" },
+          { value: "1", display: "+1 mi" },
+          { value: "2", display: "+2 mi" },
+          { value: "3", display: "+3 mi" },
+          { value: "4", display: "+4 mi" },
+          { value: "5", display: "+5 mi" }
+        ];
+      }
+    },
+    pricemin: {
+      type: Array,
+      required: !1,
+      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" }
+        ];
+      }
+    },
+    pricemax: {
+      type: Array,
+      required: !1,
+      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" }
+        ];
+      }
+    },
+    bedsmin: {
+      type: Array,
+      required: !1,
+      default() {
+        return [
+          { value: "any", display: "No min" },
+          { value: "0", display: "Studio min" },
+          { value: "1", display: "1 bed min" },
+          { value: "2", display: "2 beds min" },
+          { value: "3", display: "3 beds min" },
+          { value: "4", display: "4 beds min" },
+          { value: "5", display: "5 beds min" },
+          { value: "6", display: "6 beds min" }
+        ];
+      }
+    },
+    bedsmax: {
+      type: Array,
+      required: !1,
+      default() {
+        return [
+          { value: "any", display: "No max" },
+          { value: "0", display: "Studio max" },
+          { value: "1", display: "1 bed max" },
+          { value: "2", display: "2 beds max" },
+          { value: "3", display: "3 beds max" },
+          { value: "4", display: "4 beds max" },
+          { value: "5", display: "5 beds max" },
+          { value: "6", display: "6 beds max" }
+        ];
+      }
+    },
+    propertytypes: {
+      type: Array,
+      required: !1,
+      default() {
+        return [
+          { value: "all", display: "Show all" },
+          { value: "Bungalow", display: "Bungalow" },
+          { value: "Character Property", display: "Character Property" },
+          { value: "Commercial Property", display: "Commercial Property" },
+          { value: "Flat / Apartment", display: "Flat / Apartment" },
+          { value: "Garage / Parking", display: "Garage / Parking" },
+          { value: "Guest House / Hotel", display: "Guest House / Hotel" },
+          { value: "House", display: "House" },
+          { value: "House / Flat Share", display: "House / Flat Share" },
+          { value: "Land", display: "Land" },
+          { value: "Mobile / Park Home", display: "Mobile / Park Home" },
+          { value: "Private Halls", display: "Private Halls" },
+          { value: "Retirement Property", display: "Retirement Property" }
+        ];
+      }
+    }
+  },
+  data() {
+    return {
+      locationSave: ""
+    };
+  },
+  methods: {
+    locationKeyup: function(e) {
+      this.$emit("locationKeyup", e);
+    }
+  },
+  computed: {
+    locationSet: {
+      get() {
+        return this.locationSave ? this.locationSave : this.location;
+      },
+      set(e) {
+        this.locationSave = e, this.$emit("input", e);
+      }
+    },
+    locationsList() {
+      return () => this.locations ? this.locations : [
+        { value: "Newcastle" }
+      ];
+    }
+  }
+}, _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 = {
+  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 = {
+  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" }, [
+  /* @__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");
+  return o(), l("div", _s, [
+    b(e.$slots, "default"),
+    s("div", ps, [
+      s("form", {
+        class: "row",
+        action: t.formaction,
+        method: t.formmethod
+      }, [
+        s("fieldset", bs, [
+          $(r, {
+            inputClass: "input--locations",
+            modelValue: a.locationSet,
+            "onUpdate:modelValue": n[0] || (n[0] = (i) => a.locationSet = i),
+            label: "Location",
+            id: "location",
+            options: a.locationsList(),
+            required: "",
+            placeholder: "i.e. Newcastle or NE1",
+            onKeyupEvent: n[1] || (n[1] = (i) => a.locationKeyup(...arguments)),
+            ref: "search"
+          }, null, 8, ["modelValue", "options"]),
+          $(r, {
+            class: "select--miles",
+            label: "Miles",
+            id: "miles",
+            type: "select",
+            options: t.distances
+          }, null, 8, ["options"])
+        ]),
+        s("fieldset", vs, [
+          gs,
+          s("div", ws, [
+            $(r, {
+              class: "col-6",
+              label: "Minimum price",
+              id: "price-min",
+              "data-min": "true",
+              type: "select",
+              options: t.pricemin
+            }, null, 8, ["options"]),
+            $(r, {
+              class: "col-6",
+              label: "Maximum price",
+              id: "price-max",
+              "data-max": "true",
+              type: "select",
+              options: t.pricemax
+            }, null, 8, ["options"])
+          ])
+        ]),
+        s("fieldset", ks, [
+          Ss,
+          s("div", $s, [
+            $(r, {
+              class: "col-6",
+              label: "Minimum beds",
+              id: "beds-min",
+              "data-min": "true",
+              type: "select",
+              options: t.bedsmin
+            }, null, 8, ["options"]),
+            $(r, {
+              class: "col-6",
+              label: "Maximum beds",
+              id: "beds-max",
+              "data-max": "true",
+              type: "select",
+              options: t.bedsmax
+            }, null, 8, ["options"])
+          ])
+        ]),
+        s("fieldset", As, [
+          $(r, {
+            label: "Property type",
+            id: "property-type",
+            type: "select",
+            options: t.propertytypes
+          }, null, 8, ["options"])
+        ]),
+        xs
+      ], 8, ys)
+    ]),
+    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) => {
+  Array.from(e.querySelectorAll("details")).forEach((n, t) => {
+    n.addEventListener("mouseenter", function(c) {
+      window.matchMedia("(min-width: 62em)").matches && n.setAttribute("open", "true");
+    }, !1), n.addEventListener("mouseleave", function(c) {
+      window.matchMedia("(min-width: 62em)").matches && n.removeAttribute("open");
+    }, !1);
+  }), "IntersectionObserver" in window && new IntersectionObserver(
+    ([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
+    { threshold: [1] }
+  ).observe(e);
+};
+const Ts = {
+  components: {
+    Input: I,
+    Logo: ue,
+    Icon: re
+  },
+  name: "Nav",
+  props: {
+    logo: {
+      type: String,
+      required: !1
+    },
+    logotext: {
+      type: String,
+      required: !1
+    },
+    logopath: {
+      type: String,
+      required: !1
+    },
+    search: {
+      type: String,
+      required: !1
+    },
+    btnlink: {
+      type: String,
+      required: !1
+    },
+    btntext: {
+      type: String,
+      required: !1
+    },
+    propertylink: {
+      type: String,
+      required: !1
+    },
+    movebutlerlink: {
+      type: String,
+      required: !1
+    },
+    iamsoldlink: {
+      type: String,
+      required: !1
+    }
+  },
+  data() {
+    return {
+      locationSave: ""
+    };
+  },
+  methods: {
+    subIsActive(e) {
+      return (Array.isArray(e) ? e : [e]).some((t) => this.$route.path.indexOf(t) === 0);
+    }
+  },
+  computed: {
+    hasLogoSlot() {
+      return !!this.$slots.logo;
+    },
+    hasSecondarySlot() {
+      return !!this.$slots.secondary;
+    },
+    hasSearchSlot() {
+      return !!this.$slots.search;
+    },
+    hasAccountSlot() {
+      return !!this.$slots.account;
+    },
+    isMarketplace() {
+      return !1;
+    }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      qs(this.$refs.wrapper);
+    });
+  }
+}, Cs = /* @__PURE__ */ s("input", {
+  type: "checkbox",
+  name: "showMenu",
+  id: "showMenu",
+  class: "d-none"
+}, null, -1), Ms = /* @__PURE__ */ s("input", {
+  type: "checkbox",
+  name: "showSearch",
+  id: "showSearch",
+  class: "d-none"
+}, null, -1), Hs = /* @__PURE__ */ s("input", {
+  type: "checkbox",
+  name: "showAccount",
+  id: "showAccount",
+  class: "d-none"
+}, null, -1), Ns = { class: "nav__mobile-bar" }, Ds = { class: "container" }, Bs = { class: "row" }, Ps = {
+  key: 0,
+  class: "col mw-md-fit-content nav__logo"
+}, Is = {
+  key: 1,
+  class: "col mw-md-fit-content nav__logo"
+}, Us = {
+  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" }, [
+  /* @__PURE__ */ s("label", { for: "showMenu" }, "Menu")
+], -1), zs = { class: "nav__inner" }, Vs = { class: "container" }, Gs = { class: "row" }, Os = {
+  key: 0,
+  class: "col mw-md-fit-content nav__logo"
+}, js = {
+  key: 1,
+  class: "col mw-md-fit-content nav__logo"
+}, Js = {
+  href: "/",
+  class: "text-decoration-none mb-0"
+}, Ws = {
+  key: 2,
+  class: "col mw-fit-content nav__search-btn flex-row align-items-center"
+}, Ks = /* @__PURE__ */ s("label", { for: "showSearch" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "icon",
+    viewBox: "0 0 32 32"
+  }, [
+    /* @__PURE__ */ s("title", null, "Search"),
+    /* @__PURE__ */ s("ellipse", {
+      cx: "14.92",
+      cy: "13.81",
+      rx: "11.92",
+      ry: "11.81",
+      class: "icon__outline"
+    }),
+    /* @__PURE__ */ s("line", {
+      x1: "22.68",
+      y1: "22.75",
+      x2: "30",
+      y2: "30",
+      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" }, [
+  /* @__PURE__ */ s("label", { for: "showMenu" }, "Menu")
+], -1), Zs = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Qs = {
+  key: 3,
+  class: "col nav__account-btn flex-row align-items-center"
+}, Ys = /* @__PURE__ */ s("label", { for: "showAccount" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "icon",
+    viewBox: "0 0 28 28"
+  }, [
+    /* @__PURE__ */ s("path", {
+      d: "M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",
+      transform: "translate(0 -0.001)"
+    }),
+    /* @__PURE__ */ s("path", {
+      d: "M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",
+      transform: "translate(8.8 4.8)"
+    })
+  ]),
+  /* @__PURE__ */ s("span", null, "My account")
+], -1), Xs = [
+  Ys
+], ea = {
+  key: 4,
+  class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
+}, ta = ["href", "innerHTML"], sa = {
+  key: 0,
+  class: "nav__menu--secondary"
+}, aa = { class: "container" }, ia = {
+  key: 1,
+  class: "nav__menu--search"
+}, 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 = {
+  key: 0,
+  class: "col mw-md-fit-content nav__logo"
+}, ua = {
+  key: 1,
+  class: "col mw-md-fit-content nav__logo"
+}, 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" }, [
+  /* @__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");
+  return o(), l("nav", {
+    class: v(`nav${a.hasSecondarySlot ? " has-secondary" : ""}`),
+    ref: "wrapper"
+  }, [
+    Cs,
+    Ms,
+    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, {
+                id: t.logo,
+                path: t.logopath,
+                desc: t.logotext,
+                class: "pb-0"
+              }, null, 8, ["id", "path", "desc"])
+            ])
+          ])),
+          Fs
+        ])
+      ])
+    ]),
+    s("div", zs, [
+      s("div", Vs, [
+        s("div", Gs, [
+          a.hasLogoSlot ? (o(), l("div", Os, [
+            b(e.$slots, "logo")
+          ])) : (o(), l("div", js, [
+            s("a", Js, [
+              $(r, {
+                id: t.logo,
+                path: t.logopath,
+                desc: t.logotext,
+                class: "pb-0"
+              }, null, 8, ["id", "path", "desc"])
+            ])
+          ])),
+          a.hasSearchSlot ? (o(), l("div", Ws, Es)) : h("v-if", !0),
+          Rs,
+          h(" Main menu "),
+          s("div", Zs, [
+            b(e.$slots, "default")
+          ]),
+          a.hasAccountSlot ? (o(), l("div", Qs, Xs)) : h("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)
+        ])
+      ]),
+      a.hasSecondarySlot ? (o(), l("div", sa, [
+        s("div", aa, [
+          b(e.$slots, "secondary")
+        ])
+      ])) : h("v-if", !0),
+      a.hasSearchSlot ? (o(), l("div", ia, [
+        s("div", na, [
+          s("div", ra, [
+            b(e.$slots, "search")
+          ])
+        ])
+      ])) : h("v-if", !0)
+    ]),
+    a.hasAccountSlot ? (o(), l("div", oa, [
+      s("div", la, [
+        s("div", ca, [
+          a.hasLogoSlot ? (o(), l("div", da, [
+            b(e.$slots, "logo")
+          ])) : (o(), l("div", ua, [
+            s("a", fa, [
+              $(r, {
+                id: t.logo,
+                path: t.logopath,
+                desc: t.logotext,
+                class: "pb-0"
+              }, null, 8, ["id", "path", "desc"])
+            ])
+          ])),
+          ma
+        ])
+      ]),
+      s("div", ha, [
+        b(e.$slots, "account")
+      ])
+    ])) : h("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 n = new IntersectionObserver(
+    function([c]) {
+      c.target.classList.toggle("in-view", c.intersectionRatio > 0), document.getElementById("showDrawer").checked = !1;
+    },
+    { threshold: [1] }
+  ), t = document.getElementById("drawer-end");
+  n.observe(t);
+};
+const ba = {
+  name: "Header",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      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);
+      });
+    });
+  }
+}, va = { ref: "wrapper" }, ga = /* @__PURE__ */ s("input", {
+  type: "checkbox",
+  name: "showDrawer",
+  id: "showDrawer",
+  class: "d-none"
+}, null, -1), wa = { class: "drawer__btn pb-0" }, ka = { class: "container text-end pb-0" }, Sa = {
+  for: "showDrawer",
+  class: "btn btn-secondary me-0"
+}, $a = {
+  class: "drawer",
+  id: "drawer",
+  ref: "drawer"
+}, Aa = /* @__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")
+  ])
+], -1), xa = /* @__PURE__ */ s("hr", { id: "drawer-end" }, null, -1);
+function La(e, n, t, c, m, a) {
+  return o(), l("div", va, [
+    ga,
+    s("div", wa, [
+      s("div", ka, [
+        s("label", Sa, w(t.label), 1)
+      ])
+    ]),
+    s("div", $a, [
+      Aa,
+      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() {
+    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());
+  }), document.addEventListener("keydown", function(i) {
+    i.key === "Escape" && document.querySelector(".modal:target") && a();
+  }), e.addEventListener("click", function(i) {
+    for (var f = i.target; f && f != this; f = f.parentNode)
+      if (f.matches('[href="#close"]')) {
+        i.preventDefault(), a();
+        break;
+      } else if (f.matches(".modal__dock--right")) {
+        i.preventDefault(), e.classList.contains("modal--left") || e.classList.add("modal--right"), e.classList.remove("modal--left");
+        break;
+      } else if (f.matches(".modal__dock--left")) {
+        i.preventDefault(), e.classList.contains("modal--right") || e.classList.add("modal--left"), e.classList.remove("modal--right");
+        break;
+      }
+  });
+  function r() {
+    if (location.hash === "#" + m) {
+      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();
+    }
+  }
+  window.onhashchange = r;
+};
+const Ta = {
+  name: "Modal",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    returnid: {
+      type: String,
+      default: "close",
+      required: !1
+    }
+  },
+  mounted() {
+    this.$nextTick(function() {
+      qa(this.$refs.modal);
+    });
+  }
+}, Ca = ["id"], Ma = ["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", {
+  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) {
+  return o(), l("div", {
+    class: "modal",
+    id: t.id,
+    role: "dialog",
+    modal: "true",
+    ref: "modal"
+  }, [
+    s("a", {
+      href: `#${t.returnid ? t.returnid : ""}`,
+      tabindex: "-1"
+    }, Na, 8, Ma),
+    s("div", Da, [
+      s("a", {
+        href: `#${t.returnid ? t.returnid : ""}`,
+        class: "btn btn-tertiary py-1 px-2"
+      }, Ua, 8, Ba),
+      s("div", Fa, [
+        b(e.$slots, "default")
+      ])
+    ]),
+    za,
+    Va
+  ], 8, Ca);
+}
+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 = {
+  name: "Stepper",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    endlabel: {
+      type: String,
+      required: !1,
+      default: "Complete"
+    }
+  }
+}, ja = { class: "container" }, Ja = ["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, [
+    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 ")
+        ])
+      ]),
+      s("span", Ea, w(t.endlabel), 1)
+    ], 8, Ja)
+  ]);
+}
+const Bi = /* @__PURE__ */ g(Oa, [["render", Ra], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/Stepper/Stepper.vue"]]), Za = {
+  name: "Stepper",
+  props: {
+    url: {
+      type: String,
+      required: !1
+    },
+    status: {
+      type: String,
+      required: !1
+    },
+    current: {
+      type: String,
+      required: !1
+    }
+  }
+}, Qa = ["href", "aria-current"], Ya = {
+  key: 0,
+  class: "visually-hidden"
+};
+function Xa(e, n, t, c, m, a) {
+  return o(), l("li", null, [
+    s("a", {
+      href: t.url,
+      class: v(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
+      "aria-current": typeof t.current < "u"
+    }, [
+      s("span", null, [
+        b(e.$slots, "default")
+      ]),
+      t.status ? (o(), l("em", Ya, " - status: " + w(t.status), 1)) : h("v-if", !0)
+    ], 10, Qa)
+  ]);
+}
+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 = {
+  name: "Tabs",
+  data() {
+    return {
+      tabsID: "tabs_" + Math.random().toString(36).substr(2, 9)
+    };
+  },
+  computed: {
+    tabLinks() {
+      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 = {
+              name: this.tabsID,
+              id: this.tabsID + "_tab" + n++,
+              tabTitle: m
+            };
+            e.push(a);
+          }
+        return e;
+      };
+    }
+  },
+  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++);
+    }
+  }
+}, ti = {
+  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", {
+      type: "radio",
+      class: "tab__input",
+      key: i,
+      "data-key": i,
+      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", {
+        key: i,
+        for: r.id,
+        class: "link",
+        onClick: (f) => a.openTab(i)
+      }, w(r.tabTitle), 9, ii))), 128))
+    ]),
+    s("div", ni, [
+      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 = {
+  name: "Tab",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    lazy: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  data() {
+    return {
+      show: !this.lazy
+    };
+  },
+  watch: {
+    show(e, n) {
+      console.log(e);
+    }
+  }
+}, li = {
+  key: 0,
+  class: "tab"
+};
+function ci(e, n, t, c, m, a) {
+  return m.show ? (o(), l("div", li, [
+    b(e.$slots, "default")
+  ])) : h("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) {
+  if (e.addEventListener("click", function(t) {
+    for (var c = t.target; c && c != this; c = c.parentNode)
+      if (c.matches(".btn-close")) {
+        t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
+          e.remove();
+        }, 300);
+        break;
+      }
+  }, !1), e.hasAttribute("data-timeout")) {
+    let t = e.getAttribute("data-timeout");
+    setTimeout(function() {
+      e.classList.remove("show"), setTimeout(function() {
+        e.remove();
+      }, 300);
+    }, t);
+  }
+  if (!document.querySelector(".alert__holder")) {
+    document.getElementsByTagName("BODY")[0];
+    let t = document.createElement("div");
+    t.classList.add("alert__holder"), document.querySelector("main") ? document.querySelector("main").appendChild(t) : document.body.appendChild(t);
+  }
+  let n = document.querySelector(".alert__holder");
+  e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && n.appendChild(e);
+}
+const ui = {
+  name: "Alert",
+  props: {
+    dismissible: {
+      type: [String, Boolean],
+      required: !1,
+      default: !1
+    },
+    colour: {
+      type: String,
+      required: !1,
+      default: "primary"
+    },
+    timeout: {
+      type: [String, Number],
+      required: !1
+    }
+  },
+  mounted() {
+    di(this.$refs.wrapper);
+  }
+}, fi = ["data-timeout"], mi = {
+  key: 0,
+  type: "button",
+  class: "btn-close",
+  "data-bs-dismiss": "alert",
+  "aria-label": "Close"
+};
+function hi(e, n, t, c, m, a) {
+  return o(), l("div", {
+    class: v(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
+    ref: "wrapper",
+    "data-timeout": t.timeout,
+    style: ee(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
+  }, [
+    s("div", {
+      class: v(`alert__inner bg-${t.colour}`),
+      role: "alert"
+    }, [
+      t.dismissible ? (o(), l("button", mi)) : h("v-if", !0),
+      b(e.$slots, "default")
+    ], 2)
+  ], 14, fi);
+}
+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 = {
+  components: {
+    Table: E,
+    Input: I
+  },
+  data() {
+    return {
+      itemsData: [...this.items]
+    };
+  },
+  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({
+        date_added: t,
+        user: n.get("user"),
+        note: n.get("addNote")
+      }), this.$emit("formSubmitted", e);
+    }
+  },
+  name: "NoteFeed",
+  props: {
+    user: {
+      type: String,
+      required: !0
+    },
+    ...Z,
+    title: {
+      type: String,
+      required: !1
+    },
+    method: {
+      type: String,
+      required: !1,
+      default: "post"
+    },
+    action: {
+      type: String,
+      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, [
+    t.title ? (o(), l("span", {
+      key: 0,
+      class: "h3",
+      innerHTML: t.title
+    }, null, 8, yi)) : h("v-if", !0),
+    $(r, T({
+      fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
+      items: m.itemsData
+    }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
+    s("form", {
+      action: t.action,
+      method: t.method,
+      onSubmit: n[0] || (n[0] = te((f) => a.submitForm(...arguments), ["prevent"]))
+    }, [
+      s("input", {
+        type: "hidden",
+        value: t.user,
+        name: "user"
+      }, null, 8, vi),
+      $(i, {
+        id: "addNote",
+        type: "textarea",
+        label: "Add note",
+        required: "",
+        class: "mw-100"
+      }),
+      gi
+    ], 40, bi)
+  ]);
+}
+const zi = /* @__PURE__ */ g(_i, [["render", wi], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/NoteFeed/NoteFeed.vue"]]);
+export {
+  Ai as Accordion,
+  xi as AccordionItem,
+  Fi as Alert,
+  Li as Banner,
+  R as Card,
+  Mt as CardDeck,
+  qi as Carousel,
+  Ni as Drawer,
+  $i as FileUploads,
+  Ti as Header,
+  re as Icon,
+  I 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
+};