@iamproperty/components 3.7.8--beta-2 → 3.7.9-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/assets/css/components/dialog.css +1 -1
  2. package/assets/css/components/dialog.css.map +1 -1
  3. package/assets/css/components/fileupload.css +1 -0
  4. package/assets/css/components/fileupload.css.map +1 -0
  5. package/assets/css/components/forms.css +1 -1
  6. package/assets/css/components/forms.css.map +1 -1
  7. package/assets/css/core.min.css +1 -1
  8. package/assets/css/core.min.css.map +1 -1
  9. package/assets/css/style.min.css +1 -1
  10. package/assets/css/style.min.css.map +1 -1
  11. package/assets/js/components/accordion/accordion.component.min.js +1 -1
  12. package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
  13. package/assets/js/components/card/card.component.min.js +1 -1
  14. package/assets/js/components/fileupload/fileupload.component.js +44 -0
  15. package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
  16. package/assets/js/components/header/header.component.min.js +1 -1
  17. package/assets/js/components/notification/notification.component.min.js +1 -1
  18. package/assets/js/components/pagination/pagination.component.min.js +1 -1
  19. package/assets/js/components/table/table.component.min.js +10 -10
  20. package/assets/js/components/table/table.component.min.js.map +1 -1
  21. package/assets/js/components/tabs/tabs.component.min.js +1 -1
  22. package/assets/js/dynamic.min.js +5 -5
  23. package/assets/js/dynamic.min.js.map +1 -1
  24. package/assets/js/modules/data-layer.js +32 -34
  25. package/assets/js/modules/dialogs.js +1 -1
  26. package/assets/js/modules/fileupload.js +70 -0
  27. package/assets/js/modules/inputs.js +10 -0
  28. package/assets/js/modules/table.js +49 -31
  29. package/assets/js/scripts.bundle.js +22 -22
  30. package/assets/js/scripts.bundle.js.map +1 -1
  31. package/assets/js/scripts.bundle.min.js +2 -2
  32. package/assets/js/scripts.bundle.min.js.map +1 -1
  33. package/assets/sass/_forms.scss +1 -1
  34. package/assets/sass/components/dialog.scss +3 -1
  35. package/assets/sass/components/fileupload.scss +156 -0
  36. package/assets/sass/components/forms.scss +98 -135
  37. package/assets/ts/components/accordion/README.md +15 -0
  38. package/assets/ts/components/applied-filters/README.md +15 -0
  39. package/assets/ts/components/card/README.md +15 -0
  40. package/assets/ts/components/fileupload/README.md +28 -0
  41. package/assets/ts/components/fileupload/fileupload.component.ts +55 -0
  42. package/assets/ts/components/filterlist/README.md +15 -0
  43. package/assets/ts/components/header/README.md +16 -3
  44. package/assets/ts/components/notification/README.md +15 -0
  45. package/assets/ts/components/pagination/README.md +15 -0
  46. package/assets/ts/components/table/README.md +15 -0
  47. package/assets/ts/components/tabs/README.md +15 -0
  48. package/assets/ts/modules/data-layer.md +72 -0
  49. package/assets/ts/modules/data-layer.ts +37 -41
  50. package/assets/ts/modules/dialogs.ts +1 -1
  51. package/assets/ts/modules/fileupload.ts +106 -0
  52. package/assets/ts/modules/inputs.ts +14 -0
  53. package/assets/ts/modules/table.ts +67 -44
  54. package/assets/ts/tests/data-layer.spec.js +69 -0
  55. package/dist/components.es.js +1122 -1148
  56. package/dist/components.umd.js +55 -40
  57. package/package.json +1 -1
  58. package/src/components/Card/Card.vue +8 -4
  59. package/src/components/FileUpload/FileUpload.vue +29 -0
  60. package/src/components/FileUpload/README.md +13 -0
  61. package/src/index.js +1 -1
  62. package/src/components/FileUploads/FileUploads.vue +0 -48
  63. package/src/components/FileUploads/README.md +0 -24
@@ -1,10 +1,10 @@
1
- import { openBlock as u, createElementBlock as m, normalizeClass as A, createElementVNode as d, toDisplayString as $, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as _, withDirectives as z, mergeProps as H, vModelDynamic as W, vModelText as ct, vModelSelect as dt, resolveComponent as N, createVNode as x, createTextVNode as ut, withModifiers as mt } from "vue";
2
- const k = (e, a) => {
3
- const t = e.__vccOpts || e;
4
- for (const [r, s] of a)
5
- t[r] = s;
6
- return t;
7
- }, ht = {
1
+ import { openBlock as u, createElementBlock as m, normalizeClass as L, createElementVNode as d, toDisplayString as $, createCommentVNode as g, Fragment as T, renderList as M, renderSlot as v, withDirectives as N, mergeProps as H, vModelDynamic as W, vModelText as ue, vModelSelect as me, createTextVNode as he, resolveComponent as R, createVNode as q, withModifiers as fe } from "vue";
2
+ const S = (t, a) => {
3
+ const e = t.__vccOpts || t;
4
+ for (const [r, i] of a)
5
+ e[r] = i;
6
+ return e;
7
+ }, be = {
8
8
  name: "Logo",
9
9
  props: {
10
10
  id: {
@@ -29,412 +29,421 @@ const k = (e, a) => {
29
29
  return "brand brand--" + this.id;
30
30
  }
31
31
  }
32
- }, ft = ["xlink:href"], bt = ["innerHTML"];
33
- function pt(e, a, t, r, s, i) {
32
+ }, pe = ["xlink:href"], ye = ["innerHTML"];
33
+ function ge(t, a, e, r, i, o) {
34
34
  return u(), m("div", {
35
- class: A(i.className)
35
+ class: L(o.className)
36
36
  }, [
37
37
  (u(), m("svg", null, [
38
- d("title", null, "iam " + $(t.id), 1),
38
+ d("title", null, "iam " + $(e.id), 1),
39
39
  d("use", {
40
- "xlink:href": t.path + i.src
41
- }, null, 8, ft)
40
+ "xlink:href": e.path + o.src
41
+ }, null, 8, pe)
42
42
  ])),
43
- t.desc ? (u(), m("span", {
43
+ e.desc ? (u(), m("span", {
44
44
  key: 0,
45
- innerHTML: t.desc
46
- }, null, 8, bt)) : g("", !0)
45
+ innerHTML: e.desc
46
+ }, null, 8, ye)) : g("", !0)
47
47
  ], 2);
48
48
  }
49
- const yt = /* @__PURE__ */ k(ht, [["render", pt]]);
49
+ const _e = /* @__PURE__ */ S(be, [["render", ge]]);
50
50
  /*!
51
- * iamKey v3.7.8--beta-2
51
+ * iamKey v3.7.9-beta
52
52
  * Copyright 2022-2023 iamproperty
53
53
  */
