@iamproperty/components 3.0.0 → 3.1.0

package/dist/components.es.js

@@ -1,4 +1,4 @@
-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 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)
@@ -80,7 +80,7 @@ function K(e) {
   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 $ = function(_, u) {
+  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;
@@ -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;
@@ -239,7 +239,7 @@ function K(e) {
         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,7 +266,7 @@ 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));
     }
@@ -395,7 +395,7 @@ const pe = {
     });
   }
 }, 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, m, a) {
   return o(), l("div", {
     class: "table__wrapper",
     ref: "wrapper",
@@ -410,7 +410,7 @@ 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(A, null, x(t.fields, (r) => (o(), l("th", {
             key: r.key,
             "data-sortable": r.sortable,
             "data-filterable": r.filterable
@@ -418,14 +418,14 @@ function $e(e, n, t, c, m, a) {
         ], 2)
       ])) : h("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(A, 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(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($),
+            "data-label": a.cellHeading(S),
             "data-numeric": a.numericValue(f)
           }, null, 8, ke))), 128))
         ], 8, we))), 128))
@@ -434,7 +434,7 @@ function $e(e, n, t, c, m, a) {
     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 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: {
@@ -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,7 +618,7 @@ 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 = {
+}, 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 = {
@@ -632,7 +636,7 @@ function Je(e, n, t, c, m, a) {
       for: t.id,
       innerHTML: a.displayLabel(),
       title: t.title
-    }, null, 10, Se)) : h("v-if", !0),
+    }, null, 10, Ae)) : h("v-if", !0),
     h(" Prefix and Suffix "),
     t.prefix ? (o(), l("span", {
       key: 1,
@@ -713,7 +717,7 @@ 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(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))
@@ -724,7 +728,7 @@ function Je(e, n, t, c, m, a) {
       key: 8,
       id: t.id + "-list"
     }, [
-      (o(!0), l(S, null, x(t.options, (r, i) => (o(), l("option", {
+      (o(!0), l(A, null, x(t.options, (r, i) => (o(), l("option", {
         key: i,
         value: r.value
       }, w(r.value), 9, Fe))), 128))
@@ -768,7 +772,7 @@ function Je(e, n, t, c, m, a) {
     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 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
   },
@@ -805,7 +809,7 @@ function Ye(e, n, t, c, m, a) {
       s("div", {
         class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
       }, [
-        A(r, {
+        $(r, {
           type: "file",
           id: t.id,
           name: `${t.id}[]`,
@@ -829,7 +833,7 @@ function Ye(e, n, t, c, m, a) {
     }, "+ Add file", 8, Qe)
   ]);
 }
-const Ai = /* @__PURE__ */ g(We, [["render", Ye], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/elements/FileUploads/FileUploads.vue"]]);
+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");
@@ -867,7 +871,7 @@ function st(e, n, t, c, m, a) {
     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 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: {
@@ -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
@@ -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"], $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 : "")),
-    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", {
@@ -1088,18 +1102,18 @@ function Lt(e, n, t, c, m, a) {
         alt: "",
         loading: "lazy",
         class: "card-logo"
-      }, null, 8, $t)) : h("v-if", !0)
+      }, null, 8, St)) : h("v-if", !0)
     ])) : h("v-if", !0),
     s("div", {
       class: "card-body",
       innerHTML: a.cardContent()
-    }, null, 8, At),
-    t.hidectatext == !1 ? (o(), l("div", St, [
+    }, 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, " about " + w(t.title), 1)
+        s("span", xt, ": " + w(t.title), 1)
       ], 2)
     ])) : h("v-if", !0)
   ], 10, yt);
@@ -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(A, null, x(t.items, (i, f) => (o(), l("div", {
         class: "col",
         key: f
       }, [
-        A(r, T(i, {
+        $(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))
@@ -1197,7 +1211,7 @@ function Ht(e) {
   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, $ = t.scrollLeft, L = Math.round($ / f * c) + 1, C = e.querySelector(".carousel__item:last-child").offsetLeft;
+      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");
@@ -1205,8 +1219,8 @@ function Ht(e) {
   }, !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, L) => {
+          S.classList.remove("active");
         }), i.classList.add("active");
         const f = document.querySelector(i.getAttribute("href"));
         t.scroll({
@@ -1293,12 +1307,12 @@ function Gt(e, n, t, c, m, a) {
           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(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)
           }, [
-            A(r, T(i, {
+            $(r, T(i, {
               class: e.cardclass,
               type: e.cardtype,
               btnyype: e.btntype,
@@ -1312,7 +1326,7 @@ function Gt(e, n, t, c, m, a) {
           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(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),
@@ -1323,7 +1337,7 @@ function Gt(e, n, t, c, m, a) {
       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(A, null, x(e.items, (i, f) => (o(), l("a", {
           key: f,
           href: "#carousel" + m.id + "slide" + (f + 1),
           class: v(`control-${f + 1}`)
@@ -1385,16 +1399,16 @@ function Yt(e) {
   };
   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, 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, $ = 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, 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: $,
+          left: S,
           behavior: "smooth"
         });
         break;
@@ -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(A, 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(A, null, x(t.items, (r, i) => (o(), l("blockquote", {
               key: i,
               class: v(r.class)
             }, [
@@ -1626,10 +1640,10 @@ 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), $s = {
   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" }, [
+}, 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",
@@ -1647,7 +1661,7 @@ function Ls(e, n, t, c, m, a) {
         method: t.formmethod
       }, [
         s("fieldset", bs, [
-          A(r, {
+          $(r, {
             inputClass: "input--locations",
             modelValue: a.locationSet,
             "onUpdate:modelValue": n[0] || (n[0] = (i) => a.locationSet = i),
@@ -1659,7 +1673,7 @@ function Ls(e, n, t, c, m, a) {
             onKeyupEvent: n[1] || (n[1] = (i) => a.locationKeyup(...arguments)),
             ref: "search"
           }, null, 8, ["modelValue", "options"]),
-          A(r, {
+          $(r, {
             class: "select--miles",
             label: "Miles",
             id: "miles",
@@ -1670,7 +1684,7 @@ function Ls(e, n, t, c, m, a) {
         s("fieldset", vs, [
           gs,
           s("div", ws, [
-            A(r, {
+            $(r, {
               class: "col-6",
               label: "Minimum price",
               id: "price-min",
@@ -1678,7 +1692,7 @@ function Ls(e, n, t, c, m, a) {
               type: "select",
               options: t.pricemin
             }, null, 8, ["options"]),
-            A(r, {
+            $(r, {
               class: "col-6",
               label: "Maximum price",
               id: "price-max",
@@ -1689,9 +1703,9 @@ function Ls(e, n, t, c, m, a) {
           ])
         ]),
         s("fieldset", ks, [
-          $s,
-          s("div", As, [
-            A(r, {
+          Ss,
+          s("div", $s, [
+            $(r, {
               class: "col-6",
               label: "Minimum beds",
               id: "beds-min",
@@ -1699,7 +1713,7 @@ function Ls(e, n, t, c, m, a) {
               type: "select",
               options: t.bedsmin
             }, null, 8, ["options"]),
-            A(r, {
+            $(r, {
               class: "col-6",
               label: "Maximum beds",
               id: "beds-max",
@@ -1709,8 +1723,8 @@ function Ls(e, n, t, c, m, a) {
             }, null, 8, ["options"])
           ])
         ]),
-        s("fieldset", Ss, [
-          A(r, {
+        s("fieldset", As, [
+          $(r, {
             label: "Property type",
             id: "property-type",
             type: "select",
@@ -1936,7 +1950,7 @@ function pa(e, n, t, c, m, a) {
             b(e.$slots, "logo")
           ])) : (o(), l("div", Is, [
             s("a", Us, [
-              A(r, {
+              $(r, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1955,7 +1969,7 @@ function pa(e, n, t, c, m, a) {
             b(e.$slots, "logo")
           ])) : (o(), l("div", js, [
             s("a", Js, [
-              A(r, {
+              $(r, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -1999,7 +2013,7 @@ function pa(e, n, t, c, m, a) {
             b(e.$slots, "logo")
           ])) : (o(), l("div", ua, [
             s("a", fa, [
-              A(r, {
+              $(r, {
                 id: t.logo,
                 path: t.logopath,
                 desc: t.logotext,
@@ -2048,14 +2062,14 @@ 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 = {
+}, $a = {
   class: "drawer",
   id: "drawer",
   ref: "drawer"
-}, Sa = /* @__PURE__ */ s("div", { class: "container text-end pb-0" }, [
+}, 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"
@@ -2069,11 +2083,11 @@ function La(e, n, t, c, m, a) {
     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,
+    s("div", $a, [
+      Aa,
       b(e.$slots, "default")
     ], 512),
     xa
@@ -2271,7 +2285,7 @@ const ei = {
 }, 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", {
+    (o(!0), l(A, null, x(a.tabLinks(), (r, i) => (o(), l("input", {
       type: "radio",
       class: "tab__input",
       key: i,
@@ -2281,7 +2295,7 @@ function ri(e, n, t, c, m, a) {
       checked: i == 0
     }, null, 8, si))), 128)),
     s("div", ai, [
-      (o(!0), l(S, null, x(a.tabLinks(), (r, i) => (o(), l("label", {
+      (o(!0), l(A, null, x(a.tabLinks(), (r, i) => (o(), l("label", {
         key: i,
         for: r.id,
         class: "link",
@@ -2451,7 +2465,7 @@ function wi(e, n, t, c, m, a) {
       class: "h3",
       innerHTML: t.title
     }, null, 8, yi)) : h("v-if", !0),
-    A(r, T({
+    $(r, T({
       fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
       items: m.itemsData
     }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
@@ -2465,7 +2479,7 @@ function wi(e, n, t, c, m, a) {
         value: t.user,
         name: "user"
       }, null, 8, vi),
-      A(i, {
+      $(i, {
         id: "addNote",
         type: "textarea",
         label: "Add note",
@@ -2478,7 +2492,7 @@ function wi(e, n, t, c, m, a) {
 }
 const zi = /* @__PURE__ */ g(_i, [["render", wi], ["__file", "C:/Users/James.Lambert/Documents/Github/iamproperty-vue-component-library/src/components/NoteFeed/NoteFeed.vue"]]);
 export {
-  Si as Accordion,
+  Ai as Accordion,
   xi as AccordionItem,
   Fi as Alert,
   Li as Banner,
@@ -2486,7 +2500,7 @@ export {
   Mt as CardDeck,
   qi as Carousel,
   Ni as Drawer,
-  Ai as FileUploads,
+  $i as FileUploads,
   Ti as Header,
   re as Icon,
   I as Input,