54
- const gt = function(e) {
55
- return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
56
- }, _t = (e, a) => String(e).padStart(a, "0"), vt = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = function(e, a) {
57
- if (!e.getAttribute("data-pages"))
54
+ const ve = function(t) {
55
+ return typeof t != "string" ? !1 : !isNaN(t) && !isNaN(parseFloat(t));
56
+ }, we = (t, a) => String(t).padStart(a, "0"), Ae = (t) => t.charAt(0).toUpperCase() + t.slice(1), F = function(t, a) {
57
+ if (!t.getAttribute("data-pages"))
58
58
  return !1;
59
- e.getAttribute("data-page") || e.setAttribute("data-page", 1);
60
- let t = e.getAttribute("data-page"), r = e.getAttribute("data-pages"), s = e.getAttribute("data-total"), i = e.getAttribute("data-show"), o = e.getAttribute("data-increment");
59
+ t.getAttribute("data-page") || t.setAttribute("data-page", 1);
60
+ let e = t.getAttribute("data-page"), r = t.getAttribute("data-pages"), i = t.getAttribute("data-total"), o = t.getAttribute("data-show"), s = t.getAttribute("data-increment");
61
61
  if (r <= 1)
62
62
  return a.innerHTML = "", !1;
63
- let c = "";
64
- for (let n = 1; n <= r; n++)
65
- n == t ? c += `<li class="page-item active" aria-current="page"><span class="page-link">${n}</span></li>` : c += `<li class="page-item"><a href="?page=${n}" class="page-link" data-page="${n}">${n}</a></li>`;
63
+ let l = "";
64
+ for (let c = 1; c <= r; c++)
65
+ c == e ? l += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : l += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
66
66
  return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
67
- ${t == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) - 1}" class="page-link" data-page="${parseInt(t) - 1}">Previous</a></li>`}
68
- ${c}
69
- ${t == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
67
+ ${e == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(e) - 1}" class="page-link" data-page="${parseInt(e) - 1}">Previous</a></li>`}
68
+ ${l}
69
+ ${e == r ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(e) + 1}" class="page-link" data-page="${parseInt(e) + 1}">Next</a></li>`}
70
70
  </ul>`, a.innerHTML += `<div class="d-sm-none text-center">
71
- <span class="d-block pb-2">You've viewed ${i} of ${s} results</span>
72
- <a href="?show=${parseInt(i) + parseInt(o)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(i) + parseInt(o)}">Load more results</a>
71
+ <span class="d-block pb-2">You've viewed ${o} of ${i} results</span>
72
+ <a href="?show=${parseInt(o) + parseInt(s)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(o) + parseInt(s)}">Load more results</a>
73
73
  </div>`, !0;
74
74
  };
75
- var wt = function(e, a, t, r) {
76
- function s(i) {
77
- return i instanceof t ? i : new t(function(o) {
78
- o(i);
75
+ var Se = function(t, a, e, r) {
76
+ function i(o) {
77
+ return o instanceof e ? o : new e(function(s) {
78
+ s(o);
79
79
  });
80
80
  }
81
- return new (t || (t = Promise))(function(i, o) {
82
- function c(h) {
81
+ return new (e || (e = Promise))(function(o, s) {
82
+ function l(f) {
83
83
  try {
84
- l(r.next(h));
85
- } catch (f) {
86
- o(f);
84
+ n(r.next(f));
85
+ } catch (p) {
86
+ s(p);
87
87
  }
88
88
  }
89
- function n(h) {
89
+ function c(f) {
90
90
  try {
91
- l(r.throw(h));
92
- } catch (f) {
93
- o(f);
91
+ n(r.throw(f));
92
+ } catch (p) {
93
+ s(p);
94
94
  }
95
95
  }
96
- function l(h) {
97
- h.done ? i(h.value) : s(h.value).then(c, n);
96
+ function n(f) {
97
+ f.done ? o(f.value) : i(f.value).then(l, c);
98
98
  }
99
- l((r = r.apply(e, a || [])).next());
99
+ n((r = r.apply(t, a || [])).next());
100
100
  });
101
101
  };
102
- const Q = (e) => {
103
- const a = Array.from(e.querySelectorAll("thead th"));
104
- Array.from(e.querySelectorAll("tbody tr")).forEach((t, r) => {
105
- const s = Array.from(t.querySelectorAll("th, td")), i = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
106
- s.forEach((o, c) => {
107
- const n = a[c];
108
- if (typeof n < "u") {
109
- let l = document.createElement("div");
110
- l.innerHTML = n.innerHTML;
111
- let h = l.textContent || l.innerText || "";
112
- o.setAttribute("data-label", h), n.hasAttribute("data-td-class") && o.setAttribute("class", n.getAttribute("data-td-class")), n.hasAttribute("data-format") && (o.setAttribute("data-format", n.getAttribute("data-format")), o.innerHTML = K(n.getAttribute("data-format"), o.textContent.trim())), i.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
102
+ const ee = (t) => {
103
+ const a = Array.from(t.querySelectorAll("thead th"));
104
+ Array.from(t.querySelectorAll("tbody tr")).forEach((e, r) => {
105
+ const i = Array.from(e.querySelectorAll("th, td")), o = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
106
+ i.forEach((s, l) => {
107
+ const c = a[l];
108
+ if (typeof c < "u") {
109
+ let n = document.createElement("div");
110
+ n.innerHTML = c.innerHTML;
111
+ let f = n.textContent || n.innerText || "";
112
+ s.setAttribute("data-label", f), c.hasAttribute("data-td-class") && s.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (s.setAttribute("data-format", c.getAttribute("data-format")), s.innerHTML = K(c.getAttribute("data-format"), s.textContent.trim())), o.includes(s.textContent.trim().toLowerCase()) && s.setAttribute("data-content", s.textContent.trim().toLowerCase());
113
113
  }
114
114
  });
115
115
  });
116
- }, At = (e) => {
116
+ }, Le = (t) => {
117
117
  let a = 0;
118
- return Array.from(e.querySelectorAll("tbody tr")).forEach((t, r) => {
119
- let s = window.getComputedStyle(document.querySelector("html")), i = t.querySelector(":scope > *:last-child > *:first-child");
120
- if (i) {
121
- i.classList.add("text-nowrap");
122
- let o = i.offsetWidth / parseFloat(s.fontSize);
123
- o += 1.7, a = a > o ? a : o;
118
+ return Array.from(t.querySelectorAll("tbody tr")).forEach((e, r) => {
119
+ let i = window.getComputedStyle(document.querySelector("html")), o = e.querySelector(":scope > *:last-child > *:first-child");
120
+ if (o) {
121
+ o.classList.add("text-nowrap");
122
+ let s = o.offsetWidth / parseFloat(i.fontSize);
123
+ s += 1.7, a = a > s ? a : s;
124
124
  }
125
125
  }), a;
126
- }, kt = (e) => {
127
- if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
126
+ }, ke = (t) => {
127
+ if (t.closest(".table--fullwidth") || t.querySelectorAll("thead tr th").length < 4)
128
128
  return !1;
129
- Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
130
- let r = a.querySelector(":scope > :is(td,th):first-child"), s = r.textContent;
131
- if (s != "")
132
- r.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
129
+ Array.from(t.querySelectorAll("tbody tr")).forEach((a, e) => {
130
+ let r = a.querySelector(":scope > :is(td,th):first-child"), i = r.textContent;
131
+ if (i != "")
132
+ r.innerHTML = `<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`;
133
133
  else {
134
- let i = a.querySelector(":scope > :is(td,th):nth-child(2)"), o = i.textContent;
135
- i.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
134
+ let o = a.querySelector(":scope > :is(td,th):nth-child(2)"), s = o.textContent;
135
+ o.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
136
136
  }
137
137
  });
138
- }, St = (e) => {
139
- e.addEventListener("click", (a) => {
138
+ }, qe = (t) => {
139
+ t.addEventListener("click", (a) => {
140
140
  if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
141
- let t = a.target.closest("tr > :is(td,th):first-child button"), r = t.parentNode.closest("tr");
142
- r.getAttribute("data-view") == "full" ? r.setAttribute("data-view", "default") : r.setAttribute("data-view", "full"), t.blur();
141
+ let e = a.target.closest("tr > :is(td,th):first-child button"), r = e.parentNode.closest("tr");
142
+ r.getAttribute("data-view") == "full" ? r.setAttribute("data-view", "default") : r.setAttribute("data-view", "full"), e.blur();
143
143
  }
144
144
  });
145
- }, tt = (e, a) => {
146
- let t = a.querySelector("[data-search]");
147
- if (!t)
145
+ }, te = (t, a) => {
146
+ let e = a.querySelector("[data-search]");
147
+ if (!e)
148
148
  return !1;
149
- const r = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
150
- let i = t.parentNode, o = {};
151
- s.forEach((c, n) => {
152
- Array.from(e.querySelectorAll('td[data-label="' + c.trim() + '"]')).forEach((l, h) => {
153
- l.querySelector(".td__content") ? o[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : o[l.textContent] = l.textContent;
149
+ const r = e.getAttribute("id"), i = e.getAttribute("data-search").split(",");
150
+ let o = e.parentNode, s = {};
151
+ i.forEach((l, c) => {
152
+ Array.from(t.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((n, f) => {
153
+ n.querySelector(".td__content") ? s[n.querySelector(".td__content").textContent] = n.querySelector(".td__content").textContent : s[n.textContent] = n.textContent;
154
154
  });
155
- }), t.setAttribute("list", `${r}_list`), t.setAttribute("autocomplete", "off"), i.querySelector("datalist") || (i.innerHTML += `<datalist id="${r}_list"></datalist>`), i.querySelector("datalist").innerHTML = `${Object.keys(o).map((c) => `<option value="${c}"></option>`).join("")}`;
156
- }, Lt = (e, a, t, r, s) => {
157
- var i;
158
- let o = function(l = !1) {
155
+ }), e.setAttribute("list", `${r}_list`), e.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${r}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(s).map((l) => `<option value="${l}"></option>`).join("")}`;
156
+ }, $e = (t, a, e, r, i) => {
157
+ var o;
158
+ let s = function(n = !1) {
159
159
  if (a.hasAttribute("data-ajax")) {
160
- if (!l) {
161
- let h = a.querySelector("[data-pagination]");
162
- h.value = 1, r.setAttribute("data-page", 1);
160
+ if (!n) {
161
+ let f = a.querySelector("[data-pagination]");
162
+ f.value = 1, r.setAttribute("data-page", 1);
163
163
  }
164
- at(e, a, t, r);
164
+ re(t, a, e, r);
165
165
  } else
166
- a.hasAttribute("data-submit") ? a.submit() : (G(e, a, r), F(r, t), j(e, a));
166
+ a.hasAttribute("data-submit") ? a.submit() : (G(t, a, r), F(r, e), j(t, a));
167
+ if (a.hasAttribute("data-ajax-post")) {
168
+ let f = new FormData(a), p = new URLSearchParams(f).toString();
169
+ const h = new XMLHttpRequest();
170
+ h.open("GET", `${window.location.href}?ajax=true&${p}`), h.send();
171
+ }
167
172
  };
168
- a.addEventListener("keyup", (l) => {
169
- clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (i = setTimeout(function() {
170
- o();
173
+ a.addEventListener("keyup", (n) => {
174
+ clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && (o = setTimeout(function() {
175
+ s();
171
176
  }, 500));
172
- }), a.addEventListener("change", (l) => {
173
- clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(e, a, s), o()), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && o(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, r), F(r, t), j(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && o(), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && o(), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && o();
174
- }), a.addEventListener("click", (l) => {
175
- clearTimeout(i), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || J(e, a, s), o());
176
- }), a.addEventListener("submit", (l) => {
177
- clearTimeout(i), a.hasAttribute("data-submit") || l.preventDefault(), o();
178
- }), a.addEventListener("force", (l) => {
179
- o();
180
- }), a.addEventListener("paginate", (l) => {
181
- o(!0);
177
+ }), a.addEventListener("change", (n) => {
178
+ clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(t, a, i), s()), n && n.target instanceof HTMLElement && n.target.closest("[data-search]") && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-filter][data-no-ajax]") ? (G(t, a, r), F(r, e), j(t, a)) : (n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && n.target.closest("form .dialog__wrapper > dialog") || n && n.target instanceof HTMLElement && n.target.closest("[data-filter]") && !n.target.closest("form dialog")) && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-show]") && s(), n && n.target instanceof HTMLElement && n.target.closest("[data-mimic]") && s();
179
+ }), a.addEventListener("click", (n) => {
180
+ clearTimeout(o), n && n.target instanceof HTMLElement && n.target.closest('dialog button:not([type="button"])') && n.target.closest('dialog button:not([type="button"])').closest("dialog").close(), n && n.target instanceof HTMLElement && n.target.closest(".dialog__close") && (n.preventDefault(), n.stopPropagation()), n && n.target instanceof HTMLElement && n.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || J(t, a, i), s());
181
+ }), a.addEventListener("submit", (n) => {
182
+ clearTimeout(o), a.hasAttribute("data-submit") || n.preventDefault(), s();
183
+ }), a.addEventListener("force", (n) => {
184
+ s();
185
+ }), a.addEventListener("paginate", (n) => {
186
+ s(!0);
182
187
  });
183
- let c = [], n = [];
184
- Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, h) => {
185
- let f = l.getAttribute("data-mimic");
186
- Array.from(document.querySelectorAll(`[name="${f}"]`)).forEach((b, y) => {
187
- let p = b.closest("form");
188
- c.includes(p) || c.push(p), n.includes(f) || n.push(f);
188
+ let l = [], c = [];
189
+ Array.from(a.querySelectorAll("[data-mimic]")).forEach((n, f) => {
190
+ let p = n.getAttribute("data-mimic");
191
+ Array.from(document.querySelectorAll(`[name="${p}"]`)).forEach((h, b) => {
192
+ let y = h.closest("form");
193
+ l.includes(y) || l.push(y), c.includes(p) || c.push(p);
189
194
  });
190
- }), c.forEach((l, h) => {
191
- const f = function() {
192
- let b = [], y = new FormData(l);
193
- for (const [p, w] of y)
194
- document.querySelector(`[data-mimic="${p}"]`) && !b.includes(p) ? (b.push(p), document.querySelector(`[data-mimic="${p}"]`).value = w) : document.querySelector(`[data-mimic="${p}"]`) && (document.querySelector(`[data-mimic="${p}"]`).value += "," + w);
195
- for (const p of b) {
196
- const w = new Event("force");
197
- a.dispatchEvent(w);
195
+ }), l.forEach((n, f) => {
196
+ const p = function() {
197
+ let h = [], b = new FormData(n);
198
+ for (const [y, A] of b)
199
+ document.querySelector(`[data-mimic="${y}"]`) && !h.includes(y) ? (h.push(y), document.querySelector(`[data-mimic="${y}"]`).value = A) : document.querySelector(`[data-mimic="${y}"]`) && (document.querySelector(`[data-mimic="${y}"]`).value += "," + A);
200
+ for (const y of h) {
201
+ const A = new Event("force");
202
+ a.dispatchEvent(A);
198
203
  }
199
- for (const p of n)
200
- if (!y.has(p) && l.querySelector(`[name="${p}"]`)) {
201
- document.querySelector(`[data-mimic="${p}"]`).value = "";
202
- const w = new Event("force");
203
- a.dispatchEvent(w);
204
+ for (const y of c)
205
+ if (!b.has(y) && n.querySelector(`[name="${y}"]`)) {
206
+ document.querySelector(`[data-mimic="${y}"]`).value = "";
207
+ const A = new Event("force");
208
+ a.dispatchEvent(A);
204
209
  }
205
210
  };
206
- l.addEventListener("force", (b) => {
207
- f();
208
- }), l.addEventListener("change", (b) => {
209
- f();
211
+ n.addEventListener("force", (h) => {
212
+ p();
213
+ }), n.addEventListener("change", (h) => {
214
+ p();
210
215
  });
211
216
  });
212
- }, J = (e, a, t) => {
217
+ }, J = (t, a, e) => {
213
218
  if (a.getAttribute("data-ajax"))
214
219
  return !1;
215
- let r = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), i = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), o = i.getAttribute("data-sort"), c = i.getAttribute("data-order"), n = i.getAttribute("data-format");
216
- if (!o)
217
- return r.innerHTML = t.innerHTML, Q(e), !1;
218
- let l = [];
219
- ["asc", "desc", "descending"].includes(c) || (l = c.split(","));
220
- let h = [];
221
- Array.from(r.querySelectorAll("tr")).forEach((b, y) => {
222
- let p = b.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
223
- b.querySelector('[data-label="' + o + '"] .td__content') && (p = b.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), l.length && l.includes(p) && (p = l.indexOf(p)), gt(p) && (p = _t(p, 10)), n && n == "date" && (p = new Date(p));
224
- const w = { index: p, row: b };
225
- h.push(w);
226
- }), h.sort((b, y) => b.index > y.index ? 1 : -1), (c == "descending" || c == "desc") && (h = h.reverse());
227
- let f = "";
228
- h.forEach((b, y) => {
229
- f += b.row.outerHTML;
230
- }), r.innerHTML = f;
231
- }, G = (e, a, t) => {
232
- e.classList.remove("table--filtered");
233
- let r = [], s = [], i = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, c = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
234
- if (Array.from(e.querySelectorAll("tbody tr")).forEach((n, l) => {
235
- n.classList.remove("filtered"), n.classList.remove("filtered--matched"), n.classList.remove("filtered--show"), n.removeAttribute("data-filtered-by");
236
- }), Array.from(a.querySelectorAll("[data-filter]")).forEach((n, l) => {
237
- if (!(n.type == "radio" && !n.checked) && !(n.type == "checkbox" && !n.checked)) {
238
- if (n.getAttribute("data-filter") == "multi")
239
- for (const [h, f] of Object.entries(JSON.parse(n.value)))
240
- r[n.getAttribute("data-filter")].push(f);
241
- else if (n && n.value) {
242
- let h = n.getAttribute("data-filter");
243
- r[h] || (r[h] = new Array()), r[h].push(n.value);
244
- }
245
- }
220
+ let r = t.querySelector("tbody"), i = a.querySelector("[data-sort]"), o = i.querySelector(`option:nth-child(${i.selectedIndex + 1})`), s = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), c = o.getAttribute("data-format");
221
+ if (!s)
222
+ return r.innerHTML = e.innerHTML, ee(t), !1;
223
+ let n = [];
224
+ ["asc", "desc", "descending"].includes(l) || (n = l.split(","));
225
+ let f = [];
226
+ Array.from(r.querySelectorAll("tr")).forEach((h, b) => {
227
+ let y = h.querySelector('td[data-label="' + s + '"], th[data-label="' + s + '"]').textContent.trim();
228
+ h.querySelector('[data-label="' + s + '"] .td__content') && (y = h.querySelector('[data-label="' + s + '"] .td__content').textContent.trim()), n.length && n.includes(y) && (y = n.indexOf(y)), ve(y) && (y = we(y, 10)), c && c == "date" && (y = new Date(y));
229
+ const A = { index: y, row: h };
230
+ f.push(A);
231
+ }), f.sort((h, b) => h.index > b.index ? 1 : -1), (l == "descending" || l == "desc") && (f = f.reverse());
232
+ let p = "";
233
+ f.forEach((h, b) => {
234
+ p += h.row.outerHTML;
235
+ }), r.innerHTML = p;
236
+ }, G = (t, a, e) => {
237
+ t.classList.remove("table--filtered");
238
+ let r = se(a), i = [], o = 0, s = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
239
+ if (Array.from(t.querySelectorAll("tbody tr")).forEach((c, n) => {
240
+ c.classList.remove("filtered"), c.classList.remove("filtered--matched"), c.classList.remove("filtered--show"), c.removeAttribute("data-filtered-by");
246
241
  }), a.querySelector("[data-search]")) {
247
- let n = a.querySelector("[data-search]");
248
- a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((l, h) => {
249
- s.push({ column: `${l.trim()}`, value: `${n.value}` });
242
+ let c = a.querySelector("[data-search]");
243
+ a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((n, f) => {
244
+ i.push({ column: `${n.trim()}`, value: `${c.value}` });
250
245
  });
251
246
  }
252
- Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, l) => {
253
- n.innerHTML = "";
254
- }), r.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((n, l) => {
255
- n.innerHTML += `(${r.length})`;
256
- }), e.classList.add("table--filtered");
257
- for (const [n, l] of Object.entries(r))
258
- Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((h, f) => {
259
- let b = !1;
260
- l.forEach((y, p) => {
261
- let w = h.querySelector(`[data-label="${n}"]`);
262
- if (y && y == "$today")
263
- y = K("date", /* @__PURE__ */ new Date());
264
- else if (y && y == "$yesterday") {
265
- let S = /* @__PURE__ */ new Date();
266
- S.setDate(S.getDate() - 1), y = K("date", S);
267
- } else if (y && (y == "$thisWeek" || y == "$lastWeek")) {
268
- let S = /* @__PURE__ */ new Date(), q = new Date(S.setDate(S.getDate() - (S.getDay() - 1))), v = new Date(S.setDate(S.getDate() - S.getDay() + 7)), L = new Date(w.textContent.toLowerCase());
269
- if (S.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), y == "$thisWeek")
270
- b = L >= q && L <= v;
247
+ Array.from(a.querySelectorAll("[data-filter-count]")).forEach((c, n) => {
248
+ c.innerHTML = "";
249
+ }), Object.keys(r).length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((c, n) => {
250
+ c.innerHTML += `(${Object.keys(r).length})`;
251
+ }), t.classList.add("table--filtered");
252
+ for (const [c, n] of Object.entries(r))
253
+ Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, p) => {
254
+ let h = !1;
255
+ n.forEach((b, y) => {
256
+ let A = f.querySelector(`[data-label="${c}"]`);
257
+ if (b && b == "$today")
258
+ b = K("date", /* @__PURE__ */ new Date());
259
+ else if (b && b == "$yesterday") {
260
+ let w = /* @__PURE__ */ new Date();
261
+ w.setDate(w.getDate() - 1), b = K("date", w);
262
+ } else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
263
+ let w = /* @__PURE__ */ new Date(), x = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), k = new Date(w.setDate(w.getDate() - w.getDay() + 7)), _ = new Date(A.textContent.toLowerCase());
264
+ if (w.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), b == "$thisWeek")
265
+ h = _ >= x && _ <= k;
271
266
  else {
272
- let E = new Date(q.setDate(q.getDate() - 7)), D = new Date(v.setDate(v.getDate() - 7));
273
- E.setHours(0, 0, 0, 0), D.setHours(0, 0, 0, 0), b = L >= E && L <= D;
267
+ let B = new Date(x.setDate(x.getDate() - 7)), E = new Date(k.setDate(k.getDate() - 7));
268
+ B.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), h = _ >= B && _ <= E;
274
269
  }
275
- } else if (y && y == "$thisMonth") {
276
- let S = /* @__PURE__ */ new Date(), q = S.getFullYear(), v = S.getMonth();
277
- var I = new Date(q, v, 1), R = new Date(q, v + 1, 0);
278
- let L = new Date(w.textContent.toLowerCase());
279
- I.setHours(0, 0, 0, 0), R.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b = L >= I && L <= R;
280
- } else if (y && y == "$lastMonth") {
281
- let S = /* @__PURE__ */ new Date(), q = S.getFullYear(), v = S.getMonth();
282
- var P = new Date(q, v - 1, 1), C = new Date(q, v, 0);
283
- let L = new Date(w.textContent.toLowerCase());
284
- P.setHours(0, 0, 0, 0), C.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b = L >= P && L <= C;
270
+ } else if (b && b == "$thisMonth") {
271
+ let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), k = w.getMonth();
272
+ var C = new Date(x, k, 1), z = new Date(x, k + 1, 0);
273
+ let _ = new Date(A.textContent.toLowerCase());
274
+ C.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), h = _ >= C && _ <= z;
275
+ } else if (b && b == "$lastMonth") {
276
+ let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), k = w.getMonth();
277
+ var D = new Date(x, k - 1, 1), I = new Date(x, k, 0);
278
+ let _ = new Date(A.textContent.toLowerCase());
279
+ D.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), _.setHours(0, 0, 0, 0), h = _ >= D && _ <= I;
285
280
  }
286
- w && w.textContent.toLowerCase().includes(y.toLowerCase()) && (b = !0);
287
- }), b || (h.classList.add("filtered"), h.setAttribute("data-filtered-by", n));
281
+ A && A.textContent.toLowerCase().includes(b.toLowerCase()) && (h = !0);
282
+ }), h || (f.classList.add("filtered"), f.setAttribute("data-filtered-by", c));
288
283
  });
289
- Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((n, l) => {
290
- let h = !(s.length > 0 && s[0].value.length >= 3);
291
- s.forEach((f, b) => {
292
- let y = n.querySelector(`[data-label="${f.column}"]`);
293
- y && f.value.length >= 3 && y.textContent.toLowerCase().includes(f.value.toLowerCase()) && (h = !0);
294
- }), h || n.classList.add("filtered");
295
- }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((n, l) => {
296
- i++, n.classList.add("filtered--matched"), Math.ceil(i / c) == parseInt(o) && n.classList.add("filtered--show");
297
- }), t && (t.setAttribute("data-page", o), t.setAttribute("data-pages", Math.ceil(i / c)), t.setAttribute("data-total", i), t.setAttribute("data-show", c));
298
- }, j = (e, a, t) => {
299
- Array.from(a.querySelectorAll("[data-query]")).forEach((r, s) => {
300
- let i = r.getAttribute("data-query"), o;
301
- if (i == "total")
302
- t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
303
- else if (!i.includes(" == ") && i.includes(" & ")) {
304
- let c = i.split(" & "), n = "";
305
- c.forEach((l) => {
306
- n += `:not([data-filtered-by="${l}"])`;
307
- }), o = Array.from(e.querySelectorAll(`tbody tr${n}`)).length;
308
- } else if (!i.includes(" == "))
309
- o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${i}"])`)).length;
310
- else if (i.includes(" && ")) {
311
- let c = i.split(" && ");
312
- o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(n) {
313
- let l = !0;
314
- for (const [h, f] of Object.entries(c)) {
315
- let b = f.split(" == ");
316
- (!n.querySelector(`td[data-label="${b[0]}"]`) || n.querySelector(`td[data-label="${b[0]}"]`).textContent != `${b[1]}`) && (l = !1);
284
+ Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, n) => {
285
+ let f = !(i.length > 0 && i[0].value.length >= 3);
286
+ i.forEach((p, h) => {
287
+ let b = c.querySelector(`[data-label="${p.column}"]`);
288
+ b && p.value.length >= 3 && b.textContent.toLowerCase().includes(p.value.toLowerCase()) && (f = !0);
289
+ }), f || c.classList.add("filtered");
290
+ }), Array.from(t.querySelectorAll("tbody tr:not(.filtered")).forEach((c, n) => {
291
+ o++, c.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(s) && c.classList.add("filtered--show");
292
+ }), e && (e.setAttribute("data-page", s), e.setAttribute("data-pages", Math.ceil(o / l)), e.setAttribute("data-total", o), e.setAttribute("data-show", l));
293
+ }, j = (t, a, e) => {
294
+ Array.from(a.querySelectorAll("[data-query]")).forEach((r, i) => {
295
+ let o = r.getAttribute("data-query"), s;
296
+ if (o == "total")
297
+ e.hasAttribute("data-total") ? s = e.getAttribute("data-total") : s = (t.classList.contains("table--filtered"), t.querySelectorAll("tbody tr").length);
298
+ else if (!o.includes(" == ") && o.includes(" & ")) {
299
+ let l = o.split(" & "), c = "";
300
+ l.forEach((n) => {
301
+ c += `:not([data-filtered-by="${n}"])`;
302
+ }), s = Array.from(t.querySelectorAll(`tbody tr${c}`)).length;
303
+ } else if (!o.includes(" == "))
304
+ s = Array.from(t.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;
305
+ else if (o.includes(" && ")) {
306
+ let l = o.split(" && ");
307
+ s = Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
308
+ let n = !0;
309
+ for (const [f, p] of Object.entries(l)) {
310
+ let h = p.split(" == ");
311
+ (!c.querySelector(`td[data-label="${h[0]}"]`) || c.querySelector(`td[data-label="${h[0]}"]`).textContent != `${h[1]}`) && (n = !1);
317
312
  }
318
- return l;
313
+ return n;
319
314
  }).length;
320
315
  } else {
321
- let c = i.split(" == ");
322
- o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${c[0]}"], tbody tr[data-filtered-by="${c[0]}"] td[data-label="${c[0]}"]`)).filter(function(n) {
323
- return n.textContent === c[1];
316
+ let l = o.split(" == ");
317
+ s = Array.from(t.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(c) {
318
+ return c.textContent === l[1];
324
319
  }).length;
325
320
  }
326
- r.hasAttribute("data-total") ? r.setAttribute("data-total", o) : r.innerHTML = o;
321
+ r.hasAttribute("data-total") ? r.setAttribute("data-total", s) : r.innerHTML = s;
327
322
  });
328
- }, xt = function(e, a, t, r) {
329
- t.addEventListener("click", (s) => {
330
- if (s && s.target instanceof HTMLElement && s.target.closest("[data-page]")) {
331
- s.preventDefault();
332
- let i = a.querySelector("[data-pagination]"), o = s.target.closest("[data-page]").getAttribute("data-page");
333
- if (i.value = o, r.setAttribute("data-page", o), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
334
- const l = new URL(location);
335
- l.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", l);
323
+ }, xe = function(t, a, e, r) {
324
+ e.addEventListener("click", (i) => {
325
+ if (i && i.target instanceof HTMLElement && i.target.closest("[data-page]")) {
326
+ i.preventDefault();
327
+ let o = a.querySelector("[data-pagination]"), s = i.target.closest("[data-page]").getAttribute("data-page");
328
+ if (o.value = s, r.setAttribute("data-page", s), a.dispatchEvent(new Event("paginate")), t.hasAttribute("data-show-history")) {
329
+ const n = new URL(location);
330
+ n.searchParams.set("page", s), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: s }, "", n);
336
331
  }
337
- const c = -250, n = e.getBoundingClientRect().top + window.pageYOffset + c;
338
- window.scrollTo({ top: n, behavior: "smooth" });
332
+ const l = -250, c = t.getBoundingClientRect().top + window.pageYOffset + l;
333
+ window.scrollTo({ top: c, behavior: "smooth" });
339
334
  }
340
- if (s && s.target instanceof HTMLElement && s.target.closest("[data-show]")) {
341
- s.preventDefault();
342
- let i = a.querySelector("[data-show]"), o = s.target.closest("[data-show]").getAttribute("data-show");
343
- i.value = o, r.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
335
+ if (i && i.target instanceof HTMLElement && i.target.closest("[data-show]")) {
336
+ i.preventDefault();
337
+ let o = a.querySelector("[data-show]"), s = i.target.closest("[data-show]").getAttribute("data-show");
338
+ o.value = s, r.setAttribute("data-show", s), a.dispatchEvent(new Event("submit"));
344
339
  }
345
340
  });
346
- }, qt = (e, a) => {
347
- if (!e)
341
+ }, Ee = (t, a) => {
342
+ if (!t)
348
343
  return !1;
349
- e.addEventListener("click", (t) => {
350
- $t(a);
344
+ t.addEventListener("click", (e) => {
345
+ Te(a);
351
346
  });
352
- }, $t = function(e) {
353
- for (var a = [], t = e.getElementsByTagName("tr"), r = 0; r < t.length; r++) {
354
- for (var s = t[r].querySelectorAll("td,th"), i = [], o = 0; o < s.length; o++)
355
- i.push(`"${s[o].textContent}"`);
356
- a.push(i.join(","));
347
+ }, Te = function(t) {
348
+ for (var a = [], e = t.getElementsByTagName("tr"), r = 0; r < e.length; r++) {
349
+ for (var i = e[r].querySelectorAll("td,th"), o = [], s = 0; s < i.length; s++)
350
+ o.push(`"${i[s].textContent}"`);
351
+ a.push(o.join(","));
357
352
  }
358
353
  a = a.join(`
359
354
  `);
360
- let c = new Blob([a], { type: "text/csv" });
361
- var n = document.createElement("a");
362
- n.download = "export.csv";
363
- var l = window.URL.createObjectURL(c);
364
- n.href = l, n.style.display = "none", document.body.appendChild(n), n.click(), document.body.removeChild(n);
365
- }, et = function(e, a, t, r) {
366
- if (Q(e), kt(e), j(e, a, r), r && r.classList.contains("table--cta")) {
367
- let s = function() {
368
- Array.from(e.querySelectorAll("tr")).forEach((o, c) => {
369
- let n = o.offsetHeight;
370
- o.style.setProperty("--row-height", `${n}px`);
355
+ let l = new Blob([a], { type: "text/csv" });
356
+ var c = document.createElement("a");
357
+ c.download = "export.csv";
358
+ var n = window.URL.createObjectURL(l);
359
+ c.href = n, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
360
+ }, ae = function(t, a, e, r) {
361
+ if (ee(t), ke(t), j(t, a, r), r && r.classList.contains("table--cta")) {
362
+ let i = function() {
363
+ Array.from(t.querySelectorAll("tr")).forEach((s, l) => {
364
+ let c = s.offsetHeight;
365
+ s.style.setProperty("--row-height", `${c}px`);
371
366
  });
372
367
  };
373
- const i = At(e);
374
- r.style.setProperty("--cta-width", `${i}rem`), new ResizeObserver(s).observe(e);
368
+ const o = Le(t);
369
+ r.style.setProperty("--cta-width", `${o}rem`), new ResizeObserver(i).observe(t);
375
370
  }
376
- }, at = function(e, a, t, r) {
377
- return wt(this, void 0, void 0, function* () {
378
- const s = (f, b, y) => b.split(/[\.\[\]\'\"]/).filter((p) => p).reduce((p, w) => p ? p[w] : y, f);
379
- let i = new FormData(a), o = new URLSearchParams(i).toString(), c = e.querySelectorAll("thead tr th"), n = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
380
- r.classList.add("table--loading"), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
381
- const { signal: h } = controller[l];
371
+ }, se = function(t) {
372
+ let a = new Object();
373
+ return Array.from(t.querySelectorAll("[data-filter]")).forEach((e, r) => {
374
+ if (!(e.type == "radio" && !e.checked) && !(e.type == "checkbox" && !e.checked) && e && e.value) {
375
+ let i = e.getAttribute("data-filter");
376
+ a[i] || (a[i] = new Array()), a[i].push(e.value);
377
+ }
378
+ }), a;
379
+ }, re = function(t, a, e, r) {
380
+ return Se(this, void 0, void 0, function* () {
381
+ const i = (h, b, y) => b.split(/[\.\[\]\'\"]/).filter((A) => A).reduce((A, C) => A ? A[C] : y, h);
382
+ let o = new FormData(a), s = new URLSearchParams(o).toString(), l = t.querySelectorAll("thead tr th"), c = t.querySelector("tbody"), n = a.getAttribute("data-ajax");
383
+ r.classList.add("table--loading");
384
+ let f = se(a);
385
+ Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, b) => {
386
+ h.innerHTML = "";
387
+ }), Object.keys(f).length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, b) => {
388
+ h.innerHTML += `(${Object.keys(f).length})`;
389
+ }), window.controller || (window.controller = []), window.controller[n] && window.controller[n].abort(), window.controller[n] = new AbortController();
390
+ const { signal: p } = controller[n];
382
391
  try {
383
- yield fetch(l + "?" + o, { signal: h, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((f) => f.json()).then((f) => {
384
- let b = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", p = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", w = s(f, y, 1), I = s(f, p, 1), R = s(f, b), P = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
385
- if (R ? (n.innerHTML = "", R.forEach((C, S) => {
386
- var q = document.createElement("tr");
387
- c.forEach((v, L) => {
392
+ yield fetch(n + "?" + s, { signal: p, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
393
+ let b = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", C = i(h, y, 1), z = i(h, A, 1), D = i(h, b), I = r.hasAttribute("data-empty-msg") ? r.getAttribute("data-empty-msg") : "No results found";
394
+ D ? (c.innerHTML = "", D.forEach((w, x) => {
395
+ var k = document.createElement("tr");
396
+ l.forEach((_, B) => {
388
397
  let E = "";
389
- var D = document.createElement("td");
390
- if (D.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
391
- var V = v.getAttribute("data-output");
392
- E = V.replace(new RegExp(/{(.*?)}/, "gm"), function(it) {
393
- return s(C, it.replace("{", "").replace("}", ""));
398
+ var O = document.createElement("td");
399
+ if (O.setAttribute("data-label", _.innerText), _.getAttribute("data-output")) {
400
+ var V = _.getAttribute("data-output");
401
+ E = V.replace(new RegExp(/{(.*?)}/, "gm"), function(ne) {
402
+ return i(w, ne.replace("{", "").replace("}", ""));
394
403
  });
395
404
  }
396
- if (v.hasAttribute("data-output-array")) {
397
- var V = v.getAttribute("data-output");
398
- let st = s(C, V.replace("{", "").replace("}", ""));
399
- E = "", st.forEach((Z, no) => {
400
- let nt = v.getAttribute("data-output-array"), B = "";
401
- if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
402
- const U = s(Z, v.getAttribute("data-output-array-property")), lt = JSON.parse(v.getAttribute("data-output-array-transform"))[U];
403
- B = nt.replace(`{${v.getAttribute("data-output-array-property")}}`, lt);
405
+ if (_.hasAttribute("data-output-array")) {
406
+ var V = _.getAttribute("data-output");
407
+ let le = i(w, V.replace("{", "").replace("}", ""));
408
+ E = "", le.forEach((X, or) => {
409
+ let ce = _.getAttribute("data-output-array"), P = "";
410
+ if (_.hasAttribute("data-output-array-property") && _.hasAttribute("data-output-array-transform")) {
411
+ const U = i(X, _.getAttribute("data-output-array-property")), de = JSON.parse(_.getAttribute("data-output-array-transform"))[U];
412
+ P = ce.replace(`{${_.getAttribute("data-output-array-property")}}`, de);
404
413
  }
405
- B = B.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
406
- return s(Z, U.replace("{", "").replace("}", ""));
407
- }), E += B;
414
+ P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
415
+ return i(X, U.replace("{", "").replace("}", ""));
416
+ }), E += P;
408
417
  });
409
418
  }
410
- v.hasAttribute("data-transform") && (E = JSON.parse(v.getAttribute("data-transform"))[E], !E && v.hasAttribute("data-default") && (E = v.getAttribute("data-default"))), D.innerHTML = E, q.appendChild(D);
411
- }), n.appendChild(q);
412
- }), tt(e, a), r.setAttribute("data-total", parseInt(w)), r.setAttribute("data-page", parseInt(I)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), et(e, a, t, r), F(r, t), parseInt(w) == 0 && (n.innerHTML = `<tr><td colspan="100%"><span>${P}</span></td></tr>`), r.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: o })) : n.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', a.hasAttribute("data-ajax-post")) {
413
- const C = new XMLHttpRequest();
414
- C.open("GET", `${window.location.href}?ajax=true&${o}`), C.send();
415
- }
419
+ _.hasAttribute("data-transform") && (E = JSON.parse(_.getAttribute("data-transform"))[E], !E && _.hasAttribute("data-default") && (E = _.getAttribute("data-default"))), O.innerHTML = E, k.appendChild(O);
420
+ }), c.appendChild(k);
421
+ }), te(t, a), r.setAttribute("data-total", parseInt(C)), r.setAttribute("data-page", parseInt(z)), r.setAttribute("data-pages", Math.ceil(r.getAttribute("data-total") / r.getAttribute("data-show"))), ae(t, a, e, r), F(r, e), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((w, x) => {
422
+ let k = i(h, w.getAttribute("data-ajax-query"), "");
423
+ w.hasAttribute("data-total") ? w.setAttribute("data-total", k) : w.innerHTML = k;
424
+ }), parseInt(C) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), r.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: n, formData: s })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
416
425
  });
417
- } catch (f) {
418
- console.log(f);
426
+ } catch (h) {
427
+ console.log(h);
419
428
  }
420
429
  });
421
- }, K = (e, a) => {
422
- switch (e) {
430
+ }, K = (t, a) => {
431
+ switch (t) {
423
432
  case "datetime":
424
433
  return new Date(a).toLocaleDateString("en-gb", { weekday: "short", year: "2-digit", month: "long", day: "numeric" }) + " " + new Date(a).toLocaleTimeString("en-gb", { hour: "2-digit", minute: "2-digit" });
425
434
  case "date":
426
435
  return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
427
436
  case "capitalise":
428
- return a = vt(a);
437
+ return a = Ae(a);
429
438
  }
430
439
  };
431
- class Et extends HTMLElement {
440
+ class Me extends HTMLElement {
432
441
  constructor() {
433
442
  super(), this.attachShadow({ mode: "open" });
434
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
443
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
435
444
  r.innerHTML = `
436
445
  <style>
437
- @import "${t}";
446
+ @import "${e}";
438
447
 
439
448
  :host(.mh-sm){
440
449
  max-height: none!important;
@@ -459,20 +468,20 @@ class Et extends HTMLElement {
459
468
  connectedCallback() {
460
469
  const a = new URLSearchParams(window.location.search);
461
470
  this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
462
- let t = this.classList.toString();
463
- t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), tt(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), St(this.table), Lt(this.table, this.form, this.pagination, this, this.savedTableBody), xt(this.table, this.form, this.pagination, this), qt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? at(this.table, this.form, this.pagination, this) : (et(this.table, this.form, this.pagination, this), G(this.table, this.form, this), F(this, this.pagination), j(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
471
+ let e = this.classList.toString();
472
+ e = e.replace("table--cta", ""), e = e.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${e}`, this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), te(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), qe(this.table), $e(this.table, this.form, this.pagination, this, this.savedTableBody), xe(this.table, this.form, this.pagination, this), Ee(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? re(this.table, this.form, this.pagination, this) : (ae(this.table, this.form, this.pagination, this), G(this.table, this.form, this), F(this, this.pagination), j(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (r) => {
464
473
  this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
465
474
  });
466
475
  }
467
476
  static get observedAttributes() {
468
477
  return ["data-total", "data-pages", "data-page", "data-show"];
469
478
  }
470
- attributeChangedCallback(a, t, r) {
479
+ attributeChangedCallback(a, e, r) {
471
480
  }
472
481
  }
473
- const Tt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Mt = (e) => e.replace(/_/g, " "), Ht = (e) => e.replace(/ /g, "_"), Ct = function(e) {
474
- return e = e.toLowerCase(), e = Ht(e), e = e.replace(/\W/g, ""), e;
475
- }, Dt = {
482
+ const He = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ce = (t) => t.replace(/_/g, " "), De = (t) => t.replace(/ /g, "_"), Ne = function(t) {
483
+ return t = t.toLowerCase(), t = De(t), t = t.replace(/\W/g, ""), t;
484
+ }, Re = {
476
485
  name: "Table",
477
486
  props: {
478
487
  items: {
@@ -486,42 +495,42 @@ const Tt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Mt = (e) => e.replace(
486
495
  },
487
496
  computed: {
488
497
  cellHeading() {
489
- return (e) => `${Tt(Mt(e))}`;
498
+ return (t) => `${He(Ce(t))}`;
490
499
  }
491
500
  },
492
501
  created() {
493
502
  this.$nextTick(function() {
494
- window.customElements.get("iam-table") || window.customElements.define("iam-table", Et);
503
+ window.customElements.get("iam-table") || window.customElements.define("iam-table", Me);
495
504
  });
496
505
  },
497
506
  updated() {
498
507
  }
499
- }, Nt = { key: 0 }, Rt = { key: 0 }, zt = ["data-row-id"], It = ["innerHTML"];
500
- function Pt(e, a, t, r, s, i) {
508
+ }, ze = { key: 0 }, Ie = { key: 0 }, Pe = ["data-row-id"], Fe = ["innerHTML"];
509
+ function je(t, a, e, r, i, o) {
501
510
  return u(), m("iam-table", null, [
502
- t.fields ? (u(), m("table", Nt, [
511
+ e.fields ? (u(), m("table", ze, [
503
512
  d("thead", null, [
504
513
  d("tr", null, [
505
- (u(!0), m(T, null, M(t.fields, (o) => (u(), m("th", {
506
- key: o.key
507
- }, $(i.cellHeading(o.key)), 1))), 128))
514
+ (u(!0), m(T, null, M(e.fields, (s) => (u(), m("th", {
515
+ key: s.key
516
+ }, $(o.cellHeading(s.key)), 1))), 128))
508
517
  ])
509
518
  ]),
510
- t.items ? (u(), m("tbody", Rt, [
511
- (u(!0), m(T, null, M(t.items, (o, c) => (u(), m("tr", {
512
- key: c,
513
- "data-row-id": o.rowid
519
+ e.items ? (u(), m("tbody", Ie, [
520
+ (u(!0), m(T, null, M(e.items, (s, l) => (u(), m("tr", {
521
+ key: l,
522
+ "data-row-id": s.rowid
514
523
  }, [
515
- (u(!0), m(T, null, M(Object.fromEntries(Object.entries(o).filter(([n]) => n !== "rowid")), (n, l) => (u(), m("td", {
516
- key: l,
517
- innerHTML: n
518
- }, null, 8, It))), 128))
519
- ], 8, zt))), 128))
524
+ (u(!0), m(T, null, M(Object.fromEntries(Object.entries(s).filter(([c]) => c !== "rowid")), (c, n) => (u(), m("td", {
525
+ key: n,
526
+ innerHTML: c
527
+ }, null, 8, Fe))), 128))
528
+ ], 8, Pe))), 128))
520
529
  ])) : g("", !0)
521
- ])) : _(e.$slots, "default", { key: 1 })
530
+ ])) : v(t.$slots, "default", { key: 1 })
522
531
  ]);
523
532
  }
524
- const rt = /* @__PURE__ */ k(Dt, [["render", Pt]]), Bt = {
533
+ const oe = /* @__PURE__ */ S(Re, [["render", je]]), Be = {
525
534
  name: "Input",
526
535
  props: {
527
536
  value: {
@@ -687,187 +696,250 @@ const rt = /* @__PURE__ */ k(Dt, [["render", Pt]]), Bt = {
687
696
  get() {
688
697
  return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
689
698
  },
690
- set(e) {
691
- this.$emit("input", e);
699
+ set(t) {
700
+ this.$emit("input", t);
692
701
  }
693
702
  }
694
703
  },
695
704
  mounted() {
696
705
  this.$nextTick(function() {
697
- let e = this.$refs.wrapper;
698
- if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
706
+ let t = this.$refs.wrapper;
707
+ if (t.parentNode && t.parentNode.classList.contains("form-check") || t.classList.length == 0) {
699
708
  const a = document.createDocumentFragment();
700
- Array.from(e.childNodes).forEach((t) => a.appendChild(t)), e.parentNode.insertBefore(a, e), e.parentNode.removeChild(e);
709
+ Array.from(t.childNodes).forEach((e) => a.appendChild(e)), t.parentNode.insertBefore(a, t), t.parentNode.removeChild(t);
701
710
  }
702
711
  });
703
712
  },
704
713
  methods: {
705
- inputKeyup(e) {
706
- this.$emit("keyupEvent", e);
714
+ inputKeyup(t) {
715
+ this.$emit("keyupEvent", t);
707
716
  },
708
717
  clickEvent() {
709
718
  this.$emit("bus");
710
719
  }
711
720
  }
712
- }, Ft = ["for", "innerHTML", "title"], jt = ["innerHTML"], Ot = ["innerHTML"], Vt = ["type", "name", "id", "pattern", "list"], Ut = ["type", "name", "id", "pattern"], Wt = {
721
+ }, Oe = ["for", "innerHTML", "title"], Ve = ["innerHTML"], Ue = ["innerHTML"], We = ["type", "name", "id", "pattern", "list"], Ge = ["type", "name", "id", "pattern"], Ke = {
713
722
  key: 5,
714
723
  class: "input-group"
715
- }, Gt = ["type", "name", "id", "pattern", "list"], Kt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Yt = {
724
+ }, Ye = ["type", "name", "id", "pattern", "list"], Ze = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Xe = {
716
725
  key: 6,
717
726
  class: "input-group"
718
- }, Zt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text flex-fill" }, Xt = ["type", "name", "id", "pattern"], Qt = ["value"], te = ["type", "name", "id"], ee = ["for", "innerHTML"], ae = ["type", "name", "id"], re = ["for", "innerHTML"], oe = ["innerHTML"], ie = ["id"], se = ["value"];
719
- function ne(e, a, t, r, s, i) {
727
+ }, Je = ["type", "name", "id", "pattern", "list"], Qe = { class: "input-group-text flex-fill" }, et = ["type", "name", "id", "pattern"], tt = ["value"], at = ["type", "name", "id"], st = ["for", "innerHTML"], rt = ["type", "name", "id"], ot = ["for", "innerHTML"], it = ["innerHTML"], nt = ["id"], lt = ["value"];
728
+ function ct(t, a, e, r, i, o) {
720
729
  return u(), m("div", {
721
- class: A(i.wrapperClass()),
730
+ class: L(o.wrapperClass()),
722
731
  ref: "wrapper"
723
732
  }, [
724
- i.needsLabel() ? (u(), m("label", {
733
+ o.needsLabel() ? (u(), m("label", {
725
734
  key: 0,
726
- class: A(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
727
- for: t.id,
728
- innerHTML: i.displayLabel(),
729
- title: t.title
730
- }, null, 10, Ft)) : g("", !0),
731
- t.prefix ? (u(), m("span", {
735
+ class: L(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
736
+ for: e.id,
737
+ innerHTML: o.displayLabel(),
738
+ title: e.title
739
+ }, null, 10, Oe)) : g("", !0),
740
+ e.prefix ? (u(), m("span", {
732
741
  key: 1,
733
- class: A(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
734
- innerHTML: t.prefix,
742
+ class: L(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
743
+ innerHTML: e.prefix,
735
744
  role: "presentation"
736
- }, null, 10, jt)) : g("", !0),
737
- t.suffix ? (u(), m("span", {
745
+ }, null, 10, Ve)) : g("", !0),
746
+ e.suffix ? (u(), m("span", {
738
747
  key: 2,
739
- class: A(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
740
- innerHTML: t.suffix,
748
+ class: L(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
749
+ innerHTML: e.suffix,
741
750
  role: "presentation"
742
- }, null, 10, Ot)) : g("", !0),
743
- i.isInput() ? z((u(), m("input", H({
751
+ }, null, 10, Ue)) : g("", !0),
752
+ o.isInput() ? N((u(), m("input", H({
744
753
  key: 3,
745
- "onUpdate:modelValue": a[0] || (a[0] = (o) => i.inputVal = o),
746
- class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
747
- type: t.type,
748
- name: t.name ? t.name : t.id,
749
- id: t.id,
750
- pattern: i.needPattern(),
751
- list: i.hasOptions()
752
- }, e.$attrs, {
753
- onKeyup: a[1] || (a[1] = (...o) => i.inputKeyup && i.inputKeyup(...o))
754
- }), null, 16, Vt)), [
755
- [W, i.inputVal]
754
+ "onUpdate:modelValue": a[0] || (a[0] = (s) => o.inputVal = s),
755
+ class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
756
+ type: e.type,
757
+ name: e.name ? e.name : e.id,
758
+ id: e.id,
759
+ pattern: o.needPattern(),
760
+ list: o.hasOptions()
761
+ }, t.$attrs, {
762
+ onKeyup: a[1] || (a[1] = (...s) => o.inputKeyup && o.inputKeyup(...s))
763
+ }), null, 16, We)), [
764
+ [W, o.inputVal]
756
765
  ]) : g("", !0),
757
- t.type == "textarea" ? z((u(), m("textarea", H({
766
+ e.type == "textarea" ? N((u(), m("textarea", H({
758
767
  key: 4,
759
- "onUpdate:modelValue": a[2] || (a[2] = (o) => i.inputVal = o),
760
- class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
761
- type: t.type,
762
- name: t.name ? t.name : t.id,
763
- id: t.id,
764
- pattern: i.needPattern()
765
- }, e.$attrs), null, 16, Ut)), [
766
- [ct, i.inputVal]
768
+ "onUpdate:modelValue": a[2] || (a[2] = (s) => o.inputVal = s),
769
+ class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
770
+ type: e.type,
771
+ name: e.name ? e.name : e.id,
772
+ id: e.id,
773
+ pattern: o.needPattern()
774
+ }, t.$attrs), null, 16, Ge)), [
775
+ [ue, o.inputVal]
767
776
  ]) : g("", !0),
768
- t.type == "range" ? (u(), m("div", Wt, [
769
- z(d("input", H({
770
- "onUpdate:modelValue": a[3] || (a[3] = (o) => i.inputVal = o),
771
- class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
772
- type: t.type,
773
- name: t.name ? t.name : t.id,
774
- id: t.id,
775
- pattern: i.needPattern(),
776
- list: i.hasOptions()
777
- }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Gt), [
778
- [W, i.inputVal]
777
+ e.type == "range" ? (u(), m("div", Ke, [
778
+ N(d("input", H({
779
+ "onUpdate:modelValue": a[3] || (a[3] = (s) => o.inputVal = s),
780
+ class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
781
+ type: e.type,
782
+ name: e.name ? e.name : e.id,
783
+ id: e.id,
784
+ pattern: o.needPattern(),
785
+ list: o.hasOptions()
786
+ }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Ye), [
787
+ [W, o.inputVal]
779
788
  ]),
780
- d("output", Kt, $(t.value), 1)
789
+ d("output", Ze, $(e.value), 1)
781
790
  ])) : g("", !0),
782
- t.type == "color" ? (u(), m("div", Yt, [
783
- z(d("input", H({
784
- "onUpdate:modelValue": a[4] || (a[4] = (o) => i.inputVal = o),
785
- class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
786
- type: t.type,
787
- name: t.name ? t.name : t.id,
788
- id: t.id,
789
- pattern: i.needPattern(),
790
- list: i.hasOptions()
791
- }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
792
- [W, i.inputVal]
791
+ e.type == "color" ? (u(), m("div", Xe, [
792
+ N(d("input", H({
793
+ "onUpdate:modelValue": a[4] || (a[4] = (s) => o.inputVal = s),
794
+ class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
795
+ type: e.type,
796
+ name: e.name ? e.name : e.id,
797
+ id: e.id,
798
+ pattern: o.needPattern(),
799
+ list: o.hasOptions()
800
+ }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Je), [
801
+ [W, o.inputVal]
793
802
  ]),
794
- d("output", Jt, $(t.value ? e.vale : "#000000"), 1)
803
+ d("output", Qe, $(e.value ? t.vale : "#000000"), 1)
795
804
  ])) : g("", !0),
796
- t.type == "select" ? z((u(), m("select", H({
805
+ e.type == "select" ? N((u(), m("select", H({
797
806
  key: 7,
798
- "onUpdate:modelValue": a[5] || (a[5] = (o) => i.inputVal = o),
799
- class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
800
- type: t.type,
801
- name: t.id,
802
- id: t.id,
803
- pattern: i.needPattern()
804
- }, e.$attrs), [
805
- (u(!0), m(T, null, M(t.options, (o, c) => (u(), m("option", {
806
- key: c,
807
- value: o.value
808
- }, $(o.display ? o.display : o.value), 9, Qt))), 128))
809
- ], 16, Xt)), [
810
- [dt, i.inputVal]
807
+ "onUpdate:modelValue": a[5] || (a[5] = (s) => o.inputVal = s),
808
+ class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
809
+ type: e.type,
810
+ name: e.id,
811
+ id: e.id,
812
+ pattern: o.needPattern()
813
+ }, t.$attrs), [
814
+ (u(!0), m(T, null, M(e.options, (s, l) => (u(), m("option", {
815
+ key: l,
816
+ value: s.value
817
+ }, $(s.display ? s.display : s.value), 9, tt))), 128))
818
+ ], 16, et)), [
819
+ [me, o.inputVal]
811
820
  ]) : g("", !0),
812
- t.type == "checkbox" || t.type == "radio" ? (u(), m("input", H({
821
+ e.type == "checkbox" || e.type == "radio" ? (u(), m("input", H({
813
822
  key: 8,
814
823
  class: "form-check-input",
815
- type: t.type,
816
- name: t.name ? t.name : t.id,
817
- id: t.id
818
- }, e.$attrs), null, 16, te)) : g("", !0),
819
- t.type == "checkbox" || t.type == "radio" ? (u(), m("label", {
824
+ type: e.type,
825
+ name: e.name ? e.name : e.id,
826
+ id: e.id
827
+ }, t.$attrs), null, 16, at)) : g("", !0),
828
+ e.type == "checkbox" || e.type == "radio" ? (u(), m("label", {
820
829
  key: 9,
821
- class: A(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
822
- for: t.id,
823
- innerHTML: t.label
824
- }, null, 10, ee)) : g("", !0),
825
- t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", H({
830
+ class: L(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
831
+ for: e.id,
832
+ innerHTML: e.label
833
+ }, null, 10, st)) : g("", !0),
834
+ e.type == "checkbox-btn" || e.type == "radio-btn" ? (u(), m("input", H({
826
835
  key: 10,
827
- class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
828
- type: t.type.replace("-btn", ""),
836
+ class: `btn-check${e.inputclass ? ` ${e.inputclass}` : ""}`,
837
+ type: e.type.replace("-btn", ""),
829
838
  autocomplete: "off",
830
- name: t.name ? t.name : t.id,
831
- id: t.id
832
- }, e.$attrs), null, 16, ae)) : g("", !0),
833
- t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
839
+ name: e.name ? e.name : e.id,
840
+ id: e.id
841
+ }, t.$attrs), null, 16, rt)) : g("", !0),
842
+ e.type == "checkbox-btn" || e.type == "radio-btn" ? (u(), m("label", {
834
843
  key: 11,
835
- class: A(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
836
- for: t.id,
837
- innerHTML: t.label,
838
- onClick: a[6] || (a[6] = (...o) => i.clickEvent && i.clickEvent(...o))
839
- }, null, 10, re)) : g("", !0),
840
- _(e.$slots, "default"),
841
- t.errormsg ? (u(), m("span", {
844
+ class: L(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
845
+ for: e.id,
846
+ innerHTML: e.label,
847
+ onClick: a[6] || (a[6] = (...s) => o.clickEvent && o.clickEvent(...s))
848
+ }, null, 10, ot)) : g("", !0),
849
+ v(t.$slots, "default"),
850
+ e.errormsg ? (u(), m("span", {
842
851
  key: 12,
843
852
  class: "invalid-feedback mb-0",
844
- innerHTML: t.errormsg
845
- }, null, 8, oe)) : g("", !0),
846
- i.allowDatalist() ? (u(), m("datalist", {
853
+ innerHTML: e.errormsg
854
+ }, null, 8, it)) : g("", !0),
855
+ o.allowDatalist() ? (u(), m("datalist", {
847
856
  key: 13,
848
- id: t.id + "-list"
857
+ id: e.id + "-list"
849
858
  }, [
850
- (u(!0), m(T, null, M(t.options, (o, c) => (u(), m("option", {
851
- key: c,
852
- value: o.value
853
- }, $(o.value), 9, se))), 128))
854
- ], 8, ie)) : g("", !0)
859
+ (u(!0), m(T, null, M(e.options, (s, l) => (u(), m("option", {
860
+ key: l,
861
+ value: s.value
862
+ }, $(s.value), 9, lt))), 128))
863
+ ], 8, nt)) : g("", !0)
855
864
  ], 2);
856
865
  }
857
- const O = /* @__PURE__ */ k(Bt, [["render", ne]]), le = {
858
- components: {
859
- Input: O
860
- },
861
- name: "FileUploads",
866
+ const Z = /* @__PURE__ */ S(Be, [["render", ct]]);
867
+ function dt(t, a) {
868
+ const e = a.querySelector(".files"), r = a.querySelector(".drop-area"), i = t.querySelector("input"), o = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, s = i.cloneNode();
869
+ r.append(s), a.addEventListener("click", (l) => {
870
+ l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (i.hasAttribute("multiple") ? s : i).click());
871
+ }), a.addEventListener("click", (l) => {
872
+ if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
873
+ const c = new DataTransfer(), { files: n } = i, f = l.target.closest(".files button");
874
+ for (let h = 0; h < n.length; h++) {
875
+ const b = n[h];
876
+ b.name != f.getAttribute("data-file") && c.items.add(b);
877
+ }
878
+ i.files = c.files;
879
+ const p = new Event("change");
880
+ i.dispatchEvent(p);
881
+ }
882
+ }), s.addEventListener("change", (l) => {
883
+ if (i.hasAttribute("multiple")) {
884
+ const n = [...i.files, ...s.files];
885
+ let f = [];
886
+ const p = new DataTransfer();
887
+ for (let h = 0; h < n.length; h++) {
888
+ const b = n[h], y = b.size / 1e3;
889
+ !f.includes(b.name) && (o == 0 || y < o) && p.items.add(b), f.push(b.name);
890
+ }
891
+ i.files = p.files;
892
+ } else
893
+ i.files = s.files;
894
+ const c = new Event("change");
895
+ i.dispatchEvent(c);
896
+ }), s.addEventListener("dragenter", (l) => {
897
+ s.classList.add("focus");
898
+ }), s.addEventListener("dragleave", (l) => {
899
+ s.classList.remove("focus");
900
+ }), s.addEventListener("drop", (l) => {
901
+ s.classList.remove("focus");
902
+ }), i.addEventListener("change", (l) => {
903
+ e.innerHTML = "";
904
+ for (const c of i.files)
905
+ e.innerHTML += `<span class="file">${c.name} <button data-file="${c.name}">Remove</button></span>`;
906
+ });
907
+ }
908
+ window.dataLayer = window.dataLayer || [];
909
+ window.dataLayer.push({
910
+ event: "customElementRegistered",
911
+ element: "fileupload"
912
+ });
913
+ class ut extends HTMLElement {
914
+ constructor() {
915
+ super(), this.attachShadow({ mode: "open" });
916
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/fileupload.css";`, i = document.createElement("template");
917
+ i.innerHTML = `
918
+ <style>
919
+ @import "${e}";
920
+ ${r}
921
+ ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
922
+ </style>
923
+ <div class="file-upload">
924
+ <span class="file-upload__title">Upload file</span>
925
+ <p class="helper-text"></p>
926
+ <button class="btn btn-primary"><slot name="btn"></slot> Upload document</button>
927
+ <div class="drop-area"></div>
928
+ <hr/>
929
+ <slot></slot>
930
+ <div class="files"></div>
931
+ </div>
932
+ `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
933
+ }
934
+ connectedCallback() {
935
+ this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
936
+ const a = this.shadowRoot.querySelector(".file-upload"), e = this.querySelector("input"), r = this.shadowRoot.querySelector(".helper-text");
937
+ r.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${e.hasAttribute("accept") ? `Supported file types are ${e.getAttribute("accept")}` : ""}`, dt(this, a);
938
+ }
939
+ }
940
+ const mt = {
941
+ name: "FileUpload",
862
942
  props: {
863
- id: {
864
- type: String,
865
- required: !0
866
- },
867
- inputcolclass: {
868
- type: String,
869
- required: !1
870
- },
871
943
  maxfilesize: {
872
944
  type: Number,
873
945
  required: !1
@@ -876,75 +948,48 @@ const O = /* @__PURE__ */ k(Bt, [["render", ne]]), le = {
876
948
  type: Number,
877
949
  required: !1
878
950
  }
951
+ },
952
+ mounted() {
953
+ this.$nextTick(function() {
954
+ window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", ut);
955
+ });
879
956
  }
880
- }, ce = { class: "multiple-file-uploads mb-4" }, de = { class: "row" }, ue = { class: "col-12 col-md me-auto" }, me = /* @__PURE__ */ d("div", { class: "col mw-fit-content" }, [
881
- /* @__PURE__ */ d("button", {
882
- type: "button",
883
- class: "btn btn-tertiary me-0",
884
- "data-delete": ""
885
- }, "Delete")
886
- ], -1), he = ["data-maxfiles"];
887
- function fe(e, a, t, r, s, i) {
888
- const o = N("Input");
889
- return u(), m("div", ce, [
890
- d("div", de, [
891
- d("div", {
892
- class: A(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
893
- }, [
894
- x(o, {
895
- type: "file",
896
- id: t.id,
897
- name: `${t.id}[]`,
898
- label: "Add new file",
899
- labelclass: "d-none",
900
- class: "form-control-inline col",
901
- required: "",
902
- "data-filesize": t.maxfilesize
903
- }, null, 8, ["id", "name", "data-filesize"])
904
- ], 2),
905
- d("div", ue, [
906
- _(e.$slots, "default")
907
- ]),
908
- me
909
- ]),
910
- d("button", {
911
- type: "button",
912
- class: "btn btn-secondary me-0",
913
- "data-add": "",
914
- "data-maxfiles": t.maxfiles
915
- }, "+ Add file", 8, he)
957
+ };
958
+ function ht(t, a, e, r, i, o) {
959
+ return u(), m("iam-fileupload", null, [
960
+ v(t.$slots, "default")
916
961
  ]);
917
962
  }
918
- const co = /* @__PURE__ */ k(le, [["render", fe]]);
963
+ const nr = /* @__PURE__ */ S(mt, [["render", ht]]);
919
964
  /*!
920
- * iamKey v3.7.8--beta-2
965
+ * iamKey v3.7.9-beta
921
966
  * Copyright 2022-2023 iamproperty
922
967
  */
923
- function be(e) {
924
- let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
968
+ function ft(t) {
969
+ let a = t.querySelectorAll("details"), e = t.querySelectorAll("summary");
925
970
  if (a.forEach((r) => {
926
971
  r.classList.add("accordion-item");
927
- }), t.forEach((r) => {
972
+ }), e.forEach((r) => {
928
973
  r.classList.add("accordion-header"), r.classList.add("accordion-button"), r.classList.add("h4");
929
- }), !e.classList.contains("accordion--keep-open")) {
930
- const r = e.querySelectorAll(":scope > details");
931
- r.forEach((s) => {
932
- s.addEventListener("click", () => {
933
- r.forEach((i) => {
934
- i !== s && i.removeAttribute("open");
974
+ }), !t.classList.contains("accordion--keep-open")) {
975
+ const r = t.querySelectorAll(":scope > details");
976
+ r.forEach((i) => {
977
+ i.addEventListener("click", () => {
978
+ r.forEach((o) => {
979
+ o !== i && o.removeAttribute("open");
935
980
  });
936
981
  });
937
982
  });
938
983
  }
939
984
  }
940
985
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "accordion" });
941
- let pe = class extends HTMLElement {
986
+ let bt = class extends HTMLElement {
942
987
  constructor() {
943
988
  super(), this.attachShadow({ mode: "open" });
944
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
989
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
945
990
  r.innerHTML = `
946
991
  <style>
947
- @import "${t}";
992
+ @import "${e}";
948
993
  \uFEFF:is(.accordion,iam-accordion){--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem}@media screen and (min-width: 62em){:is(.accordion,iam-accordion){--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}.accordion-header{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:rgba(0,0,0,0);overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg: var(--colour-secondary);cursor:pointer;position:relative;max-width:100%}@media(prefers-reduced-motion: reduce){.accordion-header{transition:none}}.accordion-header .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-header:before,.accordion-header:after{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-header:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-header::after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){.accordion-header::after{transition:none}}@media(forced-colors: active){.accordion-header::after{content:"►";mask-image:none;-webkit-mask-image:none}}.accordion-header:hover,.accordion-header:focus{--marker-bg: var(--colour-warning);color:var(--colour-hover)}.accordion-header:hover{z-index:var(--index-focus)}.accordion-header:focus{z-index:var(--index-focus);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-header{color:var(--colour-heading);background-color:rgba(0,0,0,0)}[open]>summary>.accordion-header::after{transform:rotate(-90deg)}.accordion-header[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}.accordion-header[class*=bg-] .accordion-button:before{background:none !important}.accordion-header[class*=bg-]:hover .accordion-button{opacity:.8}.accordion-header[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-item summary~*{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>summary:not([class*=bg-])>.accordion-button,.accordion--straight>details>.accordion-item summary~*{padding-left:0 !important}.accordion--straight .accordion-item summary~*{padding-right:0 !important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:before,.accordion .accordion .accordion-button:after{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}/*# sourceMappingURL=assets/css/components/accordion.css.map */
949
994
 
950
995
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -955,22 +1000,22 @@ let pe = class extends HTMLElement {
955
1000
  `, this.shadowRoot.appendChild(r.content.cloneNode(!0));
956
1001
  }
957
1002
  connectedCallback() {
958
- be(this);
1003
+ ft(this);
959
1004
  }
960
1005
  };
961
- window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", pe);
962
- const ye = {
1006
+ window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", bt);
1007
+ const pt = {
963
1008
  name: "Accordion",
964
1009
  props: {},
965
1010
  mounted() {
966
1011
  }
967
- }, ge = { ref: "wrapper" };
968
- function _e(e, a, t, r, s, i) {
969
- return u(), m("iam-accordion", ge, [
970
- _(e.$slots, "default")
1012
+ }, yt = { ref: "wrapper" };
1013
+ function gt(t, a, e, r, i, o) {
1014
+ return u(), m("iam-accordion", yt, [
1015
+ v(t.$slots, "default")
971
1016
  ], 512);
972
1017
  }
973
- const mo = /* @__PURE__ */ k(ye, [["render", _e]]), ve = {
1018
+ const cr = /* @__PURE__ */ S(pt, [["render", gt]]), _t = {
974
1019
  name: "AccordionItem",
975
1020
  props: {
976
1021
  title: {
@@ -997,7 +1042,7 @@ const mo = /* @__PURE__ */ k(ye, [["render", _e]]), ve = {
997
1042
  },
998
1043
  computed: {
999
1044
  createID() {
1000
- return (e) => `${Ct(e)}`;
1045
+ return (t) => `${Ne(t)}`;
1001
1046
  }
1002
1047
  },
1003
1048
  data() {
@@ -1005,24 +1050,24 @@ const mo = /* @__PURE__ */ k(ye, [["render", _e]]), ve = {
1005
1050
  show: !this.lazy
1006
1051
  };
1007
1052
  }
1008
- }, we = ["id"], Ae = ["classList"];
1009
- function ke(e, a, t, r, s, i) {
1053
+ }, vt = ["id"], wt = ["classList"];
1054
+ function At(t, a, e, r, i, o) {
1010
1055
  return u(), m("details", {
1011
- id: i.createID(t.title)
1056
+ id: o.createID(e.title)
1012
1057
  }, [
1013
1058
  d("summary", {
1014
- classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
1059
+ classList: `${e.titlecolour ? `bg-${e.titlecolour}` : ""}`
1015
1060
  }, [
1016
- ut($(t.title), 1),
1017
- t.badge ? (u(), m("span", {
1061
+ he($(e.title), 1),
1062
+ e.badge ? (u(), m("span", {
1018
1063
  key: 0,
1019
- class: A(`badge bg-${t.badgecolour}`)
1020
- }, $(t.badge), 3)) : g("", !0)
1021
- ], 8, Ae),
1022
- _(e.$slots, "default")
1023
- ], 8, we);
1064
+ class: L(`badge bg-${e.badgecolour}`)
1065
+ }, $(e.badge), 3)) : g("", !0)
1066
+ ], 8, wt),
1067
+ v(t.$slots, "default")
1068
+ ], 8, vt);
1024
1069
  }
1025
- const ho = /* @__PURE__ */ k(ve, [["render", ke]]), Se = {
1070
+ const dr = /* @__PURE__ */ S(_t, [["render", At]]), St = {
1026
1071
  name: "Header",
1027
1072
  props: {
1028
1073
  title: {
@@ -1039,163 +1084,92 @@ const ho = /* @__PURE__ */ k(ve, [["render", ke]]), Se = {
1039
1084
  required: !1
1040
1085
  }
1041
1086
  }
1042
- }, Le = { class: "container" }, xe = { class: "row" }, qe = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, Ee = { class: "col-sm-6 col-md-5 ms-auto" }, Te = ["src"];
1043
- function Me(e, a, t, r, s, i) {
1044
- return u(), m("div", Le, [
1087
+ }, Lt = { class: "container" }, kt = { class: "row" }, qt = { class: "col-sm-6" }, $t = { class: "pt-5 pb-3 px-4" }, xt = { class: "col-sm-6 col-md-5 ms-auto" }, Et = ["src"];
1088
+ function Tt(t, a, e, r, i, o) {
1089
+ return u(), m("div", Lt, [
1045
1090
  d("div", {
1046
- class: A("bg-" + t.background + " mb-4")
1091
+ class: L("bg-" + e.background + " mb-4")
1047
1092
  }, [
1048
- d("div", xe, [
1049
- d("div", qe, [
1050
- d("div", $e, [
1051
- d("h2", null, $(t.title), 1),
1052
- _(e.$slots, "default")
1093
+ d("div", kt, [
1094
+ d("div", qt, [
1095
+ d("div", $t, [
1096
+ d("h2", null, $(e.title), 1),
1097
+ v(t.$slots, "default")
1053
1098
  ])
1054
1099
  ]),
1055
- d("div", Ee, [
1056
- t.image ? (u(), m("img", {
1100
+ d("div", xt, [
1101
+ e.image ? (u(), m("img", {
1057
1102
  key: 0,
1058
- src: t.image,
1103
+ src: e.image,
1059
1104
  alt: "",
1060
1105
  class: "h-100 w-100 object-cover"
1061
- }, null, 8, Te)) : g("", !0)
1106
+ }, null, 8, Et)) : g("", !0)
1062
1107
  ])
1063
1108
  ])
1064
1109
  ], 2)
1065
1110
  ]);
1066
1111
  }
1067
- const fo = /* @__PURE__ */ k(Se, [["render", Me]]);
1068
- /*!
1069
- * iamKey v3.7.8--beta-2
1070
- * Copyright 2022-2023 iamproperty
1071
- */
1072
- window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Card" });
1073
- let He = class extends HTMLElement {
1074
- constructor() {
1075
- super(), this.attachShadow({ mode: "open" }), this.querySelector('[class*="fa-"]') && this.classList.add("card--has-icon");
1076
- let a = this.classList.toString();
1077
- const t = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", r = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${t}/css/core.min.css`, s = document.createElement("template");
1078
- s.innerHTML = `
1079
- <style>
1080
- @import "${r}";
1081
- .card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:active,.active) .card__body{background:#e0e0e0}.card--filter:is(:checked,.checked){outline:2px solid var(--colour, var(--colour-info));outline-offset:-2px}.card--filter:is(:checked,.checked) .card__body{background:#e0e0e0}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}/*# sourceMappingURL=assets/css/components/card.css.map */
1082
-
1083
- ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
1084
- </style>
1085
- <div class="card ${a}" tabindex="0" role="button">
1086
- ${this.hasAttribute("data-image") ? `<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>` : ""}
1087
- <div class="card__body">
1088
- ${this.classList.contains("card--filter") && this.hasAttribute("data-total") ? `<div class="card__total">${this.getAttribute("data-total")}</div>` : ""}
1089
- ${this.hasAttribute("data-illustration") ? `<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>` : ""}
1090
- <slot></slot>
1091
- </div>
1092
- ${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
1093
- </div>
1094
- `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
1095
- }
1096
- connectedCallback() {
1097
- this.classList.add("loaded");
1098
- const a = this.parentNode.closest("a, button, label"), t = this.shadowRoot.querySelector(".card");
1099
- a.setAttribute("tabindex", "-1"), a.matches("label[for]") && (document.getElementById(a.getAttribute("for")).checked ? t.classList.add("checked") : t.classList.remove("checked")), t.addEventListener("click", (r) => {
1100
- if (a.matches("label[for]")) {
1101
- r.stopPropagation(), r.preventDefault();
1102
- const s = document.getElementById(a.getAttribute("for")), i = s.getAttribute("name"), o = s.getAttribute("id");
1103
- Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${o}"])`)).forEach((c, n) => {
1104
- document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"));
1105
- }), a.click(), s.checked ? t.classList.add("checked") : t.classList.remove("checked");
1106
- }
1107
- }), this.addEventListener("inactive", (r) => {
1108
- t.classList.remove("checked");
1109
- }), t.addEventListener("keydown", (r) => {
1110
- switch (r.keyCode) {
1111
- case 32:
1112
- case 13:
1113
- if (a.matches("label[for]")) {
1114
- r.stopPropagation(), r.preventDefault();
1115
- const s = document.getElementById(a.getAttribute("for")), i = s.getAttribute("name"), o = s.getAttribute("id");
1116
- Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${o}"])`)).forEach((c, n) => {
1117
- document.querySelector(`[for="${c.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"));
1118
- }), a.click(), s.checked ? t.classList.add("checked") : t.classList.remove("checked");
1119
- } else
1120
- a.click();
1121
- break;
1122
- }
1123
- });
1124
- }
1125
- static get observedAttributes() {
1126
- return ["data-total", "class"];
1127
- }
1128
- attributeChangedCallback(a, t, r) {
1129
- switch (a) {
1130
- case "data-total": {
1131
- this.shadowRoot.querySelector(".card__total").innerHTML = r;
1132
- break;
1133
- }
1134
- case "class": {
1135
- let s = this.classList.toString();
1136
- this.querySelector('[class*="fa-"]') && (s += " card--has-icon"), this.shadowRoot.querySelector(".card").setAttribute("class", `card ${s}`);
1137
- break;
1138
- }
1139
- }
1140
- }
1141
- };
1142
- const Ce = {
1112
+ const ur = /* @__PURE__ */ S(St, [["render", Tt]]), Mt = {
1143
1113
  name: "Card",
1144
1114
  mounted() {
1145
1115
  this.$nextTick(function() {
1146
- window.customElements.get("iam-card") || window.customElements.define("iam-card", He);
1116
+ import("./card.component.min-d04c3ee7.mjs").then((t) => {
1117
+ window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
1118
+ }).catch((t) => {
1119
+ console.log(t.message);
1120
+ });
1147
1121
  });
1148
1122
  }
1149
1123
  };
1150
- function De(e, a, t, r, s, i) {
1124
+ function Ht(t, a, e, r, i, o) {
1151
1125
  return u(), m("iam-card", null, [
1152
- _(e.$slots, "default")
1126
+ v(t.$slots, "default")
1153
1127
  ]);
1154
1128
  }
1155
- const Ne = /* @__PURE__ */ k(Ce, [["render", De]]);
1156
- function Re(e) {
1129
+ const Ct = /* @__PURE__ */ S(Mt, [["render", Ht]]);
1130
+ function Dt(t) {
1157
1131
  var a;
1158
- let t = e.querySelector(".carousel__inner"), r = e.querySelectorAll(".carousel__item").length;
1159
- e.getAttribute("data-cols");
1160
- let s = e.getAttribute("data-sm-cols"), i = e.getAttribute("data-md-cols");
1161
- e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(o) {
1132
+ let e = t.querySelector(".carousel__inner"), r = t.querySelectorAll(".carousel__item").length;
1133
+ t.getAttribute("data-cols");
1134
+ let i = t.getAttribute("data-sm-cols"), o = t.getAttribute("data-md-cols");
1135
+ t.querySelector(".carousel__controls a").classList.add("active"), e.addEventListener("scroll", function(s) {
1162
1136
  clearTimeout(a), a = setTimeout(function() {
1163
- let c = t.clientWidth, n = t.scrollWidth, l = t.scrollLeft, h = Math.round(l / n * r) + 1, f = e.querySelector(".carousel__item:last-child").offsetLeft;
1164
- Array.from(e.querySelectorAll(".carousel__controls a")).forEach((b, y) => {
1165
- b.classList.remove("active");
1166
- }), e.querySelector(".control-" + h).classList.add("active"), h == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + c > f ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
1137
+ let l = e.clientWidth, c = e.scrollWidth, n = e.scrollLeft, f = Math.round(n / c * r) + 1, p = t.querySelector(".carousel__item:last-child").offsetLeft;
1138
+ Array.from(t.querySelectorAll(".carousel__controls a")).forEach((h, b) => {
1139
+ h.classList.remove("active");
1140
+ }), t.querySelector(".control-" + f).classList.add("active"), f == 1 ? t.querySelector(".btn-prev").setAttribute("disabled", "disabled") : t.querySelector(".btn-prev").removeAttribute("disabled"), e.scrollLeft + l > p ? t.querySelector(".btn-next").setAttribute("disabled", "disabled") : t.querySelector(".btn-next").removeAttribute("disabled");
1167
1141
  }, 100);
1168
- }, !1), e.addEventListener("click", function(o) {
1169
- for (var c = o.target; c && c != this; c = c.parentNode)
1170
- if (c.matches(".carousel__controls a")) {
1171
- o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, h) => {
1172
- l.classList.remove("active");
1173
- }), c.classList.add("active");
1174
- const n = document.querySelector(c.getAttribute("href"));
1175
- t.scroll({
1142
+ }, !1), t.addEventListener("click", function(s) {
1143
+ for (var l = s.target; l && l != this; l = l.parentNode)
1144
+ if (l.matches(".carousel__controls a")) {
1145
+ s.preventDefault(), Array.from(t.querySelectorAll(".carousel__controls a")).forEach((n, f) => {
1146
+ n.classList.remove("active");
1147
+ }), l.classList.add("active");
1148
+ const c = document.querySelector(l.getAttribute("href"));
1149
+ e.scroll({
1176
1150
  top: 0,
1177
- left: n.offsetLeft,
1151
+ left: c.offsetLeft,
1178
1152
  behavior: "smooth"
1179
1153
  });
1180
1154
  break;
1181
1155
  }
1182
- }, !1), e.addEventListener("click", function(o) {
1183
- for (var c = o.target; c && c != this; c = c.parentNode)
1184
- if (c.matches(".btn-next, .btn-prev")) {
1185
- o.preventDefault();
1186
- let n = c.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
1187
- t.scroll({
1156
+ }, !1), t.addEventListener("click", function(s) {
1157
+ for (var l = s.target; l && l != this; l = l.parentNode)
1158
+ if (l.matches(".btn-next, .btn-prev")) {
1159
+ s.preventDefault();
1160
+ let c = l.classList.contains("btn-prev") ? e.scrollLeft - e.clientWidth : e.scrollLeft + e.clientWidth;
1161
+ e.scroll({
1188
1162
  top: 0,
1189
- left: n,
1163
+ left: c,
1190
1164
  behavior: "smooth"
1191
1165
  });
1192
1166
  break;
1193
1167
  }
1194
- }, !1), r == 1 && e.classList.add("hide-btns"), s >= r && e.classList.add("hide-sm-btns"), i >= r && e.classList.add("hide-md-btns");
1168
+ }, !1), r == 1 && t.classList.add("hide-btns"), i >= r && t.classList.add("hide-sm-btns"), o >= r && t.classList.add("hide-md-btns");
1195
1169
  }
1196
- const ze = {
1170
+ const Nt = {
1197
1171
  components: {
1198
- Card: Ne
1172
+ Card: Ct
1199
1173
  },
1200
1174
  name: "Carousel",
1201
1175
  data() {
@@ -1264,93 +1238,93 @@ const ze = {
1264
1238
  },
1265
1239
  computed: {
1266
1240
  content() {
1267
- return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
1241
+ return (t) => `${t.image ? `<img src="${t.image}" alt="" />` : ""}${t.content ? t.content : ""}`;
1268
1242
  }
1269
1243
  },
1270
1244
  mounted() {
1271
1245
  this.id = this._uid, this.$nextTick(function() {
1272
- Re(this.$refs.wrapper);
1246
+ Dt(this.$refs.wrapper);
1273
1247
  });
1274
1248
  }
1275
- }, Ie = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Pe = { class: "carousel__wrapper" }, Be = { class: "carousel__inner" }, Fe = ["id"], je = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ d("button", {
1249
+ }, Rt = ["id", "data-cols", "data-sm-cols", "data-md-cols"], zt = { class: "carousel__wrapper" }, It = { class: "carousel__inner" }, Pt = ["id"], Ft = ["innerHTML", "id"], jt = ["href"], Bt = /* @__PURE__ */ d("button", {
1276
1250
  class: "btn btn-prev",
1277
1251
  "data-go": "0",
1278
1252
  disabled: ""
1279
- }, "Prev", -1), Ue = /* @__PURE__ */ d("button", {
1253
+ }, "Prev", -1), Ot = /* @__PURE__ */ d("button", {
1280
1254
  class: "btn btn-next",
1281
1255
  "data-go": "2"
1282
1256
  }, "Next", -1);
1283
- function We(e, a, t, r, s, i) {
1284
- const o = N("Card");
1257
+ function Vt(t, a, e, r, i, o) {
1258
+ const s = R("Card");
1285
1259
  return u(), m("div", {
1286
1260
  class: "container carousel",
1287
- id: "carousel" + s.id,
1261
+ id: "carousel" + i.id,
1288
1262
  ref: "wrapper",
1289
- "data-cols": t.cols,
1290
- "data-sm-cols": t.smcols,
1291
- "data-md-cols": t.mdcols
1263
+ "data-cols": e.cols,
1264
+ "data-sm-cols": e.smcols,
1265
+ "data-md-cols": e.mdcols
1292
1266
  }, [
1293
- _(e.$slots, "default"),
1294
- d("div", Pe, [
1295
- d("div", Be, [
1296
- t.type == "card" ? (u(), m("div", {
1267
+ v(t.$slots, "default"),
1268
+ d("div", zt, [
1269
+ d("div", It, [
1270
+ e.type == "card" ? (u(), m("div", {
1297
1271
  key: 0,
1298
- class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
1272
+ class: L(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
1299
1273
  }, [
1300
- (u(!0), m(T, null, M(t.items, (c, n) => (u(), m("div", {
1301
- class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
1302
- key: n,
1303
- id: "carousel" + s.id + "slide" + (n + 1)
1274
+ (u(!0), m(T, null, M(e.items, (l, c) => (u(), m("div", {
1275
+ class: L(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
1276
+ key: c,
1277
+ id: "carousel" + i.id + "slide" + (c + 1)
1304
1278
  }, [
1305
- x(o, H(c, {
1306
- class: t.cardclass,
1307
- type: t.cardtype,
1308
- btnyype: t.btntype,
1309
- titleclass: t.titleclass,
1310
- ctatext: t.ctatext,
1311
- hidectatext: t.hidectatext
1279
+ q(s, H(l, {
1280
+ class: e.cardclass,
1281
+ type: e.cardtype,
1282
+ btnyype: e.btntype,
1283
+ titleclass: e.titleclass,
1284
+ ctatext: e.ctatext,
1285
+ hidectatext: e.hidectatext
1312
1286
  }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
1313
- ], 10, Fe))), 128))
1287
+ ], 10, Pt))), 128))
1314
1288
  ], 2)) : g("", !0),
1315
- t.type != "card" ? (u(), m("div", {
1289
+ e.type != "card" ? (u(), m("div", {
1316
1290
  key: 1,
1317
- class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
1291
+ class: L(`row row-cols-${e.cols} row-cols-sm-${e.smcols} row-cols-md-${e.mdcols} ${e.gap ? `g-${e.gap}` : ""}`)
1318
1292
  }, [
1319
- (u(!0), m(T, null, M(t.items, (c, n) => (u(), m("div", {
1320
- class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
1321
- key: n,
1322
- innerHTML: i.content(c),
1323
- id: "carousel" + s.id + "slide" + (n + 1)
1324
- }, null, 10, je))), 128))
1293
+ (u(!0), m(T, null, M(e.items, (l, c) => (u(), m("div", {
1294
+ class: L(`col carousel__item${e.colclass ? ` ${e.colclass}` : ""}`),
1295
+ key: c,
1296
+ innerHTML: o.content(l),
1297
+ id: "carousel" + i.id + "slide" + (c + 1)
1298
+ }, null, 10, Ft))), 128))
1325
1299
  ], 2)) : g("", !0)
1326
1300
  ]),
1327
1301
  d("div", {
1328
- class: A(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
1302
+ class: L(`carousel__controls cols-${e.cols} cols-sm-${e.smcols} cols-md-${e.mdcols}`)
1329
1303
  }, [
1330
- (u(!0), m(T, null, M(t.items, (c, n) => (u(), m("a", {
1331
- key: n,
1332
- href: "#carousel" + s.id + "slide" + (n + 1),
1333
- class: A(`control-${n + 1}`)
1334
- }, "Slide " + $(n + 1), 11, Oe))), 128))
1304
+ (u(!0), m(T, null, M(e.items, (l, c) => (u(), m("a", {
1305
+ key: c,
1306
+ href: "#carousel" + i.id + "slide" + (c + 1),
1307
+ class: L(`control-${c + 1}`)
1308
+ }, "Slide " + $(c + 1), 11, jt))), 128))
1335
1309
  ], 2),
1336
- Ve,
1337
- Ue
1310
+ Bt,
1311
+ Ot
1338
1312
  ])
1339
- ], 8, Ie);
1313
+ ], 8, Rt);
1340
1314
  }
1341
- const po = /* @__PURE__ */ k(ze, [["render", We]]);
1315
+ const mr = /* @__PURE__ */ S(Nt, [["render", Vt]]);
1342
1316
  /*!
1343
- * iamKey v3.7.8--beta-2
1317
+ * iamKey v3.7.9-beta
1344
1318
  * Copyright 2022-2023 iamproperty
1345
1319
  */
1346
1320
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
1347
- class Ge extends HTMLElement {
1321
+ class Ut extends HTMLElement {
1348
1322
  constructor() {
1349
1323
  super(), this.attachShadow({ mode: "open" });
1350
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
1324
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
1351
1325
  r.innerHTML = `
1352
1326
  <style>
1353
- @import "${t}";
1327
+ @import "${e}";
1354
1328
  .header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
1355
1329
 
1356
1330
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -1373,11 +1347,11 @@ class Ge extends HTMLElement {
1373
1347
  }
1374
1348
  connectedCallback() {
1375
1349
  this.classList.add("loaded");
1376
- const a = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
1377
- this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
1350
+ const a = this.shadowRoot.querySelector("picture"), e = this.shadowRoot.querySelector("picture source");
1351
+ this.hasAttribute("image") ? e.setAttribute("srcset", this.getAttribute("image")) : a.remove();
1378
1352
  }
1379
1353
  }
1380
- const Ke = {
1354
+ const Wt = {
1381
1355
  name: "Header",
1382
1356
  props: {
1383
1357
  title: {
@@ -1391,53 +1365,53 @@ const Ke = {
1391
1365
  },
1392
1366
  mounted() {
1393
1367
  this.$nextTick(function() {
1394
- window.customElements.get("iam-header") || window.customElements.define("iam-header", Ge);
1368
+ window.customElements.get("iam-header") || window.customElements.define("iam-header", Ut);
1395
1369
  });
1396
1370
  }
1397
- }, Ye = ["image"], Ze = ["innerHTML"];
1398
- function Je(e, a, t, r, s, i) {
1371
+ }, Gt = ["image"], Kt = ["innerHTML"];
1372
+ function Yt(t, a, e, r, i, o) {
1399
1373
  return u(), m("iam-header", {
1400
1374
  class: "bg-secondary",
1401
- image: t.image
1375
+ image: e.image
1402
1376
  }, [
1403
- _(e.$slots, "breadcrumb"),
1404
- t.title ? (u(), m("h1", {
1377
+ v(t.$slots, "breadcrumb"),
1378
+ e.title ? (u(), m("h1", {
1405
1379
  key: 0,
1406
- innerHTML: t.title
1407
- }, null, 8, Ze)) : g("", !0),
1408
- _(e.$slots, "default")
1409
- ], 8, Ye);
1380
+ innerHTML: e.title
1381
+ }, null, 8, Kt)) : g("", !0),
1382
+ v(t.$slots, "default")
1383
+ ], 8, Gt);
1410
1384
  }
1411
- const yo = /* @__PURE__ */ k(Ke, [["render", Je]]);
1412
- function Xe(e) {
1385
+ const hr = /* @__PURE__ */ S(Wt, [["render", Yt]]);
1386
+ function Zt(t) {
1413
1387
  var a;
1414
- const t = e.querySelector(".testimonial__images"), r = t.querySelectorAll("img").length;
1388
+ const e = t.querySelector(".testimonial__images"), r = e.querySelectorAll("img").length;
1415
1389
  if (r == 1)
1416
1390
  return !1;
1417
- e.classList.add("testimonial--multi");
1418
- const s = function(i) {
1419
- const o = e.querySelector(".btn-next"), c = e.querySelector(".btn-prev");
1420
- o.setAttribute("data-go", i + 1), c.setAttribute("data-go", i - 1), o.removeAttribute("disabled"), c.removeAttribute("disabled"), i == 1 ? c.setAttribute("disabled", !0) : i == r && o.setAttribute("disabled", !0);
1391
+ t.classList.add("testimonial--multi");
1392
+ const i = function(o) {
1393
+ const s = t.querySelector(".btn-next"), l = t.querySelector(".btn-prev");
1394
+ s.setAttribute("data-go", o + 1), l.setAttribute("data-go", o - 1), s.removeAttribute("disabled"), l.removeAttribute("disabled"), o == 1 ? l.setAttribute("disabled", !0) : o == r && s.setAttribute("disabled", !0);
1421
1395
  };
1422
- t.addEventListener("scroll", function(i) {
1396
+ e.addEventListener("scroll", function(o) {
1423
1397
  clearTimeout(a), a = setTimeout(function() {
1424
- let o = t.scrollWidth, c = t.scrollHeight, n = t.scrollLeft, l = t.scrollTop, h = Math.round(n / o * r) + 1;
1425
- n == 0 && l != 0 && (h = Math.round(l / c * r) + 1), e.setAttribute("data-show", h), s(h);
1398
+ let s = e.scrollWidth, l = e.scrollHeight, c = e.scrollLeft, n = e.scrollTop, f = Math.round(c / s * r) + 1;
1399
+ c == 0 && n != 0 && (f = Math.round(n / l * r) + 1), t.setAttribute("data-show", f), i(f);
1426
1400
  }, 300);
1427
- }, !1), e.addEventListener("click", function(i) {
1428
- for (var o = i.target; o && o != this; o = o.parentNode)
1429
- if (o.matches("[data-go]")) {
1430
- let c = parseInt(o.getAttribute("data-go")), n = 0, l = 0, h = t.scrollWidth, f = t.scrollHeight;
1431
- h > f ? l = Math.floor(h * ((c - 1) / r)) : n = Math.floor(f * ((c - 1) / r)), t.scroll({
1432
- top: n,
1433
- left: l,
1401
+ }, !1), t.addEventListener("click", function(o) {
1402
+ for (var s = o.target; s && s != this; s = s.parentNode)
1403
+ if (s.matches("[data-go]")) {
1404
+ let l = parseInt(s.getAttribute("data-go")), c = 0, n = 0, f = e.scrollWidth, p = e.scrollHeight;
1405
+ f > p ? n = Math.floor(f * ((l - 1) / r)) : c = Math.floor(p * ((l - 1) / r)), e.scroll({
1406
+ top: c,
1407
+ left: n,
1434
1408
  behavior: "smooth"
1435
1409
  });
1436
1410
  break;
1437
1411
  }
1438
1412
  }, !1);
1439
1413
  }
1440
- const Qe = {
1414
+ const Xt = {
1441
1415
  name: "Testimonial",
1442
1416
  props: {
1443
1417
  items: {
@@ -1451,13 +1425,13 @@ const Qe = {
1451
1425
  }
1452
1426
  },
1453
1427
  mounted() {
1454
- Xe(this.$refs.wrapper);
1428
+ Zt(this.$refs.wrapper);
1455
1429
  }
1456
- }, ta = {
1430
+ }, Jt = {
1457
1431
  class: "container testimonial mb-5",
1458
1432
  "data-show": "1",
1459
1433
  ref: "wrapper"
1460
- }, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, oa = ["src"], ia = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
1434
+ }, Qt = { class: "row" }, ea = { class: "col-md-5 position-relative" }, ta = { class: "testimonial__images" }, aa = ["src"], sa = /* @__PURE__ */ d("div", { class: "testimonial__controls" }, [
1461
1435
  /* @__PURE__ */ d("button", {
1462
1436
  "data-go": "0",
1463
1437
  disabled: "",
@@ -1467,52 +1441,52 @@ const Qe = {
1467
1441
  "data-go": "2",
1468
1442
  class: "btn-next"
1469
1443
  }, "Next")
1470
- ], -1), sa = { class: "col-md-7" }, na = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, ca = ["innerHTML"], da = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
1471
- function ha(e, a, t, r, s, i) {
1472
- return u(), m("div", ta, [
1444
+ ], -1), ra = { class: "col-md-7" }, oa = /* @__PURE__ */ d("h2", null, "What our customers think…", -1), ia = { class: "testimonial__content" }, na = ["innerHTML"], la = ["innerHTML"], ca = { class: "testimonial__after" }, da = /* @__PURE__ */ d("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
1445
+ function ua(t, a, e, r, i, o) {
1446
+ return u(), m("div", Jt, [
1473
1447
  d("div", {
1474
- class: A("bg-" + t.background)
1448
+ class: L("bg-" + e.background)
1475
1449
  }, [
1476
- d("div", ea, [
1477
- d("div", aa, [
1478
- d("div", ra, [
1479
- (u(!0), m(T, null, M(t.items, (o, c) => (u(), m("img", {
1480
- key: c,
1481
- src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
1450
+ d("div", Qt, [
1451
+ d("div", ea, [
1452
+ d("div", ta, [
1453
+ (u(!0), m(T, null, M(e.items, (s, l) => (u(), m("img", {
1454
+ key: l,
1455
+ src: s.image ? s.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
1482
1456
  alt: "",
1483
- class: A("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
1484
- }, null, 10, oa))), 128))
1457
+ class: L("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
1458
+ }, null, 10, aa))), 128))
1485
1459
  ]),
1486
- ia
1460
+ sa
1487
1461
  ]),
1488
- d("div", sa, [
1489
- na,
1490
- d("div", la, [
1491
- (u(!0), m(T, null, M(t.items, (o, c) => (u(), m("blockquote", {
1492
- key: c,
1493
- class: A(o.class)
1462
+ d("div", ra, [
1463
+ oa,
1464
+ d("div", ia, [
1465
+ (u(!0), m(T, null, M(e.items, (s, l) => (u(), m("blockquote", {
1466
+ key: l,
1467
+ class: L(s.class)
1494
1468
  }, [
1495
1469
  d("div", {
1496
- innerHTML: o.quote
1497
- }, null, 8, ca),
1470
+ innerHTML: s.quote
1471
+ }, null, 8, na),
1498
1472
  d("cite", {
1499
- innerHTML: o.cite
1500
- }, null, 8, da)
1473
+ innerHTML: s.cite
1474
+ }, null, 8, la)
1501
1475
  ], 2))), 128))
1502
1476
  ]),
1503
- d("div", ua, [
1504
- _(e.$slots, "default")
1477
+ d("div", ca, [
1478
+ v(t.$slots, "default")
1505
1479
  ])
1506
1480
  ])
1507
1481
  ]),
1508
- ma
1482
+ da
1509
1483
  ], 2)
1510
1484
  ], 512);
1511
1485
  }
1512
- const go = /* @__PURE__ */ k(Qe, [["render", ha]]);
1513
- const fa = {
1486
+ const fr = /* @__PURE__ */ S(Xt, [["render", ua]]);
1487
+ const ma = {
1514
1488
  components: {
1515
- Input: O
1489
+ Input: Z
1516
1490
  },
1517
1491
  name: "PropertySearchbar",
1518
1492
  props: {
@@ -1637,8 +1611,8 @@ const fa = {
1637
1611
  };
1638
1612
  },
1639
1613
  methods: {
1640
- locationKeyup: function(e) {
1641
- this.$emit("locationKeyup", e);
1614
+ locationKeyup: function(t) {
1615
+ this.$emit("locationKeyup", t);
1642
1616
  }
1643
1617
  },
1644
1618
  computed: {
@@ -1646,8 +1620,8 @@ const fa = {
1646
1620
  get() {
1647
1621
  return this.locationSave ? this.locationSave : this.location;
1648
1622
  },
1649
- set(e) {
1650
- this.locationSave = e, this.$emit("input", e);
1623
+ set(t) {
1624
+ this.locationSave = t, this.$emit("input", t);
1651
1625
  }
1652
1626
  },
1653
1627
  locationsList() {
@@ -1656,125 +1630,125 @@ const fa = {
1656
1630
  ];
1657
1631
  }
1658
1632
  }
1659
- }, ba = {
1633
+ }, ha = {
1660
1634
  class: "container",
1661
1635
  ref: "wrapper"
1662
- }, pa = { class: "property-searchbar" }, ya = ["action", "method"], ga = { class: "col-12 col-md-3" }, _a = { class: "col-12 col-md" }, va = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), wa = {
1636
+ }, fa = { class: "property-searchbar" }, ba = ["action", "method"], pa = { class: "col-12 col-md-3" }, ya = { class: "col-12 col-md" }, ga = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Price range", -1), _a = {
1663
1637
  class: "row",
1664
1638
  "data-input-range": ""
1665
- }, Aa = { class: "col-12 col-md" }, ka = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Sa = {
1639
+ }, va = { class: "col-12 col-md" }, wa = /* @__PURE__ */ d("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Aa = {
1666
1640
  class: "row",
1667
1641
  "data-input-range": ""
1668
- }, La = { class: "col-12 col-md-2" }, xa = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
1642
+ }, Sa = { class: "col-12 col-md-2" }, La = /* @__PURE__ */ d("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
1669
1643
  /* @__PURE__ */ d("button", {
1670
1644
  class: "btn w-100 me-0",
1671
1645
  type: "submit",
1672
1646
  value: "submit"
1673
1647
  }, "Search")
1674
1648
  ], -1);
1675
- function qa(e, a, t, r, s, i) {
1676
- const o = N("Input");
1677
- return u(), m("div", ba, [
1678
- _(e.$slots, "default"),
1679
- d("div", pa, [
1649
+ function ka(t, a, e, r, i, o) {
1650
+ const s = R("Input");
1651
+ return u(), m("div", ha, [
1652
+ v(t.$slots, "default"),
1653
+ d("div", fa, [
1680
1654
  d("form", {
1681
1655
  class: "row",
1682
- action: t.formaction,
1683
- method: t.formmethod
1656
+ action: e.formaction,
1657
+ method: e.formmethod
1684
1658
  }, [
1685
- d("fieldset", ga, [
1686
- x(o, {
1659
+ d("fieldset", pa, [
1660
+ q(s, {
1687
1661
  inputClass: "input--locations",
1688
- modelValue: i.locationSet,
1689
- "onUpdate:modelValue": a[0] || (a[0] = (c) => i.locationSet = c),
1662
+ modelValue: o.locationSet,
1663
+ "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
1690
1664
  label: "Location",
1691
1665
  id: "location",
1692
- options: i.locationsList(),
1666
+ options: o.locationsList(),
1693
1667
  required: "",
1694
1668
  placeholder: "i.e. Newcastle or NE1",
1695
- onKeyupEvent: a[1] || (a[1] = (c) => i.locationKeyup(...arguments)),
1669
+ onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
1696
1670
  ref: "search"
1697
1671
  }, null, 8, ["modelValue", "options"]),
1698
- x(o, {
1672
+ q(s, {
1699
1673
  class: "select--miles",
1700
1674
  label: "Miles",
1701
1675
  id: "miles",
1702
1676
  type: "select",
1703
- options: t.distances
1677
+ options: e.distances
1704
1678
  }, null, 8, ["options"])
1705
1679
  ]),
1706
- d("fieldset", _a, [
1707
- va,
1708
- d("div", wa, [
1709
- x(o, {
1680
+ d("fieldset", ya, [
1681
+ ga,
1682
+ d("div", _a, [
1683
+ q(s, {
1710
1684
  class: "col-6",
1711
1685
  label: "Minimum price",
1712
1686
  id: "price-min",
1713
1687
  "data-min": "true",
1714
1688
  type: "select",
1715
- options: t.pricemin
1689
+ options: e.pricemin
1716
1690
  }, null, 8, ["options"]),
1717
- x(o, {
1691
+ q(s, {
1718
1692
  class: "col-6",
1719
1693
  label: "Maximum price",
1720
1694
  id: "price-max",
1721
1695
  "data-max": "true",
1722
1696
  type: "select",
1723
- options: t.pricemax
1697
+ options: e.pricemax
1724
1698
  }, null, 8, ["options"])
1725
1699
  ])
1726
1700
  ]),
1727
- d("fieldset", Aa, [
1728
- ka,
1729
- d("div", Sa, [
1730
- x(o, {
1701
+ d("fieldset", va, [
1702
+ wa,
1703
+ d("div", Aa, [
1704
+ q(s, {
1731
1705
  class: "col-6",
1732
1706
  label: "Minimum beds",
1733
1707
  id: "beds-min",
1734
1708
  "data-min": "true",
1735
1709
  type: "select",
1736
- options: t.bedsmin
1710
+ options: e.bedsmin
1737
1711
  }, null, 8, ["options"]),
1738
- x(o, {
1712
+ q(s, {
1739
1713
  class: "col-6",
1740
1714
  label: "Maximum beds",
1741
1715
  id: "beds-max",
1742
1716
  "data-max": "true",
1743
1717
  type: "select",
1744
- options: t.bedsmax
1718
+ options: e.bedsmax
1745
1719
  }, null, 8, ["options"])
1746
1720
  ])
1747
1721
  ]),
1748
- d("fieldset", La, [
1749
- x(o, {
1722
+ d("fieldset", Sa, [
1723
+ q(s, {
1750
1724
  label: "Property type",
1751
1725
  id: "property-type",
1752
1726
  type: "select",
1753
- options: t.propertytypes
1727
+ options: e.propertytypes
1754
1728
  }, null, 8, ["options"])
1755
1729
  ]),
1756
- xa
1757
- ], 8, ya)
1730
+ La
1731
+ ], 8, ba)
1758
1732
  ]),
1759
- _(e.$slots, "after")
1733
+ v(t.$slots, "after")
1760
1734
  ], 512);
1761
1735
  }
1762
- const _o = /* @__PURE__ */ k(fa, [["render", qa]]), $a = (e) => {
1763
- Array.from(e.querySelectorAll("details")).forEach((a, t) => {
1736
+ const br = /* @__PURE__ */ S(ma, [["render", ka]]), qa = (t) => {
1737
+ Array.from(t.querySelectorAll("details")).forEach((a, e) => {
1764
1738
  a.addEventListener("mouseenter", function(r) {
1765
1739
  window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
1766
1740
  }, !1), a.addEventListener("mouseleave", function(r) {
1767
1741
  window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
1768
1742
  }, !1);
1769
1743
  }), "IntersectionObserver" in window && new IntersectionObserver(
1770
- ([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
1744
+ ([e]) => e.target.classList.toggle("is-stuck", e.intersectionRatio < 1),
1771
1745
  { threshold: [1] }
1772
- ).observe(e);
1746
+ ).observe(t);
1773
1747
  };
1774
- const Ea = {
1748
+ const $a = {
1775
1749
  components: {
1776
- Input: O,
1777
- Logo: yt
1750
+ Input: Z,
1751
+ Logo: _e
1778
1752
  },
1779
1753
  name: "Nav",
1780
1754
  props: {
@@ -1821,8 +1795,8 @@ const Ea = {
1821
1795
  };
1822
1796
  },
1823
1797
  methods: {
1824
- subIsActive(e) {
1825
- return (Array.isArray(e) ? e : [e]).some((t) => this.$route.path.indexOf(t) === 0);
1798
+ subIsActive(t) {
1799
+ return (Array.isArray(t) ? t : [t]).some((e) => this.$route.path.indexOf(e) === 0);
1826
1800
  }
1827
1801
  },
1828
1802
  computed: {
@@ -1844,48 +1818,48 @@ const Ea = {
1844
1818
  },
1845
1819
  mounted() {
1846
1820
  this.$nextTick(function() {
1847
- $a(this.$refs.wrapper);
1821
+ qa(this.$refs.wrapper);
1848
1822
  });
1849
1823
  }
1850
- }, Ta = /* @__PURE__ */ d("input", {
1824
+ }, xa = /* @__PURE__ */ d("input", {
1851
1825
  type: "checkbox",
1852
1826
  name: "showMenu",
1853
1827
  id: "showMenu",
1854
1828
  class: "d-none"
1855
- }, null, -1), Ma = /* @__PURE__ */ d("input", {
1829
+ }, null, -1), Ea = /* @__PURE__ */ d("input", {
1856
1830
  type: "checkbox",
1857
1831
  name: "showSearch",
1858
1832
  id: "showSearch",
1859
1833
  class: "d-none"
1860
- }, null, -1), Ha = /* @__PURE__ */ d("input", {
1834
+ }, null, -1), Ta = /* @__PURE__ */ d("input", {
1861
1835
  type: "checkbox",
1862
1836
  name: "showAccount",
1863
1837
  id: "showAccount",
1864
1838
  class: "d-none"
1865
- }, null, -1), Ca = { class: "nav__mobile-bar" }, Da = { class: "container" }, Na = { class: "row" }, Ra = {
1839
+ }, null, -1), Ma = { class: "nav__mobile-bar" }, Ha = { class: "container" }, Ca = { class: "row" }, Da = {
1866
1840
  key: 0,
1867
1841
  class: "col mw-md-fit-content nav__logo"
1868
- }, za = {
1842
+ }, Na = {
1869
1843
  key: 1,
1870
1844
  class: "col mw-md-fit-content nav__logo"
1871
- }, Ia = {
1845
+ }, Ra = {
1872
1846
  href: "/",
1873
1847
  class: "text-decoration-none mb-0"
1874
- }, Pa = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
1848
+ }, za = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
1875
1849
  /* @__PURE__ */ d("label", { for: "showMenu" }, "Menu")
1876
- ], -1), Ba = { class: "nav__inner" }, Fa = { class: "container" }, ja = { class: "row" }, Oa = {
1850
+ ], -1), Ia = { class: "nav__inner" }, Pa = { class: "container" }, Fa = { class: "row" }, ja = {
1877
1851
  key: 0,
1878
1852
  class: "col mw-md-fit-content nav__logo"
1879
- }, Va = {
1853
+ }, Ba = {
1880
1854
  key: 1,
1881
1855
  class: "col mw-md-fit-content nav__logo"
1882
- }, Ua = {
1856
+ }, Oa = {
1883
1857
  href: "/",
1884
1858
  class: "text-decoration-none mb-0"
1885
- }, Wa = {
1859
+ }, Va = {
1886
1860
  key: 2,
1887
1861
  class: "col mw-fit-content nav__search-btn flex-row align-items-center"
1888
- }, Ga = /* @__PURE__ */ d("label", { for: "showSearch" }, [
1862
+ }, Ua = /* @__PURE__ */ d("label", { for: "showSearch" }, [
1889
1863
  /* @__PURE__ */ d("svg", {
1890
1864
  class: "icon",
1891
1865
  viewBox: "0 0 32 32"
@@ -1906,14 +1880,14 @@ const Ea = {
1906
1880
  class: "icon__outline"
1907
1881
  })
1908
1882
  ])
1909
- ], -1), Ka = [
1910
- Ga
1911
- ], Ya = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
1883
+ ], -1), Wa = [
1884
+ Ua
1885
+ ], Ga = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
1912
1886
  /* @__PURE__ */ d("label", { for: "showMenu" }, "Menu")
1913
- ], -1), Za = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ja = {
1887
+ ], -1), Ka = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ya = {
1914
1888
  key: 3,
1915
1889
  class: "col nav__account-btn flex-row align-items-center"
1916
- }, Xa = /* @__PURE__ */ d("label", { for: "showAccount" }, [
1890
+ }, Za = /* @__PURE__ */ d("label", { for: "showAccount" }, [
1917
1891
  /* @__PURE__ */ d("svg", {
1918
1892
  class: "icon",
1919
1893
  viewBox: "0 0 28 28"
@@ -1928,130 +1902,130 @@ const Ea = {
1928
1902
  })
1929
1903
  ]),
1930
1904
  /* @__PURE__ */ d("span", null, "My account")
1931
- ], -1), Qa = [
1932
- Xa
1933
- ], tr = {
1905
+ ], -1), Xa = [
1906
+ Za
1907
+ ], Ja = {
1934
1908
  key: 4,
1935
1909
  class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
1936
- }, er = ["href", "innerHTML"], ar = {
1910
+ }, Qa = ["href", "innerHTML"], es = {
1937
1911
  key: 0,
1938
1912
  class: "nav__menu--secondary"
1939
- }, rr = { class: "container" }, or = {
1913
+ }, ts = { class: "container" }, as = {
1940
1914
  key: 1,
1941
1915
  class: "nav__menu--search"
1942
- }, ir = { class: "bg-gradient pt-4" }, sr = { class: "container" }, nr = {
1916
+ }, ss = { class: "bg-gradient pt-4" }, rs = { class: "container" }, os = {
1943
1917
  key: 0,
1944
1918
  class: "nav__menu--account"
1945
- }, lr = { class: "container" }, cr = { class: "row mb-4" }, dr = {
1919
+ }, is = { class: "container" }, ns = { class: "row mb-4" }, ls = {
1946
1920
  key: 0,
1947
1921
  class: "col mw-md-fit-content nav__logo"
1948
- }, ur = {
1922
+ }, cs = {
1949
1923
  key: 1,
1950
1924
  class: "col mw-md-fit-content nav__logo"
1951
- }, mr = {
1925
+ }, ds = {
1952
1926
  href: "/",
1953
1927
  class: "text-decoration-none mb-0"
1954
- }, hr = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
1928
+ }, us = /* @__PURE__ */ d("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
1955
1929
  /* @__PURE__ */ d("label", { for: "showAccount" }, "Account")
1956
- ], -1), fr = { class: "container" }, br = /* @__PURE__ */ d("span", { class: "nav__bg" }, null, -1);
1957
- function pr(e, a, t, r, s, i) {
1958
- const o = N("Logo");
1930
+ ], -1), ms = { class: "container" }, hs = /* @__PURE__ */ d("span", { class: "nav__bg" }, null, -1);
1931
+ function fs(t, a, e, r, i, o) {
1932
+ const s = R("Logo");
1959
1933
  return u(), m("nav", {
1960
- class: A(`nav${i.hasSecondarySlot ? " has-secondary" : ""}`),
1934
+ class: L(`nav${o.hasSecondarySlot ? " has-secondary" : ""}`),
1961
1935
  ref: "wrapper"
1962
1936
  }, [
1937
+ xa,
1938
+ Ea,
1963
1939
  Ta,
1964
- Ma,
1965
- Ha,
1966
- d("div", Ca, [
1967
- d("div", Da, [
1968
- d("div", Na, [
1969
- i.hasLogoSlot ? (u(), m("div", Ra, [
1970
- _(e.$slots, "logo")
1971
- ])) : (u(), m("div", za, [
1972
- d("a", Ia, [
1973
- x(o, {
1974
- id: t.logo,
1975
- path: t.logopath,
1976
- desc: t.logotext,
1940
+ d("div", Ma, [
1941
+ d("div", Ha, [
1942
+ d("div", Ca, [
1943
+ o.hasLogoSlot ? (u(), m("div", Da, [
1944
+ v(t.$slots, "logo")
1945
+ ])) : (u(), m("div", Na, [
1946
+ d("a", Ra, [
1947
+ q(s, {
1948
+ id: e.logo,
1949
+ path: e.logopath,
1950
+ desc: e.logotext,
1977
1951
  class: "pb-0"
1978
1952
  }, null, 8, ["id", "path", "desc"])
1979
1953
  ])
1980
1954
  ])),
1981
- Pa
1955
+ za
1982
1956
  ])
1983
1957
  ])
1984
1958
  ]),
1985
- d("div", Ba, [
1986
- d("div", Fa, [
1987
- d("div", ja, [
1988
- i.hasLogoSlot ? (u(), m("div", Oa, [
1989
- _(e.$slots, "logo")
1990
- ])) : (u(), m("div", Va, [
1991
- d("a", Ua, [
1992
- x(o, {
1993
- id: t.logo,
1994
- path: t.logopath,
1995
- desc: t.logotext,
1959
+ d("div", Ia, [
1960
+ d("div", Pa, [
1961
+ d("div", Fa, [
1962
+ o.hasLogoSlot ? (u(), m("div", ja, [
1963
+ v(t.$slots, "logo")
1964
+ ])) : (u(), m("div", Ba, [
1965
+ d("a", Oa, [
1966
+ q(s, {
1967
+ id: e.logo,
1968
+ path: e.logopath,
1969
+ desc: e.logotext,
1996
1970
  class: "pb-0"
1997
1971
  }, null, 8, ["id", "path", "desc"])
1998
1972
  ])
1999
1973
  ])),
2000
- i.hasSearchSlot ? (u(), m("div", Wa, Ka)) : g("", !0),
2001
- Ya,
2002
- d("div", Za, [
2003
- _(e.$slots, "default")
1974
+ o.hasSearchSlot ? (u(), m("div", Va, Wa)) : g("", !0),
1975
+ Ga,
1976
+ d("div", Ka, [
1977
+ v(t.$slots, "default")
2004
1978
  ]),
2005
- i.hasAccountSlot ? (u(), m("div", Ja, Qa)) : g("", !0),
2006
- t.btnlink ? (u(), m("div", tr, [
1979
+ o.hasAccountSlot ? (u(), m("div", Ya, Xa)) : g("", !0),
1980
+ e.btnlink ? (u(), m("div", Ja, [
2007
1981
  d("a", {
2008
- href: t.btnlink,
1982
+ href: e.btnlink,
2009
1983
  class: "btn me-0",
2010
- innerHTML: t.btntext
2011
- }, null, 8, er)
1984
+ innerHTML: e.btntext
1985
+ }, null, 8, Qa)
2012
1986
  ])) : g("", !0)
2013
1987
  ])
2014
1988
  ]),
2015
- i.hasSecondarySlot ? (u(), m("div", ar, [
2016
- d("div", rr, [
2017
- _(e.$slots, "secondary")
1989
+ o.hasSecondarySlot ? (u(), m("div", es, [
1990
+ d("div", ts, [
1991
+ v(t.$slots, "secondary")
2018
1992
  ])
2019
1993
  ])) : g("", !0),
2020
- i.hasSearchSlot ? (u(), m("div", or, [
2021
- d("div", ir, [
2022
- d("div", sr, [
2023
- _(e.$slots, "search")
1994
+ o.hasSearchSlot ? (u(), m("div", as, [
1995
+ d("div", ss, [
1996
+ d("div", rs, [
1997
+ v(t.$slots, "search")
2024
1998
  ])
2025
1999
  ])
2026
2000
  ])) : g("", !0)
2027
2001
  ]),
2028
- i.hasAccountSlot ? (u(), m("div", nr, [
2029
- d("div", lr, [
2030
- d("div", cr, [
2031
- i.hasLogoSlot ? (u(), m("div", dr, [
2032
- _(e.$slots, "logo")
2033
- ])) : (u(), m("div", ur, [
2034
- d("a", mr, [
2035
- x(o, {
2036
- id: t.logo,
2037
- path: t.logopath,
2038
- desc: t.logotext,
2002
+ o.hasAccountSlot ? (u(), m("div", os, [
2003
+ d("div", is, [
2004
+ d("div", ns, [
2005
+ o.hasLogoSlot ? (u(), m("div", ls, [
2006
+ v(t.$slots, "logo")
2007
+ ])) : (u(), m("div", cs, [
2008
+ d("a", ds, [
2009
+ q(s, {
2010
+ id: e.logo,
2011
+ path: e.logopath,
2012
+ desc: e.logotext,
2039
2013
  class: "pb-0"
2040
2014
  }, null, 8, ["id", "path", "desc"])
2041
2015
  ])
2042
2016
  ])),
2043
- hr
2017
+ us
2044
2018
  ])
2045
2019
  ]),
2046
- d("div", fr, [
2047
- _(e.$slots, "account")
2020
+ d("div", ms, [
2021
+ v(t.$slots, "account")
2048
2022
  ])
2049
2023
  ])) : g("", !0),
2050
- br
2024
+ hs
2051
2025
  ], 2);
2052
2026
  }
2053
- const vo = /* @__PURE__ */ k(Ea, [["render", pr]]);
2054
- const yr = {
2027
+ const pr = /* @__PURE__ */ S($a, [["render", fs]]);
2028
+ const bs = {
2055
2029
  name: "Stepper",
2056
2030
  props: {
2057
2031
  label: {
@@ -2064,25 +2038,25 @@ const yr = {
2064
2038
  default: "Complete"
2065
2039
  }
2066
2040
  }
2067
- }, gr = { class: "container" }, _r = ["aria-label"], vr = {
2041
+ }, ps = { class: "container" }, ys = ["aria-label"], gs = {
2068
2042
  key: 0,
2069
2043
  class: "h6 stepper__start"
2070
- }, wr = { class: "list-unstyled" }, Ar = { class: "h6 stepper__end" };
2071
- function kr(e, a, t, r, s, i) {
2072
- return u(), m("div", gr, [
2044
+ }, _s = { class: "list-unstyled" }, vs = { class: "h6 stepper__end" };
2045
+ function ws(t, a, e, r, i, o) {
2046
+ return u(), m("div", ps, [
2073
2047
  d("nav", {
2074
2048
  class: "stepper",
2075
- "aria-label": t.label ? t.label : "Progress"
2049
+ "aria-label": e.label ? e.label : "Progress"
2076
2050
  }, [
2077
- t.label ? (u(), m("span", vr, $(t.label), 1)) : g("", !0),
2078
- d("ol", wr, [
2079
- _(e.$slots, "default")
2051
+ e.label ? (u(), m("span", gs, $(e.label), 1)) : g("", !0),
2052
+ d("ol", _s, [
2053
+ v(t.$slots, "default")
2080
2054
  ]),
2081
- d("span", Ar, $(t.endlabel), 1)
2082
- ], 8, _r)
2055
+ d("span", vs, $(e.endlabel), 1)
2056
+ ], 8, ys)
2083
2057
  ]);
2084
2058
  }
2085
- const wo = /* @__PURE__ */ k(yr, [["render", kr]]), Sr = {
2059
+ const yr = /* @__PURE__ */ S(bs, [["render", ws]]), As = {
2086
2060
  name: "Stepper",
2087
2061
  props: {
2088
2062
  url: {
@@ -2098,74 +2072,74 @@ const wo = /* @__PURE__ */ k(yr, [["render", kr]]), Sr = {
2098
2072
  required: !1
2099
2073
  }
2100
2074
  }
2101
- }, Lr = ["href", "aria-current"], xr = {
2075
+ }, Ss = ["href", "aria-current"], Ls = {
2102
2076
  key: 0,
2103
2077
  class: "visually-hidden"
2104
2078
  };
2105
- function qr(e, a, t, r, s, i) {
2079
+ function ks(t, a, e, r, i, o) {
2106
2080
  return u(), m("li", null, [
2107
2081
  d("a", {
2108
- href: t.url,
2109
- class: A(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
2110
- "aria-current": typeof t.current < "u"
2082
+ href: e.url,
2083
+ class: L(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
2084
+ "aria-current": typeof e.current < "u"
2111
2085
  }, [
2112
2086
  d("span", null, [
2113
- _(e.$slots, "default")
2087
+ v(t.$slots, "default")
2114
2088
  ]),
2115
- t.status ? (u(), m("em", xr, " - status: " + $(t.status), 1)) : g("", !0)
2116
- ], 10, Lr)
2089
+ e.status ? (u(), m("em", Ls, " - status: " + $(e.status), 1)) : g("", !0)
2090
+ ], 10, Ss)
2117
2091
  ]);
2118
2092
  }
2119
- const Ao = /* @__PURE__ */ k(Sr, [["render", qr]]);
2093
+ const gr = /* @__PURE__ */ S(As, [["render", ks]]);
2120
2094
  /*!
2121
- * iamKey v3.7.8--beta-2
2095
+ * iamKey v3.7.9-beta
2122
2096
  * Copyright 2022-2023 iamproperty
2123
2097
  */
2124
- const $r = function(e) {
2125
- const a = e.querySelectorAll(":scope > details");
2126
- e.querySelectorAll(":scope > details > summary");
2127
- let t = e.querySelector(":scope > .tabs__links");
2128
- e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((r, s) => {
2129
- let i = r.querySelector(":scope > summary");
2130
- i.classList.add("visually-hidden");
2131
- let o = document.createElement("button");
2132
- r.hasAttribute("id") && (o = document.createElement("a"), o.setAttribute("href", `#${r.getAttribute("id")}`)), r.hasAttribute("open") && o.setAttribute("aria-pressed", !0), o.innerHTML = `${i.innerText}`, o.classList.add("link"), o.setAttribute("data-index", s), o.setAttribute("tabindex", "-1"), t.appendChild(o);
2098
+ const qs = function(t) {
2099
+ const a = t.querySelectorAll(":scope > details");
2100
+ t.querySelectorAll(":scope > details > summary");
2101
+ let e = t.querySelector(":scope > .tabs__links");
2102
+ t.shadowRoot && t.shadowRoot.querySelector(".tabs__links") && (e = t.shadowRoot.querySelector(".tabs__links")), e || (e = document.createElement("div"), e.classList.add("tabs__links"), t.prepend(e)), a.forEach((r, i) => {
2103
+ let o = r.querySelector(":scope > summary");
2104
+ o.classList.add("visually-hidden");
2105
+ let s = document.createElement("button");
2106
+ r.hasAttribute("id") && (s = document.createElement("a"), s.setAttribute("href", `#${r.getAttribute("id")}`)), r.hasAttribute("open") && s.setAttribute("aria-pressed", !0), s.innerHTML = `${o.innerText}`, s.classList.add("link"), s.setAttribute("data-index", i), s.setAttribute("tabindex", "-1"), e.appendChild(s);
2133
2107
  });
2134
- }, Er = function(e) {
2135
- let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), r = e.querySelectorAll(":scope .tabs__links > .link");
2136
- e.shadowRoot && (r = e.shadowRoot.querySelectorAll(".tabs__links > .link")), r.forEach((s) => {
2137
- s.addEventListener("click", (i) => {
2138
- i.preventDefault(), r.forEach((o) => {
2139
- let c = o == s;
2140
- o.setAttribute("aria-pressed", c);
2141
- }), a.forEach((o, c) => {
2142
- let n = s.getAttribute("data-index") == c;
2143
- n ? o.setAttribute("open", n) : o.removeAttribute("open");
2144
- }), s.hasAttribute("href") && history.pushState(void 0, void 0, s.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: s.textContent });
2108
+ }, $s = function(t) {
2109
+ let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > details > summary"), r = t.querySelectorAll(":scope .tabs__links > .link");
2110
+ t.shadowRoot && (r = t.shadowRoot.querySelectorAll(".tabs__links > .link")), r.forEach((i) => {
2111
+ i.addEventListener("click", (o) => {
2112
+ o.preventDefault(), r.forEach((s) => {
2113
+ let l = s == i;
2114
+ s.setAttribute("aria-pressed", l);
2115
+ }), a.forEach((s, l) => {
2116
+ let c = i.getAttribute("data-index") == l;
2117
+ c ? s.setAttribute("open", c) : s.removeAttribute("open");
2118
+ }), i.hasAttribute("href") && history.pushState(void 0, void 0, i.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: i.textContent });
2145
2119
  });
2146
- }), t.forEach((s, i) => {
2147
- s.addEventListener("focus", (o) => {
2148
- r.forEach((c) => {
2149
- c.classList.remove("focus");
2150
- }), r[i].classList.add("focus");
2151
- }), s.addEventListener("click", (o) => {
2152
- o.preventDefault(), r[i].click();
2120
+ }), e.forEach((i, o) => {
2121
+ i.addEventListener("focus", (s) => {
2122
+ r.forEach((l) => {
2123
+ l.classList.remove("focus");
2124
+ }), r[o].classList.add("focus");
2125
+ }), i.addEventListener("click", (s) => {
2126
+ s.preventDefault(), r[o].click();
2153
2127
  });
2154
2128
  });
2155
- }, Tr = function(e) {
2156
- let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
2157
- e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (a[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
2158
- }, Mr = function(e) {
2159
- $r(e), Er(e), Tr(e);
2129
+ }, xs = function(t) {
2130
+ let a = t.querySelectorAll(":scope > details"), e = t.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
2131
+ t.shadowRoot && (e = t.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && t.querySelector(`.tabs__links [href="${location.hash}"]`) ? (t.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), t.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : t.querySelector("details[open]") || (a[0].setAttribute("open", !0), e[0].setAttribute("aria-pressed", !0));
2132
+ }, Es = function(t) {
2133
+ qs(t), $s(t), xs(t);
2160
2134
  };
2161
2135
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
2162
- class Hr extends HTMLElement {
2136
+ class Ts extends HTMLElement {
2163
2137
  constructor() {
2164
2138
  super(), this.attachShadow({ mode: "open" });
2165
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
2139
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
2166
2140
  r.innerHTML = `
2167
2141
  <style>
2168
- @import "${t}";
2142
+ @import "${e}";
2169
2143
 
2170
2144
  :host(.admin-panel){
2171
2145
  display: contents!important;
@@ -2181,19 +2155,19 @@ class Hr extends HTMLElement {
2181
2155
  }
2182
2156
  connectedCallback() {
2183
2157
  let a = this.classList.toString().replace("container", "");
2184
- this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Mr(this);
2158
+ this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Es(this);
2185
2159
  }
2186
2160
  }
2187
- window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Hr);
2188
- const Cr = {
2161
+ window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Ts);
2162
+ const Ms = {
2189
2163
  name: "Tabs"
2190
- }, Dr = { ref: "wrapper" };
2191
- function Nr(e, a, t, r, s, i) {
2192
- return u(), m("iam-tabs", Dr, [
2193
- _(e.$slots, "default")
2164
+ }, Hs = { ref: "wrapper" };
2165
+ function Cs(t, a, e, r, i, o) {
2166
+ return u(), m("iam-tabs", Hs, [
2167
+ v(t.$slots, "default")
2194
2168
  ], 512);
2195
2169
  }
2196
- const ko = /* @__PURE__ */ k(Cr, [["render", Nr]]), Rr = {
2170
+ const _r = /* @__PURE__ */ S(Ms, [["render", Cs]]), Ds = {
2197
2171
  name: "Tab",
2198
2172
  props: {
2199
2173
  title: {
@@ -2211,24 +2185,24 @@ const ko = /* @__PURE__ */ k(Cr, [["render", Nr]]), Rr = {
2211
2185
  };
2212
2186
  },
2213
2187
  watch: {
2214
- show(e, a) {
2215
- console.log(e);
2188
+ show(t, a) {
2189
+ console.log(t);
2216
2190
  }
2217
2191
  }
2218
- }, zr = { class: "tab" }, Ir = ["innerHTML"];
2219
- function Pr(e, a, t, r, s, i) {
2220
- return u(), m("details", zr, [
2221
- d("summary", { innerHTML: t.title }, null, 8, Ir),
2222
- _(e.$slots, "default")
2192
+ }, Ns = { class: "tab" }, Rs = ["innerHTML"];
2193
+ function zs(t, a, e, r, i, o) {
2194
+ return u(), m("details", Ns, [
2195
+ d("summary", { innerHTML: e.title }, null, 8, Rs),
2196
+ v(t.$slots, "default")
2223
2197
  ]);
2224
2198
  }
2225
- const So = /* @__PURE__ */ k(Rr, [["render", Pr]]);
2226
- let ot = rt.props;
2227
- ot.fields.required = !1;
2228
- const Br = {
2199
+ const vr = /* @__PURE__ */ S(Ds, [["render", zs]]);
2200
+ let ie = oe.props;
2201
+ ie.fields.required = !1;
2202
+ const Is = {
2229
2203
  components: {
2230
- Table: rt,
2231
- Input: O
2204
+ Table: oe,
2205
+ Input: Z
2232
2206
  },
2233
2207
  data() {
2234
2208
  return {
@@ -2237,17 +2211,17 @@ const Br = {
2237
2211
  };
2238
2212
  },
2239
2213
  methods: {
2240
- submitForm: function(e) {
2214
+ submitForm: function(t) {
2241
2215
  console.log(this);
2242
- const a = new FormData(e.target);
2243
- let t = /* @__PURE__ */ new Date();
2244
- const r = t.getFullYear();
2245
- let s = t.getMonth() + 1, i = t.getDate();
2246
- i < 10 && (i = "0" + i), s < 10 && (s = "0" + s), t = i + "/" + s + "/" + r, this.itemsData.unshift({
2247
- date_added: t,
2216
+ const a = new FormData(t.target);
2217
+ let e = /* @__PURE__ */ new Date();
2218
+ const r = e.getFullYear();
2219
+ let i = e.getMonth() + 1, o = e.getDate();
2220
+ o < 10 && (o = "0" + o), i < 10 && (i = "0" + i), e = o + "/" + i + "/" + r, this.itemsData.unshift({
2221
+ date_added: e,
2248
2222
  user: a.get("user"),
2249
2223
  note: a.get("addNote")
2250
- }), this.$emit("formSubmitted", e);
2224
+ }), this.$emit("formSubmitted", t);
2251
2225
  }
2252
2226
  },
2253
2227
  name: "NoteFeed",
@@ -2256,7 +2230,7 @@ const Br = {
2256
2230
  type: String,
2257
2231
  required: !0
2258
2232
  },
2259
- ...ot,
2233
+ ...ie,
2260
2234
  title: {
2261
2235
  type: String,
2262
2236
  required: !1
@@ -2271,164 +2245,164 @@ const Br = {
2271
2245
  required: !1
2272
2246
  }
2273
2247
  }
2274
- }, Fr = { class: "container note-feed mb-2" }, jr = ["innerHTML"], Or = ["action", "method"], Vr = ["value"], Ur = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
2275
- function Wr(e, a, t, r, s, i) {
2276
- const o = N("Table"), c = N("Input");
2277
- return u(), m("div", Fr, [
2278
- t.title ? (u(), m("span", {
2248
+ }, Ps = { class: "container note-feed mb-2" }, Fs = ["innerHTML"], js = ["action", "method"], Bs = ["value"], Os = /* @__PURE__ */ d("button", { class: "btn btn-tertiary" }, "Submit note", -1);
2249
+ function Vs(t, a, e, r, i, o) {
2250
+ const s = R("Table"), l = R("Input");
2251
+ return u(), m("div", Ps, [
2252
+ e.title ? (u(), m("span", {
2279
2253
  key: 0,
2280
2254
  class: "h3",
2281
- innerHTML: t.title
2282
- }, null, 8, jr)) : g("", !0),
2283
- x(o, H({
2255
+ innerHTML: e.title
2256
+ }, null, 8, Fs)) : g("", !0),
2257
+ q(s, H({
2284
2258
  fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
2285
- items: s.itemsData
2286
- }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
2259
+ items: i.itemsData
2260
+ }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
2287
2261
  d("form", {
2288
- action: t.action,
2289
- method: t.method,
2290
- onSubmit: a[0] || (a[0] = mt((n) => i.submitForm(...arguments), ["prevent"]))
2262
+ action: e.action,
2263
+ method: e.method,
2264
+ onSubmit: a[0] || (a[0] = fe((c) => o.submitForm(...arguments), ["prevent"]))
2291
2265
  }, [
2292
2266
  d("input", {
2293
2267
  type: "hidden",
2294
- value: t.user,
2268
+ value: e.user,
2295
2269
  name: "user"
2296
- }, null, 8, Vr),
2297
- x(c, {
2270
+ }, null, 8, Bs),
2271
+ q(l, {
2298
2272
  id: "addNote",
2299
2273
  type: "textarea",
2300
2274
  label: "Add note",
2301
2275
  required: "",
2302
2276
  class: "mw-100"
2303
2277
  }),
2304
- Ur
2305
- ], 40, Or)
2278
+ Os
2279
+ ], 40, js)
2306
2280
  ]);
2307
2281
  }
2308
- const Lo = /* @__PURE__ */ k(Br, [["render", Wr]]);
2282
+ const wr = /* @__PURE__ */ S(Is, [["render", Vs]]);
2309
2283
  /*!
2310
- * iamKey v3.7.8--beta-2
2284
+ * iamKey v3.7.9-beta
2311
2285
  * Copyright 2022-2023 iamproperty
2312
2286
  */
2313
- function Gr(e, a) {
2314
- function t(r, s) {
2315
- let i = !1, o = s.getAttribute("name");
2316
- o.includes("[]") && (o = o.replace("[]", `[${s.value}]`));
2317
- let c = r.querySelector(`[data-name="${o}"]`);
2318
- c && s.getAttribute("type") == "checkbox" && (i = !0);
2319
- let n = s.getAttribute("data-filter-text");
2320
- if (c || (c = document.createElement("button"), r.appendChild(c)), c.setAttribute("type", "button"), c.classList.add("filter"), c.setAttribute("data-name", o), c.innerHTML = n.replace("$value", s.value), (!s.value || i) && c.remove(), s.parentNode.closest("[data-filter-text]")) {
2321
- let l = s.parentNode.closest("[data-filter-text]"), h = !0;
2322
- if (o = "", l.querySelectorAll("input").forEach((f, b) => {
2323
- let y = f.getAttribute("name");
2324
- if (o += `${b != 0 ? "," : ""}${y}`, r.querySelector(`[data-name="${y}"]`) && r.querySelector(`[data-name="${y}"]`).remove(), f.value) {
2325
- let p = document.createElement("button");
2326
- p.setAttribute("type", "button"), p.classList.add("filter"), p.setAttribute("data-name", y), p.innerHTML = n.replace("$value", f.value), r.appendChild(p);
2287
+ function Us(t, a) {
2288
+ function e(r, i) {
2289
+ let o = !1, s = i.getAttribute("name");
2290
+ s.includes("[]") && (s = s.replace("[]", `[${i.value}]`));
2291
+ let l = r.querySelector(`[data-name="${s}"]`);
2292
+ l && i.getAttribute("type") == "checkbox" && (o = !0);
2293
+ let c = i.getAttribute("data-filter-text");
2294
+ if (l || (l = document.createElement("button"), r.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", s), l.innerHTML = c.replace("$value", i.value), (!i.value || o) && l.remove(), i.parentNode.closest("[data-filter-text]")) {
2295
+ let n = i.parentNode.closest("[data-filter-text]"), f = !0;
2296
+ if (s = "", n.querySelectorAll("input").forEach((p, h) => {
2297
+ let b = p.getAttribute("name");
2298
+ if (s += `${h != 0 ? "," : ""}${b}`, r.querySelector(`[data-name="${b}"]`) && r.querySelector(`[data-name="${b}"]`).remove(), p.value) {
2299
+ let y = document.createElement("button");
2300
+ y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", b), y.innerHTML = c.replace("$value", p.value), r.appendChild(y);
2327
2301
  } else
2328
- h = !1;
2329
- }), r.querySelector(`[data-name="${o}"]`) && r.querySelector(`[data-name="${o}"]`).remove(), h) {
2330
- let f = l.getAttribute("data-filter-text");
2331
- l.querySelectorAll("input").forEach((y, p) => {
2332
- let w = y.getAttribute("name");
2333
- r.querySelector(`[data-name="${w}"]`) && r.querySelector(`[data-name="${w}"]`).remove(), f = f.replace(`$${p + 1}`, y.value);
2302
+ f = !1;
2303
+ }), r.querySelector(`[data-name="${s}"]`) && r.querySelector(`[data-name="${s}"]`).remove(), f) {
2304
+ let p = n.getAttribute("data-filter-text");
2305
+ n.querySelectorAll("input").forEach((b, y) => {
2306
+ let A = b.getAttribute("name");
2307
+ r.querySelector(`[data-name="${A}"]`) && r.querySelector(`[data-name="${A}"]`).remove(), p = p.replace(`$${y + 1}`, b.value);
2334
2308
  });
2335
- let b = document.createElement("button");
2336
- b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", o), b.innerHTML = f, r.appendChild(b);
2309
+ let h = document.createElement("button");
2310
+ h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", s), h.innerHTML = p, r.appendChild(h);
2337
2311
  }
2338
2312
  }
2339
2313
  }
2340
- Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, s) => {
2341
- t(a, r);
2342
- }), e.addEventListener("change", function(r) {
2314
+ Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((r, i) => {
2315
+ e(a, r);
2316
+ }), t.addEventListener("change", function(r) {
2343
2317
  if (r && r.target instanceof HTMLElement && r.target.closest("input[data-filter-text]")) {
2344
- let s = r.target.closest("input[data-filter-text]");
2345
- t(a, s);
2318
+ let i = r.target.closest("input[data-filter-text]");
2319
+ e(a, i);
2346
2320
  }
2347
2321
  }, !1), a.addEventListener("click", function(r) {
2348
2322
  if (r && r.target instanceof HTMLElement && r.target.closest(".filter")) {
2349
- let o = r.target.closest(".filter"), c = o.getAttribute("data-name").split(",");
2350
- for (var s = 0; s < c.length; s++) {
2351
- let n = c[s], l = `[name="${n}"]`;
2352
- n.match(/\[(.*)\]/) && (n.replace(/\[(.*)\]/, "[]"), l = `[value="${n.replace(/.*\[(.*)\]/, "$1")}"]`);
2353
- let h = e.querySelectorAll(l);
2354
- for (var i = 0; i < h.length; i++) {
2355
- let f = h[i];
2356
- if (f.getAttribute("type") != "radio" && f.getAttribute("type") != "checkbox")
2357
- f.value = "";
2323
+ let s = r.target.closest(".filter"), l = s.getAttribute("data-name").split(",");
2324
+ for (var i = 0; i < l.length; i++) {
2325
+ let c = l[i], n = `[name="${c}"]`;
2326
+ c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), n = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
2327
+ let f = t.querySelectorAll(n);
2328
+ for (var o = 0; o < f.length; o++) {
2329
+ let p = f[o];
2330
+ if (p.getAttribute("type") != "radio" && p.getAttribute("type") != "checkbox")
2331
+ p.value = "";
2358
2332
  else {
2359
- f.checked = !1;
2333
+ p.checked = !1;
2360
2334
  var r = new Event("force");
2361
- f.closest("form").dispatchEvent(r);
2335
+ p.closest("form").dispatchEvent(r);
2362
2336
  }
2363
2337
  }
2364
2338
  }
2365
- o.remove();
2339
+ s.remove();
2366
2340
  }
2367
2341
  }, !1);
2368
2342
  }
2369
2343
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
2370
- class Kr extends HTMLElement {
2344
+ class Ws extends HTMLElement {
2371
2345
  constructor() {
2372
2346
  super(), this.attachShadow({ mode: "open" });
2373
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
2347
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`;
2374
2348
  let r = this.classList.toString();
2375
- const s = document.createElement("template");
2376
- s.innerHTML = `
2349
+ const i = document.createElement("template");
2350
+ i.innerHTML = `
2377
2351
  <style>
2378
- @import "${t}";
2352
+ @import "${e}";
2379
2353
  .applied-filters:not(.applied-filters--compact):not(:empty):before{content:"Applied filters";font-weight:bold;font-size:1.125rem;line-height:1.375rem;color:var(--colour-header);margin-bottom:1rem;display:block}.applied-filters:not(:empty){margin-bottom:1rem}::slotted(*:last-child){margin-bottom:0}.applied-filters .filter{border:1px solid var(--colour-border);padding:1rem 1.5rem 1rem 1.5rem;background:rgba(0,0,0,0);margin-right:.5rem !important;margin-bottom:.5rem !important;line-height:1.5rem;white-space:nowrap}.applied-filters .filter:after{content:"";display:inline-block;height:1.25rem;width:1.25rem;padding:0;margin-left:1.5rem;margin-bottom:-0.25rem;border:none;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.applied-filters--compact .filter{background-color:var(--colour-light);border:none;padding:0.625rem;line-height:1rem;border-radius:0.3125rem}.applied-filters--compact .filter:after{margin-left:0.625rem;height:1rem;width:1rem;margin-bottom:-0.1rem}/*# sourceMappingURL=assets/css/components/applied-filters.css.map */
2380
2354
 
2381
2355
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2382
2356
  </style>
2383
2357
  <div class="applied-filters ${r}"></div>
2384
2358
  <slot></slot>
2385
- `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
2359
+ `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
2386
2360
  }
2387
2361
  connectedCallback() {
2388
- Gr(this, this.shadowRoot.querySelector(".applied-filters"));
2362
+ Us(this, this.shadowRoot.querySelector(".applied-filters"));
2389
2363
  }
2390
2364
  }
2391
- window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Kr);
2392
- const Yr = {
2365
+ window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Ws);
2366
+ const Gs = {
2393
2367
  name: "Header"
2394
2368
  };
2395
- function Zr(e, a, t, r, s, i) {
2369
+ function Ks(t, a, e, r, i, o) {
2396
2370
  return u(), m("iam-applied-filters", null, [
2397
- _(e.$slots, "default")
2371
+ v(t.$slots, "default")
2398
2372
  ]);
2399
2373
  }
2400
- const xo = /* @__PURE__ */ k(Yr, [["render", Zr]]);
2374
+ const Ar = /* @__PURE__ */ S(Gs, [["render", Ks]]);
2401
2375
  /*!
2402
- * iamKey v3.7.8--beta-2
2376
+ * iamKey v3.7.9-beta
2403
2377
  * Copyright 2022-2023 iamproperty
2404
2378
  */
2405
- function Jr(e, a) {
2406
- Xr(e, a);
2379
+ function Ys(t, a) {
2380
+ Zs(t, a);
2407
2381
  }
2408
- function Xr(e, a) {
2409
- var t;
2382
+ function Zs(t, a) {
2383
+ var e;
2410
2384
  a.addEventListener("keyup", (r) => {
2411
- clearTimeout(t), t = setTimeout(function() {
2412
- X(e, a.value);
2385
+ clearTimeout(e), e = setTimeout(function() {
2386
+ Q(t, a.value);
2413
2387
  }, 500);
2414
2388
  }), a.addEventListener("change", (r) => {
2415
- clearTimeout(t), X(e, a.value);
2389
+ clearTimeout(e), Q(t, a.value);
2416
2390
  });
2417
2391
  }
2418
- const X = function(e, a) {
2419
- Array.from(e.querySelectorAll(":scope > li")).forEach((t, r) => {
2420
- let s = t.textContent.toLowerCase();
2421
- t.classList.add("d-none"), s.includes(a.toLowerCase()) && t.classList.remove("d-none");
2392
+ const Q = function(t, a) {
2393
+ Array.from(t.querySelectorAll(":scope > li")).forEach((e, r) => {
2394
+ let i = e.textContent.toLowerCase();
2395
+ e.classList.add("d-none"), i.includes(a.toLowerCase()) && e.classList.remove("d-none");
2422
2396
  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
2423
2397
  };
2424
2398
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
2425
- class Qr extends HTMLElement {
2399
+ class Xs extends HTMLElement {
2426
2400
  constructor() {
2427
2401
  super(), this.attachShadow({ mode: "open" });
2428
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
2402
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = document.createElement("template");
2429
2403
  r.innerHTML = `
2430
2404
  <style>
2431
- @import "${t}";
2405
+ @import "${e}";
2432
2406
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2433
2407
 
2434
2408
  :host {
@@ -2457,82 +2431,82 @@ class Qr extends HTMLElement {
2457
2431
  }
2458
2432
  connectedCallback() {
2459
2433
  let a = this.classList.toString();
2460
- this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), Jr(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
2434
+ this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), Ys(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
2461
2435
  }
2462
2436
  }
2463
- window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Qr);
2464
- const to = {
2437
+ window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Xs);
2438
+ const Js = {
2465
2439
  name: "Filter list"
2466
2440
  };
2467
- function eo(e, a, t, r, s, i) {
2441
+ function Qs(t, a, e, r, i, o) {
2468
2442
  return u(), m("iam-filterlist", null, [
2469
- _(e.$slots, "default")
2443
+ v(t.$slots, "default")
2470
2444
  ]);
2471
2445
  }
2472
- const qo = /* @__PURE__ */ k(to, [["render", eo]]);
2473
- function ao(e) {
2474
- if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
2475
- let t = document.querySelector(".notification__holder");
2476
- t || (t = document.createElement("div"), t.classList.add("notification__holder"), t.classList.add("container"), document.querySelector("body").appendChild(t)), e.closest(".notification__holder") || t.appendChild(e);
2446
+ const Sr = /* @__PURE__ */ S(Js, [["render", Qs]]);
2447
+ function er(t) {
2448
+ if (t.hasAttribute("data-type") && t.getAttribute("data-type") == "toast") {
2449
+ let e = document.querySelector(".notification__holder");
2450
+ e || (e = document.createElement("div"), e.classList.add("notification__holder"), e.classList.add("container"), document.querySelector("body").appendChild(e)), t.closest(".notification__holder") || e.appendChild(t);
2477
2451
  }
2478
- if (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
2479
- event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), Y(e));
2480
- }, !1), e.hasAttribute("data-timeout")) {
2481
- let t = e.getAttribute("data-timeout");
2482
- var a = new ro(function() {
2483
- Y(e);
2484
- }, t);
2485
- e.addEventListener("mouseenter", (r) => {
2452
+ if (t.setAttribute("role", "alert"), t.addEventListener("click", function(e) {
2453
+ event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (e.preventDefault(), Y(t));
2454
+ }, !1), t.hasAttribute("data-timeout")) {
2455
+ let e = t.getAttribute("data-timeout");
2456
+ var a = new tr(function() {
2457
+ Y(t);
2458
+ }, e);
2459
+ t.addEventListener("mouseenter", (r) => {
2486
2460
  a.pause();
2487
- }), e.addEventListener("mouseleave", (r) => {
2461
+ }), t.addEventListener("mouseleave", (r) => {
2488
2462
  a.resume();
2489
2463
  });
2490
2464
  }
2491
2465
  }
2492
- function ro(e, a) {
2493
- var t, r, s = a;
2466
+ function tr(t, a) {
2467
+ var e, r, i = a;
2494
2468
  this.pause = function() {
2495
- window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - r;
2469
+ window.clearTimeout(e), i -= /* @__PURE__ */ new Date() - r;
2496
2470
  }, this.resume = function() {
2497
- r = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
2471
+ r = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, i);
2498
2472
  }, this.resume();
2499
2473
  }
2500
- const Y = function(e) {
2501
- e.classList.add("d-none");
2474
+ const Y = function(t) {
2475
+ t.classList.add("d-none");
2502
2476
  };
2503
2477
  window.dataLayer = window.dataLayer || [];
2504
2478
  window.dataLayer.push({
2505
2479
  event: "customElementRegistered",
2506
2480
  element: "Notification"
2507
2481
  });
2508
- class oo extends HTMLElement {
2482
+ class ar extends HTMLElement {
2509
2483
  constructor() {
2510
2484
  super(), this.attachShadow({ mode: "open" });
2511
- const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/notification.css";`, s = this.querySelectorAll("a,button");
2512
- Array.from(s).forEach((o, c) => {
2513
- o.setAttribute("slot", "btns"), o.classList.add("link");
2514
- }), (s.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
2515
- const i = document.createElement("template");
2516
- i.innerHTML = `
2485
+ const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", e = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, r = `@import "${a}/css/components/notification.css";`, i = this.querySelectorAll("a,button");
2486
+ Array.from(i).forEach((s, l) => {
2487
+ s.setAttribute("slot", "btns"), s.classList.add("link");
2488
+ }), (i.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
2489
+ const o = document.createElement("template");
2490
+ o.innerHTML = `
2517
2491
  <style>
2518
- @import "${t}";
2492
+ @import "${e}";
2519
2493
  ${r}
2520
2494
  ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
2521
2495
  </style>
2522
2496
 
2523
2497
  <div class="notification">
2524
2498
  <div class="notification__icon"><slot name="icon"></slot></div>
2525
- <div class="notification__inner"><div class="notification__text"><slot></slot></div>${s.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
2499
+ <div class="notification__inner"><div class="notification__text"><slot></slot></div>${i.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
2526
2500
  ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
2527
2501
  </div>
2528
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
2502
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
2529
2503
  }
2530
2504
  connectedCallback() {
2531
- const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
2532
- this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
2505
+ const a = this.shadowRoot.querySelector("[data-dismiss-button]"), e = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
2506
+ this.hasAttribute("data-type") ? this.classList.add(`bg-${e}`) : this.classList.add(`colour-${e}`);
2533
2507
  const r = this;
2534
2508
  if (!this.querySelector("i"))
2535
- switch (t) {
2509
+ switch (e) {
2536
2510
  case "danger":
2537
2511
  this.innerHTML += '<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';
2538
2512
  break;
@@ -2545,46 +2519,46 @@ class oo extends HTMLElement {
2545
2519
  default:
2546
2520
  this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
2547
2521
  }
2548
- ao(r), a && a.addEventListener("click", function(s) {
2522
+ er(r), a && a.addEventListener("click", function(i) {
2549
2523
  Y(r);
2550
2524
  }, !1);
2551
2525
  }
2552
2526
  }
2553
- const io = {
2527
+ const sr = {
2554
2528
  name: "Notification",
2555
2529
  props: {},
2556
2530
  created() {
2557
2531
  this.$nextTick(function() {
2558
- window.customElements.get("iam-notification") || window.customElements.define("iam-notification", oo);
2532
+ window.customElements.get("iam-notification") || window.customElements.define("iam-notification", ar);
2559
2533
  });
2560
2534
  }
2561
2535
  };
2562
- function so(e, a, t, r, s, i) {
2536
+ function rr(t, a, e, r, i, o) {
2563
2537
  return u(), m("iam-notification", null, [
2564
- _(e.$slots, "default")
2538
+ v(t.$slots, "default")
2565
2539
  ]);
2566
2540
  }
2567
- const $o = /* @__PURE__ */ k(io, [["render", so]]);
2541
+ const Lr = /* @__PURE__ */ S(sr, [["render", rr]]);
2568
2542
  export {
2569
- mo as Accordion,
2570
- ho as AccordionItem,
2571
- xo as AppliedFilters,
2572
- fo as Banner,
2573
- Ne as Card,
2574
- po as Carousel,
2575
- co as FileUploads,
2576
- qo as Filterlist,
2577
- yo as Header,
2578
- O as Input,
2579
- yt as Logo,
2580
- vo as Nav,
2581
- Lo as NoteFeed,
2582
- $o as Notification,
2583
- _o as PropertySearchbar,
2584
- Ao as Step,
2585
- wo as Stepper,
2586
- So as Tab,
2587
- rt as Table,
2588
- ko as Tabs,
2589
- go as Testimonial
2543
+ cr as Accordion,
2544
+ dr as AccordionItem,
2545
+ Ar as AppliedFilters,
2546
+ ur as Banner,
2547
+ Ct as Card,
2548
+ mr as Carousel,
2549
+ nr as FileUpload,
2550
+ Sr as Filterlist,
2551
+ hr as Header,
2552
+ Z as Input,
2553
+ _e as Logo,
2554
+ pr as Nav,
2555
+ wr as NoteFeed,
2556
+ Lr as Notification,
2557
+ br as PropertySearchbar,
2558
+ gr as Step,
2559
+ yr as Stepper,
2560
+ vr as Tab,
2561
+ oe as Table,
2562
+ _r as Tabs,
2563
+ fr as Testimonial
2590
2564
  };