@iamproperty/components 5.3.0-beta1 → 5.3.0-beta3

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 (35) hide show
  1. package/assets/css/components/component.reset.css +1 -1
  2. package/assets/css/components/component.reset.css.map +1 -1
  3. package/assets/css/core.min.css +1 -1
  4. package/assets/css/core.min.css.map +1 -1
  5. package/assets/css/style.min.css +1 -1
  6. package/assets/css/style.min.css.map +1 -1
  7. package/assets/js/components/accordion/accordion.component.min.js +1 -1
  8. package/assets/js/components/actionbar/actionbar.component.min.js +1 -1
  9. package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
  10. package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
  11. package/assets/js/components/card/card.component.min.js +1 -1
  12. package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
  13. package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
  14. package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
  15. package/assets/js/components/header/header.component.min.js +1 -1
  16. package/assets/js/components/nav/nav.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/search/search.component.min.js +1 -1
  20. package/assets/js/components/table/table.component.js +1 -1
  21. package/assets/js/components/table/table.component.min.js +2 -2
  22. package/assets/js/components/table/table.component.min.js.map +1 -1
  23. package/assets/js/components/tabs/tabs.component.min.js +1 -1
  24. package/assets/js/dynamic.min.js +1 -1
  25. package/assets/js/scripts.bundle.js +2 -2
  26. package/assets/js/scripts.bundle.js.map +1 -1
  27. package/assets/js/scripts.bundle.min.js +2 -2
  28. package/assets/js/scripts.bundle.min.js.map +1 -1
  29. package/assets/sass/helpers/max-height.scss +9 -9
  30. package/assets/ts/components/table/table.component.ts +1 -1
  31. package/dist/components.es.js +825 -1323
  32. package/dist/components.umd.js +115 -134
  33. package/package.json +1 -1
  34. package/src/components/Card/Card.vue +1 -1
  35. package/src/components/Table/Table.vue +17 -7
@@ -1,10 +1,10 @@
1
- import { openBlock as m, createElementBlock as h, normalizeClass as L, createElementVNode as f, toDisplayString as $, createCommentVNode as _, Fragment as D, renderList as R, renderSlot as v, withDirectives as P, mergeProps as C, vModelDynamic as W, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as K, createVNode as M, withModifiers as ft } from "vue";
2
- const y = (e, a) => {
3
- const t = e.__vccOpts || e;
4
- for (const [i, s] of a)
5
- t[i] = s;
6
- return t;
7
- }, gt = {
1
+ import { openBlock as r, createElementBlock as l, normalizeClass as _, createElementVNode as c, toDisplayString as w, createCommentVNode as b, Fragment as x, renderList as L, renderSlot as f, withDirectives as T, mergeProps as A, vModelDynamic as H, vModelText as D, vModelSelect as F, createTextVNode as V, resolveComponent as M, createVNode as k, withModifiers as O } from "vue";
2
+ const p = (t, a) => {
3
+ const e = t.__vccOpts || t;
4
+ for (const [s, o] of a)
5
+ e[s] = o;
6
+ return e;
7
+ }, B = {
8
8
  name: "Logo",
9
9
  props: {
10
10
  id: {
@@ -29,640 +29,26 @@ const y = (e, a) => {
29
29
  return "brand brand--" + this.id;
30
30
  }
31
31
  }
32
- }, yt = ["xlink:href"], wt = ["innerHTML"];
33
- function vt(e, a, t, i, s, o) {
34
- return m(), h("div", {
35
- class: L(o.className)
32
+ }, U = ["xlink:href"], W = ["innerHTML"];
33
+ function K(t, a, e, s, o, n) {
34
+ return r(), l("div", {
35
+ class: _(n.className)
36
36
  }, [
37
- (m(), h("svg", null, [
38
- f("title", null, "iam " + $(t.id), 1),
39
- f("use", {
40
- "xlink:href": t.path + o.src
41
- }, null, 8, yt)
37
+ (r(), l("svg", null, [
38
+ c("title", null, "iam " + w(e.id), 1),
39
+ c("use", {
40
+ "xlink:href": e.path + n.src
41
+ }, null, 8, U)
42
42
  ])),
43
- t.desc ? (m(), h("span", {
43
+ e.desc ? (r(), l("span", {
44
44
  key: 0,
45
- innerHTML: t.desc
46
- }, null, 8, wt)) : _("", !0)
45
+ innerHTML: e.desc
46
+ }, null, 8, W)) : b("", !0)
47
47
  ], 2);
48
48
  }
49
- const Li = /* @__PURE__ */ y(gt, [["render", vt]]);
50
- /*!
51
- * iamKey v5.3.0-beta1
52
- * Copyright 2022-2024 iamproperty
53
- */
54
- const _t = function(e) {
55
- return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
56
- }, xt = (e, a) => String(e).padStart(a, "0"), At = (e) => e.charAt(0).toUpperCase() + e.slice(1), j = (e, a, t) => a.split(/[\.\[\]\'\"]/).filter((i) => i).reduce((i, s) => i ? i[s] : t, e);
57
- var kt = function(e, a, t, i) {
58
- function s(o) {
59
- return o instanceof t ? o : new t(function(n) {
60
- n(o);
61
- });
62
- }
63
- return new (t || (t = Promise))(function(o, n) {
64
- function l(p) {
65
- try {
66
- r(i.next(p));
67
- } catch (c) {
68
- n(c);
69
- }
70
- }
71
- function d(p) {
72
- try {
73
- r(i.throw(p));
74
- } catch (c) {
75
- n(c);
76
- }
77
- }
78
- function r(p) {
79
- p.done ? o(p.value) : s(p.value).then(l, d);
80
- }
81
- r((i = i.apply(e, a || [])).next());
82
- });
83
- };
84
- const tt = (e) => {
85
- const a = Array.from(e.querySelectorAll("thead th"));
86
- Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
87
- const s = Array.from(t.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"];
88
- s.forEach((n, l) => {
89
- const d = a[l];
90
- if (typeof d < "u") {
91
- let r = document.createElement("div");
92
- r.innerHTML = d.innerHTML;
93
- let p = r.textContent || r.innerText || "";
94
- n.setAttribute("data-label", p), d.hasAttribute("data-td-class") && n.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (n.setAttribute("data-format", d.getAttribute("data-format")), n.innerHTML = Y(d.getAttribute("data-format"), n.textContent.trim())), o.includes(n.textContent.trim().toLowerCase()) && n.setAttribute("data-content", n.textContent.trim().toLowerCase());
95
- }
96
- });
97
- });
98
- }, Lt = (e) => {
99
- let a = 0;
100
- return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
101
- let s = window.getComputedStyle(document.querySelector("html")), o = t.querySelector(":scope > *:last-child > *:first-child");
102
- if (o) {
103
- o.classList.add("text-nowrap");
104
- let n = o.offsetWidth / parseFloat(s.fontSize);
105
- n += 1.7, a = a > n ? a : n;
106
- }
107
- }), a;
108
- }, $t = (e, a) => {
109
- if (a.classList.contains("table--fullwidth") && !a.hasAttribute("data-expandable") || e.querySelectorAll("thead tr th").length < 4 && !a.hasAttribute("data-expandable"))
110
- return !1;
111
- Array.from(e.querySelectorAll("thead tr")).forEach((t, i) => {
112
- e.querySelectorAll("thead tr th.expand-button-heading").length || t.insertAdjacentHTML("afterbegin", '<th class="th--fixed expand-button-heading"></th>');
113
- }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
114
- const s = t.getAttribute("data-view") === "full" ? "aria-expanded" : "";
115
- t.insertAdjacentHTML("afterbegin", `<td class="td--fixed td--expand"><button class="btn btn-compact btn-secondary" data-expand-button ${s}>Expand</button></td>`);
116
- });
117
- }, St = (e) => {
118
- e.addEventListener("click", (a) => {
119
- if (a && a.target instanceof HTMLElement && a.target.closest("[data-expand-button]")) {
120
- let t = a.target.closest("[data-expand-button]"), i = t.closest("tr");
121
- t.toggleAttribute("aria-expanded"), i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
122
- }
123
- });
124
- }, et = (e, a) => {
125
- let t = a.querySelector("[data-search]");
126
- if (!t)
127
- return !1;
128
- const i = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
129
- let o = t.parentNode, n = {};
130
- s.forEach((l, d) => {
131
- Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((r, p) => {
132
- r.querySelector(".td__content") ? n[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : n[r.textContent] = r.textContent;
133
- });
134
- }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), o.querySelector("datalist") || (o.innerHTML += `<datalist id="${i}_list"></datalist>`), o.querySelector("datalist").innerHTML = `${Object.keys(n).map((l) => `<option value="${l}"></option>`).join("")}`;
135
- }, qt = (e, a, t, i, s) => {
136
- var o;
137
- let n = function(r, p = !1) {
138
- if (a.classList.contains("processing"))
139
- return !1;
140
- if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, u) => {
141
- const g = c.getAttribute("data-duplicate"), b = document.getElementById(g), x = document.querySelector(`[for="${g}"] iam-card`);
142
- if (b.checked != c.checked)
143
- if (x) {
144
- let S = new Event("click");
145
- x.dispatchEvent(S);
146
- } else
147
- b.checked = c.checked;
148
- }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
149
- if (!p) {
150
- let c = a.querySelector("[data-pagination]");
151
- c.value = 1, i.setAttribute("data-page", 1);
152
- }
153
- nt(e, a, t, i);
154
- } else
155
- a.hasAttribute("data-submit") ? a.submit() : (G(e, a, i), B(e, a));
156
- if (a.hasAttribute("data-ajax-post")) {
157
- let c = new FormData(a), u = new URLSearchParams(c).toString();
158
- const g = new XMLHttpRequest();
159
- g.open("GET", `${window.location.href}?ajax=true&${u}`), g.send();
160
- }
161
- };
162
- a.addEventListener("keyup", (r) => {
163
- clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (o = setTimeout(function() {
164
- n(r);
165
- }, 500));
166
- }), a.addEventListener("change", (r) => {
167
- clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), n(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, i), B(e, a)) : (r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") || r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog")) && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && n(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && n(r);
168
- }), a.addEventListener("click", (r) => {
169
- if (clearTimeout(o), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]")) {
170
- a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, u) => {
171
- c.innerHTML = "";
172
- });
173
- let p = a.elements;
174
- for (let c = 0; c < p.length; c++)
175
- switch (p[c].type.toLowerCase() ? p[c].type.toLowerCase() : "text") {
176
- case "text":
177
- case "password":
178
- case "textarea":
179
- p[c].value = "";
180
- break;
181
- case "radio":
182
- case "checkbox":
183
- if (p[c].checked) {
184
- let u = p[c], g = u.getAttribute("id"), b = document.querySelector(`[for="${g}"`);
185
- if (b.querySelector("iam-card")) {
186
- let x = b.querySelector("iam-card"), S = new Event("click");
187
- x.dispatchEvent(S);
188
- }
189
- u.checked = !1;
190
- }
191
- break;
192
- case "select-one":
193
- case "select-multi":
194
- p[c].selectedIndex = -1;
195
- break;
196
- }
197
- a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), n(r);
198
- }
199
- }), a.addEventListener("submit", (r) => {
200
- clearTimeout(o), a.hasAttribute("data-submit") || r.preventDefault(), n(r);
201
- }), a.addEventListener("force", (r) => {
202
- n(r);
203
- }), a.addEventListener("paginate", (r) => {
204
- n(r, !0);
205
- });
206
- let l = [], d = [];
207
- Array.from(a.querySelectorAll("[data-mimic]")).forEach((r, p) => {
208
- let c = r.getAttribute("data-mimic");
209
- Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((u, g) => {
210
- let b = u.closest("form");
211
- l.includes(b) || l.push(b), d.includes(c) || d.push(c);
212
- });
213
- }), l.forEach((r, p) => {
214
- const c = function() {
215
- let u = [], g = new FormData(r);
216
- for (const [b, x] of g)
217
- document.querySelector(`[data-mimic="${b}"]`) && !u.includes(b) ? (u.push(b), document.querySelector(`[data-mimic="${b}"]`).value = x) : document.querySelector(`[data-mimic="${b}"]`) && (document.querySelector(`[data-mimic="${b}"]`).value += "," + x);
218
- for (const b of u) {
219
- const x = new Event("force");
220
- a.dispatchEvent(x);
221
- }
222
- for (const b of d)
223
- if (!g.has(b) && r.querySelector(`[name="${b}"]`)) {
224
- document.querySelector(`[data-mimic="${b}"]`).value = "";
225
- const x = new Event("force");
226
- a.dispatchEvent(x);
227
- }
228
- };
229
- r.addEventListener("force", (u) => {
230
- c();
231
- }), r.addEventListener("change", (u) => {
232
- c();
233
- });
234
- });
235
- }, Q = (e, a, t) => {
236
- if (a.getAttribute("data-ajax"))
237
- return !1;
238
- let i = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), o = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), n = o.getAttribute("data-sort"), l = o.getAttribute("data-order"), d = o.getAttribute("data-format");
239
- if (!n)
240
- return i.innerHTML = t.innerHTML, tt(e), !1;
241
- let r = [];
242
- ["asc", "desc", "descending"].includes(l) || (r = l.split(","));
243
- let p = [];
244
- Array.from(i.querySelectorAll("tr")).forEach((u, g) => {
245
- let b = u.querySelector('td[data-label="' + n + '"], th[data-label="' + n + '"]').textContent.trim();
246
- u.querySelector('[data-label="' + n + '"] .td__content') && (b = u.querySelector('[data-label="' + n + '"] .td__content').textContent.trim()), r.length && r.includes(b) && (b = r.indexOf(b)), _t(b) && (b = xt(b, 10)), d && d == "date" && (b = new Date(b));
247
- const x = { index: b, row: u };
248
- p.push(x);
249
- }), p.sort((u, g) => u.index > g.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
250
- let c = "";
251
- p.forEach((u, g) => {
252
- c += u.row.outerHTML;
253
- }), i.innerHTML = c;
254
- }, G = (e, a, t) => {
255
- e.classList.remove("table--filtered");
256
- let i = it(a), s = [], o = 0, n = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, l = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
257
- if (Array.from(e.querySelectorAll("tbody tr")).forEach((r, p) => {
258
- r.classList.remove("filtered"), r.classList.remove("filtered--matched"), r.classList.remove("filtered--show"), r.removeAttribute("data-filtered-by");
259
- }), a.querySelector("[data-search]")) {
260
- let r = a.querySelector("[data-search]");
261
- a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((p, c) => {
262
- s.push({ column: `${p.trim()}`, value: `${r.value}` });
263
- });
264
- }
265
- Array.from(a.querySelectorAll("[data-filter-count]")).forEach((r, p) => {
266
- r.innerHTML = "", r.parentNode.classList.remove("hover");
267
- });
268
- let d = 0;
269
- Object.values(i).forEach((r, p) => {
270
- typeof r == "object" && Object.values(r).length ? d += Object.values(r).length : d++;
271
- }), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((r, p) => {
272
- r.innerHTML += `(${d})`, r.parentNode.classList.add("hover");
273
- }), e.classList.add("table--filtered");
274
- for (const [r, p] of Object.entries(i))
275
- Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, u) => {
276
- let g = !1;
277
- p.forEach((b, x) => {
278
- let S = c.querySelector(`[data-label="${r}"]`);
279
- if (b && b == "$today")
280
- b = Y("date", /* @__PURE__ */ new Date());
281
- else if (b && b == "$yesterday") {
282
- let A = /* @__PURE__ */ new Date();
283
- A.setDate(A.getDate() - 1), b = Y("date", A);
284
- } else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
285
- let A = /* @__PURE__ */ new Date(), k = new Date(A.setDate(A.getDate() - (A.getDay() - 1))), w = new Date(A.setDate(A.getDate() - A.getDay() + 7)), q = new Date(S.textContent.toLowerCase());
286
- if (A.setHours(0, 0, 0, 0), k.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), b == "$thisWeek")
287
- g = q >= k && q <= w;
288
- else {
289
- let E = new Date(k.setDate(k.getDate() - 7)), z = new Date(w.setDate(w.getDate() - 7));
290
- E.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), g = q >= E && q <= z;
291
- }
292
- } else if (b && b == "$thisMonth") {
293
- let A = /* @__PURE__ */ new Date(), k = A.getFullYear(), w = A.getMonth();
294
- var T = new Date(k, w, 1), F = new Date(k, w + 1, 0);
295
- let q = new Date(S.textContent.toLowerCase());
296
- T.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= T && q <= F;
297
- } else if (b && b == "$lastMonth") {
298
- let A = /* @__PURE__ */ new Date(), k = A.getFullYear(), w = A.getMonth();
299
- var I = new Date(k, w - 1, 1), H = new Date(k, w, 0);
300
- let q = new Date(S.textContent.toLowerCase());
301
- I.setHours(0, 0, 0, 0), H.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), g = q >= I && q <= H;
302
- }
303
- S && S.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
304
- }), g || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", r));
305
- });
306
- Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((r, p) => {
307
- let c = !(s.length > 0 && s[0].value.length >= 3);
308
- s.forEach((u, g) => {
309
- let b = r.querySelector(`[data-label="${u.column}"]`);
310
- b && u.value.length >= 3 && b.textContent.toLowerCase().includes(u.value.toLowerCase()) && (c = !0);
311
- }), c || r.classList.add("filtered");
312
- }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((r, p) => {
313
- o++, r.classList.add("filtered--matched"), Math.ceil(o / l) == parseInt(n) && r.classList.add("filtered--show");
314
- }), t && (t.setAttribute("data-total", o), t.setAttribute("data-show", l), t.setAttribute("data-page", n));
315
- }, B = (e, a, t) => {
316
- Array.from(a.querySelectorAll("[data-query]")).forEach((i, s) => {
317
- let o = i.getAttribute("data-query"), n = 0;
318
- if (o == "total")
319
- t.hasAttribute("data-total") ? n = t.getAttribute("data-total") : n = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
320
- else if (!o.includes(" == ") && o.includes(" & ")) {
321
- let l = o.split(" & "), d = "";
322
- l.forEach((r) => {
323
- d += `:not([data-filtered-by="${r}"])`;
324
- }), n = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
325
- } else if (!o.includes(" == "))
326
- n = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${o}"])`)).length;
327
- else if (o.includes(" && ")) {
328
- let l = o.split(" && ");
329
- n = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
330
- let r = !0;
331
- for (const [p, c] of Object.entries(l)) {
332
- let u = c.split(" == ");
333
- (!d.querySelector(`td[data-label="${u[0]}"]`) || d.querySelector(`td[data-label="${u[0]}"]`).textContent != `${u[1]}`) && (r = !1);
334
- }
335
- return r;
336
- }).length;
337
- } else {
338
- let l = o.split(" == ");
339
- n = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${l[0]}"], tbody tr[data-filtered-by="${l[0]}"] td[data-label="${l[0]}"]`)).filter(function(d) {
340
- return d.textContent === l[1];
341
- }).length;
342
- }
343
- i.hasAttribute("data-total") ? i.setAttribute("data-total", n) : i.innerHTML = n;
344
- });
345
- }, Et = function(e, a, t, i) {
346
- t.addEventListener("update-page", (s) => {
347
- let o = a.querySelector("[data-pagination]"), n = s.detail.page;
348
- if (o.value = n, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", n), e.hasAttribute("data-show-history")) {
349
- const l = new URL(location);
350
- l.searchParams.set("page", n), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: n }, "", l);
351
- }
352
- if (!i.hasAttribute("data-no-scroll")) {
353
- const l = e.getBoundingClientRect().top + window.pageYOffset + -250;
354
- window.scrollTo({ top: l, behavior: "smooth" });
355
- }
356
- }), t.addEventListener("update-show", (s) => {
357
- let o = a.querySelector("[data-show]"), n = s.detail.show;
358
- o.value = n, i.setAttribute("data-show", n), a.dispatchEvent(new Event("submit"));
359
- });
360
- }, Tt = (e, a) => {
361
- if (!e)
362
- return !1;
363
- e.addEventListener("click", (t) => {
364
- Ht(a);
365
- });
366
- }, Ht = function(e) {
367
- for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
368
- for (var s = t[i].querySelectorAll("td,th"), o = [], n = 0; n < s.length; n++)
369
- o.push(`"${s[n].textContent}"`);
370
- a.push(o.join(","));
371
- }
372
- a = a.join(`
373
- `);
374
- let l = new Blob([a], { type: "text/csv" });
375
- var d = document.createElement("a");
376
- d.download = "export.csv";
377
- var r = window.URL.createObjectURL(l);
378
- d.href = r, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
379
- }, at = function(e, a, t, i) {
380
- if (tt(e), $t(e, i), B(e, a, i), i && i.classList.contains("table--cta")) {
381
- let s = function() {
382
- Array.from(e.querySelectorAll("tr")).forEach((n, l) => {
383
- let d = n.offsetHeight;
384
- n.style.setProperty("--row-height", `${d}px`);
385
- });
386
- };
387
- const o = Lt(e);
388
- i.style.setProperty("--cta-width", `${o}rem`), new ResizeObserver(s).observe(e);
389
- }
390
- }, it = function(e) {
391
- let a = new Object();
392
- return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, i) => {
393
- if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
394
- let s = t.getAttribute("data-filter");
395
- a[s] || (a[s] = new Array()), a[s].push(t.value);
396
- }
397
- }), a;
398
- }, nt = function(e, a, t, i) {
399
- return kt(this, void 0, void 0, function* () {
400
- let s = new FormData(a), o = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th:not(.expand-button-heading)"), l = e.querySelector("tbody"), d = a.getAttribute("data-ajax");
401
- i.classList.add("table--loading");
402
- let r = it(a);
403
- Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, g) => {
404
- u.innerHTML = "", u.parentNode.classList.remove("hover");
405
- });
406
- let p = 0;
407
- Object.values(r).forEach((u, g) => {
408
- typeof u == "object" && Object.values(u).length ? p += Object.values(u).length : p++;
409
- }), p && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((u, g) => {
410
- u.innerHTML += `(${p})`, u.parentNode.classList.add("hover");
411
- }), window.controller || (window.controller = []), window.controller[d] && window.controller[d].abort(), window.controller[d] = new AbortController();
412
- const { signal: c } = controller[d];
413
- t.setAttribute("data-loading", "true"), a.classList.add("processing");
414
- try {
415
- yield fetch(d + "?" + o, { signal: c, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((u) => u.json()).then((u) => {
416
- let g = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", b = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", x = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", S = j(u, b, 15), T = j(u, x, 1), F = j(u, g), I = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
417
- F ? (l.innerHTML = "", F.forEach((H, A) => {
418
- var k = document.createElement("tr");
419
- n.forEach((w, q) => {
420
- let E = "";
421
- var z = document.createElement("td");
422
- if (z.setAttribute("data-label", w.innerText), w.getAttribute("data-output")) {
423
- var U = w.getAttribute("data-output");
424
- E = U.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
425
- return j(H, dt.replace("{", "").replace("}", ""));
426
- });
427
- }
428
- if (w.hasAttribute("data-output-array")) {
429
- var U = w.getAttribute("data-output");
430
- let ct = j(H, U.replace("{", "").replace("}", ""));
431
- E = "", ct.forEach((J, Ai) => {
432
- let ut = w.getAttribute("data-output-array"), O = "";
433
- if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
434
- const V = j(J, w.getAttribute("data-output-array-property")), mt = JSON.parse(w.getAttribute("data-output-array-transform"))[V];
435
- O = ut.replace(`{${w.getAttribute("data-output-array-property")}}`, mt);
436
- }
437
- O = O.replace(new RegExp(/{(.*?)}/, "gm"), function(V) {
438
- return j(J, V.replace("{", "").replace("}", ""));
439
- }), E += O;
440
- });
441
- }
442
- w.hasAttribute("data-transform") && (E = JSON.parse(w.getAttribute("data-transform"))[E], !E && w.hasAttribute("data-default") && (E = w.getAttribute("data-default"))), z.innerHTML = E, k.appendChild(z);
443
- }), l.appendChild(k);
444
- }), et(e, a), i.setAttribute("data-total", parseInt(S)), i.setAttribute("data-page", parseInt(T)), at(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((H, A) => {
445
- let k = j(u, H.getAttribute("data-ajax-query"), "");
446
- H.hasAttribute("data-total") ? H.setAttribute("data-total", k) : H.innerHTML = k;
447
- }), parseInt(S) == 0 && (l.innerHTML = `<tr><td colspan="100%"><span>${I}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: d, formData: o })) : l.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
448
- });
449
- } catch (u) {
450
- console.log(u);
451
- }
452
- });
453
- }, Y = (e, a) => {
454
- switch (e) {
455
- case "datetime":
456
- 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" });
457
- case "date":
458
- return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
459
- case "capitalise":
460
- return a = At(a);
461
- }
462
- };
463
- class Mt extends HTMLElement {
464
- constructor() {
465
- super(), this.attachShadow({ mode: "open" });
466
- 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`, i = document.createElement("template");
467
- i.innerHTML = `
468
- <style>
469
- @import "${t}";
470
- :host{--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.625rem;margin-bottom:2rem;overflow:hidden}:host:before{display:none !important}@media screen and (prefers-color-scheme: dark){:host{background:var(--colour-canvas-2)}}@media(forced-colors: active){:host{--wrapper-padding: 0;background:var(--colour-canvas-2)}}::slotted(table){margin-bottom:0 !important}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@container (width < 23.4375em){:host(:not(.table--fullwidth)){margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:var(--colour-canvas-2);border-radius:0;background:none;padding:0;box-shadow:none;overflow:visible}:host(:not(.table--fullwidth)) .table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:host(:not(.table--fullwidth)) ::slotted(table){overflow:visible !important;margin-inline:1.5rem;margin-bottom:1.5rem !important;width:calc(100% - 3rem) !important;display:block}:host(:not(.table--fullwidth)) .table--cta{border-bottom:0}:host(:not(.table--fullwidth)) .table--cta:after{content:none;display:none !important}}@container (width > 23.4375em){:host{--cta-width: 8rem}:host(.table--loading){--cta-width: 1.5rem!important}.table--cta{position:relative}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}@container (width < 23.4375em){.table__wrapper.has-actionbar{margin-top:calc(-100vh + 6.75rem) !important}}:host(.table--loading){pointer-events:none;position:relative}:host(.table--loading) ::slotted(table){min-height:20rem;opacity:.5}:host(.table--loading)::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}@container (width < 23.4375em){.pagination--table{margin-inline:1.5rem;width:auto}:host(.table--fullwidth) .pagination--table{margin-inline:0}}/*# sourceMappingURL=assets/css/components/table.css.map */
471
-
472
-
473
- :host(.mh-sm){
474
- max-height: none!important;
475
- }
476
- :host(.mh-md){
477
- max-height: none!important;
478
- }
479
- :host(.mh-lg){
480
- max-height: none!important;
481
- }
482
-
483
- ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
484
- </style>
485
- <slot name="before"></slot>
486
- <div class="table--cta">
487
- <div class="table__wrapper">
488
- <slot></slot>
489
- </div>
490
- </div>
491
- <iam-pagination class="pagination--table" ${this.hasAttribute("data-page") ? `data-page="${this.getAttribute("data-page")}"` : ""} ></iam-pagination>
492
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("tableExtras") || document.head.insertAdjacentHTML("beforeend", `<style id="tableExtras">*:has(>iam-table){container-type:inline-size}iam-table{--hover-background: var(--colour-light);--row-bg: var(--colour-canvas-2)}iam-table thead tr{background:var(--row-bg)}iam-table tbody tr{background:var(--row-bg)}iam-table tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238;--row-bg: var(--hover-background);background:var(--row-bg)}@media screen and (prefers-color-scheme: dark){iam-table tbody tr{--hover-background: var(--colour-canvas)}iam-table tbody tr:is(:hover,:focus-within,.hover){background:var(--row-bg)}}iam-table[data-expandable] [data-expand-button][aria-expanded]{background-color:rgba(0,0,0,0)}@container (width < 23.4375em){iam-table:not(.table--fullwidth) thead{display:none}iam-table:not(.table--fullwidth) tbody{display:block;overflow:visible}iam-table:not(.table--fullwidth) tbody tr td:first-child{padding-top:0}iam-table:not(.table--fullwidth) tr{display:block;position:relative;border:none;background:var(--row-bg);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}iam-table:not(.table--fullwidth) tr+tr{margin-top:2rem}iam-table:not(.table--fullwidth) tr:is(:hover,:focus,.hover){--row-bg: var(--colour-canvas-2)}iam-table:not(.table--fullwidth) :is(td,th){display:block;border-color:var(--colour-border);padding-right:0}iam-table:not(.table--fullwidth) :is(td,th):nth-child(1){border-top:none}iam-table:not(.table--fullwidth) :is(td,th)[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--colour-heading);padding:0 0 0.375rem 0;margin-bottom:0;display:block;font-weight:bold}iam-table:not(.table--fullwidth) td:first-child::after{top:1.75rem !important}iam-table:not(.table--fullwidth) td::after{top:2.5rem}iam-table:not(.table--fullwidth) .td--fixed{padding-right:50%}iam-table:not(.table--fullwidth) tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor;border-color:var(--colour-border) !important}iam-table:not(.table--fullwidth) tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}iam-table:not(.table--fullwidth) td:has([data-expand-button]){height:0;padding:0;position:relative}iam-table:not(.table--fullwidth) td:has([data-expand-button])+td{border-top:none !important;padding-top:0 !important}iam-table:not(.table--fullwidth) [data-expand-button]{top:0;right:0;background:rgba(0,0,0,0) !important;border:none;position:absolute;overflow:hidden;--compact-size: 2rem}iam-table:not(.table--fullwidth) [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:300 !important;font-size:1.75rem;line-height:var(--compact-size) !important}iam-table:not(.table--fullwidth) [data-expand-button][aria-expanded]:before{content:"";font-weight:900 !important}iam-table:not(.table--fullwidth) .dialog__wrapper{margin-top:-0.5rem;margin-left:-1rem;z-index:10}iam-table:not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(.td--fixed)+td:not(.td--fixed)+td+td{display:none}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}iam-table.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){iam-table.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:nth-last-child(2),iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>td:nth-last-child(2){padding-right:var(--cta-width)}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:calc(100% - var(--cta-width));top:auto;background:rgba(0,0,0,0);width:var(--cta-width);min-height:calc(var(--row-height) - 2px);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem);cursor:default}@media screen and (prefers-color-scheme: dark){iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem)}}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--row-bg)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";color:var(--colour-primary)}iam-table .table--filtered tbody tr:not(.filtered--show){display:none !important}iam-table table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.75rem !important;left:.25rem !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100vw;height:100%;max-height:var(--row-height);max-width:100vw;cursor:pointer;pointer-events:all;top:auto;margin:0;margin-top:0rem}iam-table tr:has([type=checkbox]:checked){--row-bg: #E0E0E0}@media screen and (prefers-color-scheme: dark){iam-table tr:has([type=checkbox]:checked){--row-bg: #000000}}@container (width < 23.4375em){@media screen and (prefers-color-scheme: light){iam-table:has([slot=before]) iam-actionbar{background-color:#e6eaec}}iam-table:has([slot=before]) .actionbar__sticky+*{margin-top:0 !important}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick){padding-left:0 !important;margin:0 !important;min-height:2rem}iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):before,iam-table input:is([type=radio],[type=checkbox])+label:not(.radio--tick):after{top:.25rem !important;left:0 !important}iam-table:has([type=checkbox]:checked) tr:has([type=checkbox]) [type=checkbox]{width:100%;height:100%;max-height:100%;max-width:100%;margin-top:-2rem}}iam-table.table--fullwidth:not([data-expandable]) th.expand-button-heading{display:none}iam-table.table--fullwidth:not([data-expandable]) td:has([data-expand-button]){display:none}@container (width > 23.4375em){iam-table:not([data-expandable]) th.expand-button-heading{display:none}iam-table:not([data-expandable]) td.td--expand{display:none}iam-table[data-expandable] [data-expand-button]{margin:0}iam-table[data-expandable] [data-expand-button]:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:500}iam-table[data-expandable] [data-expand-button][aria-expanded]:before{content:""}iam-table[data-expandable] tr:not(:has(p)) [data-expand-button]{display:none}iam-table[data-expandable] tr:not([data-view=full]) td p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@container (width < 23.4375em){iam-table:not(.table--fullwidth) .td--fixed+td:not(.td--fixed){border-top:none}}@container (width > 23.4375em){iam-table{--width-adjust: 0px}iam-table:has([type=checkbox]){--width-adjust: -1rem}iam-table .th--fixed{min-width:calc(4.5rem + var(--width-adjust));position:absolute;padding:0}iam-table .th--fixed:after{top:auto;left:0;content:"";position:absolute;width:100%;height:calc(var(--row-height) - 2px);background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed{position:absolute;position:absolute;left:auto;top:auto;z-index:3;padding:0.25rem 0 0 0;min-width:4.5rem;height:calc(var(--row-height) - 2px);text-align:left;background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table .td--fixed:has([open]){z-index:4}iam-table tr:is(:hover,:focus) .td--fixed{background:linear-gradient(90deg, var(--row-bg) calc(100% - 1.5rem), transparent 100%)}iam-table tr:has([data-expand-button]){height:calc(4.625rem - 2px)}iam-table .th--fixed+th:not(.th--fixed),iam-table .td--fixed+td:not(.td--fixed){padding-left:calc(4.5rem + var(--width-adjust))}iam-table .th--fixed:not(.expand-button-heading)+.th--fixed+th:not(.th--fixed),iam-table .td--fixed:not(.td--expand)+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table[data-expandable] .th--fixed+.th--fixed+th:not(.th--fixed),iam-table[data-expandable] .td--fixed+.td--fixed+td:not(.td--fixed){padding-left:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed+.th--fixed,iam-table .td--fixed+.td--fixed{padding-left:calc(3.25rem + var(--width-adjust));min-width:calc(7.75rem + var(--width-adjust))}iam-table .th--fixed:has(+.th--fixed),iam-table .td--fixed:has(+.td--fixed){min-width:calc(3.25rem + var(--width-adjust));z-index:5}iam-table .dialog__wrapper{z-index:10}iam-table .dialog__wrapper:has([open]){z-index:20}iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:before,iam-table[data-expandable] input:is([type=radio],[type=checkbox])+label:after{left:1.25rem !important}iam-table:not([data-expandable]) th.expand-button-heading+th{padding-left:0 !important}iam-table:not([data-expandable]) td.td--expand+td{padding-left:0 !important}iam-table:not([data-expandable]) th.expand-button-heading+.th--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}iam-table:not([data-expandable]) td.td--expand+.td--fixed{min-width:calc(4.5rem + var(--width-adjust)) !important}}/*# sourceMappingURL=assets/css/components/table.global.css.map */
493
- </style>`);
494
- }
495
- connectedCallback() {
496
- const a = new URLSearchParams(window.location.search);
497
- 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", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
498
- let t = this.classList.toString();
499
- if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), t = t.replace("mh-md", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector("iam-pagination"), this.pagination.setAttribute("data-total", this.getAttribute("data-total")), this.pagination.setAttribute("data-page", this.getAttribute("data-page")), this.pagination.setAttribute("data-show", this.getAttribute("data-show")), this.pagination.setAttribute("data-increment", this.getAttribute("data-show")), this.hasAttribute("data-page-jump") && this.pagination.setAttribute("data-page-jump", "true"), this.hasAttribute("data-per-page") && this.pagination.setAttribute("data-per-page", "true"), this.hasAttribute("data-item-count") && this.pagination.setAttribute("data-item-count", "true"), this.hasAttribute("data-loading") && this.pagination.setAttribute("data-loading", "true"), this.classList.contains("table--fullwidth") && this.pagination.setAttribute("data-minimal", "true"), 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"), et(this.table, this.form), this.form.querySelector("[data-pagination]") || (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), qt(this.table, this.form, this.pagination, this, this.savedTableBody), Et(this.table, this.form, this.pagination, this), Tt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
500
- nt(this.table, this.form, this.pagination, this);
501
- else {
502
- let i = function(o = 1) {
503
- return Math.floor(Math.random() * Date.now() * (o + 1));
504
- };
505
- if (this.querySelector("iam-actionbar[data-selectall]")) {
506
- const o = this.querySelector("iam-actionbar[data-selectall]");
507
- Array.from(this.table.querySelectorAll("thead tr")).forEach((n, l) => {
508
- n.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
509
- }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, l) => {
510
- let d = `row${i(l)}`;
511
- n.insertAdjacentHTML("afterbegin", `<td class="td--fixed selectrow"><input type="checkbox" name="row" id="${d}"/><label for="${d}"><span class="visually-hidden">Select row</span></label></td>`);
512
- }), this.table.addEventListener("change", (n) => {
513
- if (n && n.target instanceof HTMLElement && n.target.closest(".selectrow input")) {
514
- let l = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
515
- o.setAttribute("data-selected", l == d ? "all" : d);
516
- }
517
- }), o.addEventListener("selected", (n) => {
518
- n.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
519
- l.checked = !1;
520
- }) : n.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
521
- l.checked = !0;
522
- });
523
- });
524
- }
525
- let s = -1;
526
- Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, n) => {
527
- if (o.querySelector(":scope > td > .dialog__wrapper")) {
528
- let l = o.querySelector(":scope > td > .dialog__wrapper").parentNode;
529
- l.classList.add("td--fixed"), s = Array.from(l.parentNode.children).indexOf(l);
530
- }
531
- }), s != -1 && (this.table.querySelector(`thead tr th:nth-child(${s + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${s + 1})`)).forEach((o, n) => {
532
- o.classList.add("td--fixed");
533
- })), at(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this.table, this.form);
534
- }
535
- this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
536
- this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
537
- });
538
- }
539
- static get observedAttributes() {
540
- return ["data-total", "data-page", "data-show"];
541
- }
542
- attributeChangedCallback(a, t, i) {
543
- switch (this.pagination = this.shadowRoot.querySelector("iam-pagination"), a) {
544
- case "data-total": {
545
- t != i && this.pagination.setAttribute("data-total", i);
546
- break;
547
- }
548
- case "data-show": {
549
- t != i && this.pagination.setAttribute("data-show", i);
550
- break;
551
- }
552
- case "data-page": {
553
- t != i && this.pagination.setAttribute("data-page", i);
554
- break;
555
- }
556
- }
557
- }
558
- }
559
- /*!
560
- * iamKey v5.3.0-beta1
561
- * Copyright 2022-2024 iamproperty
562
- */
563
- class ot extends HTMLElement {
564
- constructor() {
565
- super(), this.attachShadow({ mode: "open" });
566
- 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`, i = document.createElement("template");
567
- i.innerHTML = `
568
- <style>
569
- @import "${t}";
570
- :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:3.25rem;line-height:3.25rem;margin-left:-1rem;padding-left:1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-light)}*:where(.prev,.next):is(:active):not(:disabled){background-color:#e0e0e0}@media screen and (prefers-color-scheme: dark){*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-canvas)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--colour-canvas)}}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
571
-
572
-
573
- ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
574
- </style>
575
- <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
576
- <div class="pagination d-none">
577
-
578
- <div class="minimal" part="minimal">
579
- <div class="page-jump">
580
- <div><select class="select--minimal"></select></div>
581
- <span class="total-pages"></span>
582
- </div>
583
-
584
- <button class="prev" disabled>Prev</button>
585
- <button class="next" disabled>Next</button>
586
- </div>
587
-
588
- <div class="item-count" part="item-count"></div>
589
- <div class="per-page" part="per-page">
590
- <div>
591
- <select class="select--minimal">
592
- <option value="15">15</option>
593
- <option value="25">25</option>
594
- <option value="40">40</option>
595
- <option value="50">50</option>
596
- </select>
597
- </div>
598
- <span> / page</span>
599
- </div>
600
- <div class="mobile-controls m-auto text-center">
601
- <i class="fa-solid fa-spinner fa-spin"></i>
602
- <button class="load-more btn btn-primary m-auto">Load more</a>
603
- </div>
604
- </div>
605
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
606
- }
607
- connectedCallback() {
608
- const a = new URLSearchParams(window.location.search);
609
- this.hasAttribute("data-total") || this.setAttribute("data-total", 15), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
610
- const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".per-page select"), n = this.shadowRoot.querySelector(".load-more");
611
- this.setup(), t.addEventListener("change", (l) => {
612
- this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", l.target.value);
613
- }), s.addEventListener("click", (l) => {
614
- t.value = parseInt(t.value) + 1, t.dispatchEvent(new Event("change"));
615
- }), i.addEventListener("click", (l) => {
616
- t.value = parseInt(t.value) - 1, t.dispatchEvent(new Event("change"));
617
- }), o.addEventListener("change", (l) => {
618
- this.setAttribute("data-increment", l.target.value);
619
- }), n.addEventListener("click", (l) => {
620
- let d = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
621
- this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && n.remove();
622
- });
623
- }
624
- setup() {
625
- const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), o = this.shadowRoot.querySelector(".item-count"), n = this.shadowRoot.querySelector(".per-page select"), l = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), r = parseInt(this.getAttribute("data-total")), p = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), u = Math.ceil(r / c);
626
- r > p && a.classList.remove("d-none");
627
- let g = "";
628
- for (let T = 1; T <= u; T++)
629
- g += `<option value="${T}" ${T == d ? "selected" : ""}>${T}</option>`;
630
- t.innerHTML = g, l.innerHTML = `of ${u}`, d == u ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
631
- let b = d == 1 ? 1 : (d - 1) * p + 1, x = d == 1 ? p : d * p;
632
- o.innerHTML = `${b} - ${x > r ? r : x} of ${r} items`;
633
- const S = [15, 25, 40, 50];
634
- c && n.value != c && !S.includes(c) && (n.innerHTML = `<option value="${c}">${c}</option>
635
- <option value="${c * 2}">${c * 2}</option>
636
- <option value="${c * 3}">${c * 3}</option>
637
- <option value="${c * 4}">${c * 4}</option>`), n.value = c;
638
- }
639
- static get observedAttributes() {
640
- return ["data-total", "data-increment", "data-page", "data-show"];
641
- }
642
- attributeChangedCallback(a, t, i) {
643
- switch (a) {
644
- case "data-total": {
645
- t != i && (this.setAttribute("data-page", 1), this.setup());
646
- break;
647
- }
648
- case "data-show": {
649
- t != i && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
650
- break;
651
- }
652
- case "data-increment": {
653
- t != i && (this.setAttribute("data-show", i), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
654
- break;
655
- }
656
- case "data-page": {
657
- t && t != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
658
- break;
659
- }
660
- }
661
- }
662
- }
663
- const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), Rt = function(e) {
664
- return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
665
- }, Nt = {
49
+ const Da = /* @__PURE__ */ p(B, [["render", K]]), G = (t) => t.charAt(0).toUpperCase() + t.slice(1), Q = (t) => t.replace(/_/g, " "), Y = (t) => t.replace(/ /g, "_"), J = function(t) {
50
+ return t = t.toLowerCase(), t = Y(t), t = t.replace(/\W/g, ""), t;
51
+ }, X = {
666
52
  name: "Table",
667
53
  props: {
668
54
  items: {
@@ -676,42 +62,50 @@ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(
676
62
  },
677
63
  computed: {
678
64
  cellHeading() {
679
- return (e) => `${jt(Ct(e))}`;
65
+ return (t) => `${G(Q(t))}`;
680
66
  }
681
67
  },
682
68
  created() {
683
69
  this.$nextTick(function() {
684
- window.customElements.get("iam-table") || window.customElements.define("iam-table", Mt), window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", ot);
70
+ import("./table.component.min-b8ec6422.mjs").then((t) => {
71
+ window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
72
+ }).catch((t) => {
73
+ console.log(t.message);
74
+ }), Promise.resolve().then(() => Ha).then((t) => {
75
+ window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", t.default);
76
+ }).catch((t) => {
77
+ console.log(t.message);
78
+ });
685
79
  });
686
80
  },
687
81
  updated() {
688
82
  }
689
- }, zt = { key: 0 }, Ft = { key: 0 }, Pt = ["data-row-id"], It = ["innerHTML"];
690
- function Ot(e, a, t, i, s, o) {
691
- return m(), h("iam-table", null, [
692
- t.fields ? (m(), h("table", zt, [
693
- f("thead", null, [
694
- f("tr", null, [
695
- (m(!0), h(D, null, R(t.fields, (n) => (m(), h("th", {
696
- key: n.key
697
- }, $(o.cellHeading(n.key)), 1))), 128))
83
+ }, Z = { key: 0 }, ee = { key: 0 }, te = ["data-row-id"], ae = ["innerHTML"];
84
+ function se(t, a, e, s, o, n) {
85
+ return r(), l("iam-table", null, [
86
+ e.fields ? (r(), l("table", Z, [
87
+ c("thead", null, [
88
+ c("tr", null, [
89
+ (r(!0), l(x, null, L(e.fields, (i) => (r(), l("th", {
90
+ key: i.key
91
+ }, w(n.cellHeading(i.key)), 1))), 128))
698
92
  ])
699
93
  ]),
700
- t.items ? (m(), h("tbody", Ft, [
701
- (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("tr", {
702
- key: l,
703
- "data-row-id": n.rowid
94
+ e.items ? (r(), l("tbody", ee, [
95
+ (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("tr", {
96
+ key: d,
97
+ "data-row-id": i.rowid
704
98
  }, [
705
- (m(!0), h(D, null, R(Object.fromEntries(Object.entries(n).filter(([d]) => d !== "rowid")), (d, r) => (m(), h("td", {
706
- key: r,
707
- innerHTML: d
708
- }, null, 8, It))), 128))
709
- ], 8, Pt))), 128))
710
- ])) : _("", !0)
711
- ])) : v(e.$slots, "default", { key: 1 })
99
+ (r(!0), l(x, null, L(Object.fromEntries(Object.entries(i).filter(([u]) => u !== "rowid")), (u, h) => (r(), l("td", {
100
+ key: h,
101
+ innerHTML: u
102
+ }, null, 8, ae))), 128))
103
+ ], 8, te))), 128))
104
+ ])) : b("", !0)
105
+ ])) : f(t.$slots, "default", { key: 1 })
712
106
  ]);
713
107
  }
714
- const rt = /* @__PURE__ */ y(Nt, [["render", Ot]]), Bt = {
108
+ const N = /* @__PURE__ */ p(X, [["render", se]]), ie = {
715
109
  name: "Input",
716
110
  props: {
717
111
  value: {
@@ -877,213 +271,213 @@ const rt = /* @__PURE__ */ y(Nt, [["render", Ot]]), Bt = {
877
271
  get() {
878
272
  return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
879
273
  },
880
- set(e) {
881
- this.$emit("input", e);
274
+ set(t) {
275
+ this.$emit("input", t);
882
276
  }
883
277
  }
884
278
  },
885
279
  mounted() {
886
280
  this.$nextTick(function() {
887
- let e = this.$refs.wrapper;
888
- if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
281
+ let t = this.$refs.wrapper;
282
+ if (t.parentNode && t.parentNode.classList.contains("form-check") || t.classList.length == 0) {
889
283
  const a = document.createDocumentFragment();
890
- Array.from(e.childNodes).forEach((t) => a.appendChild(t)), e.parentNode.insertBefore(a, e), e.parentNode.removeChild(e);
284
+ Array.from(t.childNodes).forEach((e) => a.appendChild(e)), t.parentNode.insertBefore(a, t), t.parentNode.removeChild(t);
891
285
  }
892
286
  });
893
287
  },
894
288
  methods: {
895
- inputKeyup(e) {
896
- this.$emit("keyupEvent", e);
289
+ inputKeyup(t) {
290
+ this.$emit("keyupEvent", t);
897
291
  },
898
292
  clickEvent() {
899
293
  this.$emit("bus");
900
294
  }
901
295
  }
902
- }, Ut = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Wt = ["innerHTML"], Kt = ["type", "name", "id", "pattern", "list"], Gt = ["type", "name", "id", "pattern"], Yt = {
296
+ }, ne = ["for", "innerHTML", "title"], oe = ["innerHTML"], re = ["innerHTML"], le = ["type", "name", "id", "pattern", "list"], de = ["type", "name", "id", "pattern"], ce = {
903
297
  key: 5,
904
298
  class: "input-group"
905
- }, Xt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Qt = {
299
+ }, ue = ["type", "name", "id", "pattern", "list"], me = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, pe = {
906
300
  key: 6,
907
301
  class: "input-group"
908
- }, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], ne = ["for", "innerHTML"], oe = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
909
- function ce(e, a, t, i, s, o) {
910
- return m(), h("div", {
911
- class: L(o.wrapperClass()),
302
+ }, he = ["type", "name", "id", "pattern", "list"], fe = { class: "input-group-text flex-fill" }, be = ["type", "name", "id", "pattern"], ge = ["value"], ye = ["type", "name", "id"], ve = ["for", "innerHTML"], _e = ["type", "name", "id"], we = ["for", "innerHTML"], $e = ["innerHTML"], ke = ["id"], Ae = ["value"];
303
+ function xe(t, a, e, s, o, n) {
304
+ return r(), l("div", {
305
+ class: _(n.wrapperClass()),
912
306
  ref: "wrapper"
913
307
  }, [
914
- o.needsLabel() ? (m(), h("label", {
308
+ n.needsLabel() ? (r(), l("label", {
915
309
  key: 0,
916
- class: L(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
917
- for: t.id,
918
- innerHTML: o.displayLabel(),
919
- title: t.title
920
- }, null, 10, Ut)) : _("", !0),
921
- t.prefix ? (m(), h("span", {
310
+ class: _(`form-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
311
+ for: e.id,
312
+ innerHTML: n.displayLabel(),
313
+ title: e.title
314
+ }, null, 10, ne)) : b("", !0),
315
+ e.prefix ? (r(), l("span", {
922
316
  key: 1,
923
- class: L(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
924
- innerHTML: t.prefix,
317
+ class: _(`prefix ${this.prefixClass} ${e.size ? `prefix-${e.size}` : ""}`),
318
+ innerHTML: e.prefix,
925
319
  role: "presentation"
926
- }, null, 10, Vt)) : _("", !0),
927
- t.suffix ? (m(), h("span", {
320
+ }, null, 10, oe)) : b("", !0),
321
+ e.suffix ? (r(), l("span", {
928
322
  key: 2,
929
- class: L(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
930
- innerHTML: t.suffix,
323
+ class: _(`suffix ${this.suffixClass} ${e.size ? `suffix-${e.size}` : ""}`),
324
+ innerHTML: e.suffix,
931
325
  role: "presentation"
932
- }, null, 10, Wt)) : _("", !0),
933
- o.isInput() ? P((m(), h("input", C({
326
+ }, null, 10, re)) : b("", !0),
327
+ n.isInput() ? T((r(), l("input", A({
934
328
  key: 3,
935
- "onUpdate:modelValue": a[0] || (a[0] = (n) => o.inputVal = n),
936
- class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
937
- type: t.type,
938
- name: t.name ? t.name : t.id,
939
- id: t.id,
940
- pattern: o.needPattern(),
941
- list: o.hasOptions()
942
- }, e.$attrs, {
943
- onKeyup: a[1] || (a[1] = (...n) => o.inputKeyup && o.inputKeyup(...n))
944
- }), null, 16, Kt)), [
945
- [W, o.inputVal]
946
- ]) : _("", !0),
947
- t.type == "textarea" ? P((m(), h("textarea", C({
329
+ "onUpdate:modelValue": a[0] || (a[0] = (i) => n.inputVal = i),
330
+ class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
331
+ type: e.type,
332
+ name: e.name ? e.name : e.id,
333
+ id: e.id,
334
+ pattern: n.needPattern(),
335
+ list: n.hasOptions()
336
+ }, t.$attrs, {
337
+ onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
338
+ }), null, 16, le)), [
339
+ [H, n.inputVal]
340
+ ]) : b("", !0),
341
+ e.type == "textarea" ? T((r(), l("textarea", A({
948
342
  key: 4,
949
- "onUpdate:modelValue": a[2] || (a[2] = (n) => o.inputVal = n),
950
- class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
951
- type: t.type,
952
- name: t.name ? t.name : t.id,
953
- id: t.id,
954
- pattern: o.needPattern()
955
- }, e.$attrs), null, 16, Gt)), [
956
- [ht, o.inputVal]
957
- ]) : _("", !0),
958
- t.type == "range" ? (m(), h("div", Yt, [
959
- P(f("input", C({
960
- "onUpdate:modelValue": a[3] || (a[3] = (n) => o.inputVal = n),
961
- class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
962
- type: t.type,
963
- name: t.name ? t.name : t.id,
964
- id: t.id,
965
- pattern: o.needPattern(),
966
- list: o.hasOptions()
967
- }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Xt), [
968
- [W, o.inputVal]
343
+ "onUpdate:modelValue": a[2] || (a[2] = (i) => n.inputVal = i),
344
+ class: `form-control${e.size ? ` form-control-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
345
+ type: e.type,
346
+ name: e.name ? e.name : e.id,
347
+ id: e.id,
348
+ pattern: n.needPattern()
349
+ }, t.$attrs), null, 16, de)), [
350
+ [D, n.inputVal]
351
+ ]) : b("", !0),
352
+ e.type == "range" ? (r(), l("div", ce, [
353
+ T(c("input", A({
354
+ "onUpdate:modelValue": a[3] || (a[3] = (i) => n.inputVal = i),
355
+ class: `form-range${e.inputclass ? ` ${e.inputclass}` : ""}`,
356
+ type: e.type,
357
+ name: e.name ? e.name : e.id,
358
+ id: e.id,
359
+ pattern: n.needPattern(),
360
+ list: n.hasOptions()
361
+ }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, ue), [
362
+ [H, n.inputVal]
969
363
  ]),
970
- f("output", Jt, $(t.value), 1)
971
- ])) : _("", !0),
972
- t.type == "color" ? (m(), h("div", Qt, [
973
- P(f("input", C({
974
- "onUpdate:modelValue": a[4] || (a[4] = (n) => o.inputVal = n),
975
- class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
976
- type: t.type,
977
- name: t.name ? t.name : t.id,
978
- id: t.id,
979
- pattern: o.needPattern(),
980
- list: o.hasOptions()
981
- }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
982
- [W, o.inputVal]
364
+ c("output", me, w(e.value), 1)
365
+ ])) : b("", !0),
366
+ e.type == "color" ? (r(), l("div", pe, [
367
+ T(c("input", A({
368
+ "onUpdate:modelValue": a[4] || (a[4] = (i) => n.inputVal = i),
369
+ class: `form-control form-control-color${e.inputclass ? ` ${e.inputclass}` : ""}`,
370
+ type: e.type,
371
+ name: e.name ? e.name : e.id,
372
+ id: e.id,
373
+ pattern: n.needPattern(),
374
+ list: n.hasOptions()
375
+ }, t.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, he), [
376
+ [H, n.inputVal]
983
377
  ]),
984
- f("output", te, $(t.value ? e.vale : "#000000"), 1)
985
- ])) : _("", !0),
986
- t.type == "select" ? P((m(), h("select", C({
378
+ c("output", fe, w(e.value ? t.vale : "#000000"), 1)
379
+ ])) : b("", !0),
380
+ e.type == "select" ? T((r(), l("select", A({
987
381
  key: 7,
988
- "onUpdate:modelValue": a[5] || (a[5] = (n) => o.inputVal = n),
989
- class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
990
- type: t.type,
991
- name: t.id,
992
- id: t.id,
993
- pattern: o.needPattern()
994
- }, e.$attrs), [
995
- (m(!0), h(D, null, R(t.options, (n, l) => (m(), h("option", {
996
- key: l,
997
- value: n.value
998
- }, $(n.display ? n.display : n.value), 9, ae))), 128))
999
- ], 16, ee)), [
1000
- [pt, o.inputVal]
1001
- ]) : _("", !0),
1002
- t.type == "checkbox" || t.type == "radio" ? (m(), h("input", C({
382
+ "onUpdate:modelValue": a[5] || (a[5] = (i) => n.inputVal = i),
383
+ class: `form-select${e.size ? ` form-select-${e.size}` : ""}${e.inputclass ? ` ${e.inputclass}` : ""}`,
384
+ type: e.type,
385
+ name: e.id,
386
+ id: e.id,
387
+ pattern: n.needPattern()
388
+ }, t.$attrs), [
389
+ (r(!0), l(x, null, L(e.options, (i, d) => (r(), l("option", {
390
+ key: d,
391
+ value: i.value
392
+ }, w(i.display ? i.display : i.value), 9, ge))), 128))
393
+ ], 16, be)), [
394
+ [F, n.inputVal]
395
+ ]) : b("", !0),
396
+ e.type == "checkbox" || e.type == "radio" ? (r(), l("input", A({
1003
397
  key: 8,
1004
398
  class: "form-check-input",
1005
- type: t.type,
1006
- name: t.name ? t.name : t.id,
1007
- id: t.id
1008
- }, e.$attrs), null, 16, ie)) : _("", !0),
1009
- t.type == "checkbox" || t.type == "radio" ? (m(), h("label", {
399
+ type: e.type,
400
+ name: e.name ? e.name : e.id,
401
+ id: e.id
402
+ }, t.$attrs), null, 16, ye)) : b("", !0),
403
+ e.type == "checkbox" || e.type == "radio" ? (r(), l("label", {
1010
404
  key: 9,
1011
- class: L(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
1012
- for: t.id,
1013
- innerHTML: t.label
1014
- }, null, 10, ne)) : _("", !0),
1015
- t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("input", C({
405
+ class: _(`form-label form-check-label${e.labelclass ? ` ${e.labelclass}` : ""}`),
406
+ for: e.id,
407
+ innerHTML: e.label
408
+ }, null, 10, ve)) : b("", !0),
409
+ e.type == "checkbox-btn" || e.type == "radio-btn" ? (r(), l("input", A({
1016
410
  key: 10,
1017
- class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
1018
- type: t.type.replace("-btn", ""),
411
+ class: `btn-check${e.inputclass ? ` ${e.inputclass}` : ""}`,
412
+ type: e.type.replace("-btn", ""),
1019
413
  autocomplete: "off",
1020
- name: t.name ? t.name : t.id,
1021
- id: t.id
1022
- }, e.$attrs), null, 16, oe)) : _("", !0),
1023
- t.type == "checkbox-btn" || t.type == "radio-btn" ? (m(), h("label", {
414
+ name: e.name ? e.name : e.id,
415
+ id: e.id
416
+ }, t.$attrs), null, 16, _e)) : b("", !0),
417
+ e.type == "checkbox-btn" || e.type == "radio-btn" ? (r(), l("label", {
1024
418
  key: 11,
1025
- class: L(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
1026
- for: t.id,
1027
- innerHTML: t.label,
1028
- onClick: a[6] || (a[6] = (...n) => o.clickEvent && o.clickEvent(...n))
1029
- }, null, 10, re)) : _("", !0),
1030
- v(e.$slots, "default"),
1031
- t.errormsg ? (m(), h("span", {
419
+ class: _(`btn${e.labelclass ? ` ${e.labelclass}` : ""}`),
420
+ for: e.id,
421
+ innerHTML: e.label,
422
+ onClick: a[6] || (a[6] = (...i) => n.clickEvent && n.clickEvent(...i))
423
+ }, null, 10, we)) : b("", !0),
424
+ f(t.$slots, "default"),
425
+ e.errormsg ? (r(), l("span", {
1032
426
  key: 12,
1033
427
  class: "invalid-feedback mb-0",
1034
- innerHTML: t.errormsg
1035
- }, null, 8, se)) : _("", !0),
1036
- o.allowDatalist() ? (m(), h("datalist", {
428
+ innerHTML: e.errormsg
429
+ }, null, 8, $e)) : b("", !0),
430
+ n.allowDatalist() ? (r(), l("datalist", {
1037
431
  key: 13,
1038
- id: t.id + "-list"
432
+ id: e.id + "-list"
1039
433
  }, [
1040
- (m(!0), h(D, null, R(t.options, (n, l) => (m(), h("option", {
1041
- key: l,
1042
- value: n.value
1043
- }, $(n.value), 9, de))), 128))
1044
- ], 8, le)) : _("", !0)
434
+ (r(!0), l(x, null, L(e.options, (i, d) => (r(), l("option", {
435
+ key: d,
436
+ value: i.value
437
+ }, w(i.value), 9, Ae))), 128))
438
+ ], 8, ke)) : b("", !0)
1045
439
  ], 2);
1046
440
  }
1047
- const st = /* @__PURE__ */ y(Bt, [["render", ce]]);
1048
- function ue(e, a) {
1049
- const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), s = e.querySelector("input"), o = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, n = s.cloneNode();
1050
- i.append(n), a.addEventListener("click", (l) => {
1051
- l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? n : s).click());
1052
- }), a.addEventListener("click", (l) => {
1053
- if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
1054
- const d = new DataTransfer(), { files: r } = s, p = l.target.closest(".files button");
1055
- for (let u = 0; u < r.length; u++) {
1056
- const g = r[u];
1057
- g.name != p.getAttribute("data-file") && d.items.add(g);
441
+ const R = /* @__PURE__ */ p(ie, [["render", xe]]);
442
+ function Le(t, a) {
443
+ const e = a.querySelector(".files"), s = a.querySelector(".drop-area"), o = t.querySelector("input"), n = t.hasAttribute("data-maxsize") ? t.getAttribute("data-maxsize") : 0, i = o.cloneNode();
444
+ s.append(i), a.addEventListener("click", (d) => {
445
+ d && d.target instanceof HTMLElement && d.target.closest(".btn-primary") && (d.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? i : o).click());
446
+ }), a.addEventListener("click", (d) => {
447
+ if (d && d.target instanceof HTMLElement && d.target.closest(".files button")) {
448
+ const u = new DataTransfer(), { files: h } = o, g = d.target.closest(".files button");
449
+ for (let y = 0; y < h.length; y++) {
450
+ const v = h[y];
451
+ v.name != g.getAttribute("data-file") && u.items.add(v);
1058
452
  }
1059
- s.files = d.files;
1060
- const c = new Event("change");
1061
- s.dispatchEvent(c);
453
+ o.files = u.files;
454
+ const m = new Event("change");
455
+ o.dispatchEvent(m);
1062
456
  }
1063
- }), n.addEventListener("change", (l) => {
1064
- if (s.hasAttribute("multiple")) {
1065
- const r = [...s.files, ...n.files];
1066
- let p = [];
1067
- const c = new DataTransfer();
1068
- for (let u = 0; u < r.length; u++) {
1069
- const g = r[u], b = g.size / 1e3;
1070
- !p.includes(g.name) && (o == 0 || b < o) && c.items.add(g), p.push(g.name);
457
+ }), i.addEventListener("change", (d) => {
458
+ if (o.hasAttribute("multiple")) {
459
+ const h = [...o.files, ...i.files];
460
+ let g = [];
461
+ const m = new DataTransfer();
462
+ for (let y = 0; y < h.length; y++) {
463
+ const v = h[y], $ = v.size / 1e3;
464
+ !g.includes(v.name) && (n == 0 || $ < n) && m.items.add(v), g.push(v.name);
1071
465
  }
1072
- s.files = c.files;
466
+ o.files = m.files;
1073
467
  } else
1074
- s.files = n.files;
1075
- const d = new Event("change");
1076
- s.dispatchEvent(d);
1077
- }), n.addEventListener("dragenter", (l) => {
1078
- n.classList.add("focus");
1079
- }), n.addEventListener("dragleave", (l) => {
1080
- n.classList.remove("focus");
1081
- }), n.addEventListener("drop", (l) => {
1082
- n.classList.remove("focus");
1083
- }), s.addEventListener("change", (l) => {
1084
- t.innerHTML = "";
1085
- for (const d of s.files)
1086
- t.innerHTML += `<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`;
468
+ o.files = i.files;
469
+ const u = new Event("change");
470
+ o.dispatchEvent(u);
471
+ }), i.addEventListener("dragenter", (d) => {
472
+ i.classList.add("focus");
473
+ }), i.addEventListener("dragleave", (d) => {
474
+ i.classList.remove("focus");
475
+ }), i.addEventListener("drop", (d) => {
476
+ i.classList.remove("focus");
477
+ }), o.addEventListener("change", (d) => {
478
+ e.innerHTML = "";
479
+ for (const u of o.files)
480
+ e.innerHTML += `<span class="file">${u.name} <button data-file="${u.name}">Remove</button></span>`;
1087
481
  });
1088
482
  }
1089
483
  window.dataLayer = window.dataLayer || [];
@@ -1091,14 +485,14 @@ window.dataLayer.push({
1091
485
  event: "customElementRegistered",
1092
486
  element: "fileupload"
1093
487
  });
1094
- class me extends HTMLElement {
488
+ class Se extends HTMLElement {
1095
489
  constructor() {
1096
490
  super(), this.attachShadow({ mode: "open" });
1097
- 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`, i = `@import "${a}/css/components/fileupload.css";`, s = document.createElement("template");
1098
- s.innerHTML = `
491
+ 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`, s = `@import "${a}/css/components/fileupload.css";`, o = document.createElement("template");
492
+ o.innerHTML = `
1099
493
  <style>
1100
- @import "${t}";
1101
- ${i}
494
+ @import "${e}";
495
+ ${s}
1102
496
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
1103
497
  </style>
1104
498
  <div class="file-upload">
@@ -1110,15 +504,15 @@ class me extends HTMLElement {
1110
504
  <slot></slot>
1111
505
  <div class="files"></div>
1112
506
  </div>
1113
- `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
507
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
1114
508
  }
1115
509
  connectedCallback() {
1116
510
  this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
1117
- const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), i = this.shadowRoot.querySelector(".helper-text");
1118
- i.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, ue(this, a);
511
+ const a = this.shadowRoot.querySelector(".file-upload"), e = this.querySelector("input"), s = this.shadowRoot.querySelector(".helper-text");
512
+ s.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${e.hasAttribute("accept") ? `Supported file types are ${e.getAttribute("accept")}` : ""}`, Le(this, a);
1119
513
  }
1120
514
  }
1121
- const he = {
515
+ const qe = {
1122
516
  name: "FileUpload",
1123
517
  props: {
1124
518
  maxfilesize: {
@@ -1132,40 +526,40 @@ const he = {
1132
526
  },
1133
527
  mounted() {
1134
528
  this.$nextTick(function() {
1135
- window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", me);
529
+ window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", Se);
1136
530
  });
1137
531
  }
1138
532
  };
1139
- function pe(e, a, t, i, s, o) {
1140
- return m(), h("iam-fileupload", null, [
1141
- v(e.$slots, "default")
533
+ function Ee(t, a, e, s, o, n) {
534
+ return r(), l("iam-fileupload", null, [
535
+ f(t.$slots, "default")
1142
536
  ]);
1143
537
  }
1144
- const $i = /* @__PURE__ */ y(he, [["render", pe]]), N = (e, a) => {
1145
- const t = e[a];
1146
- return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((i, s) => {
1147
- (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + a)));
538
+ const Fa = /* @__PURE__ */ p(qe, [["render", Ee]]), S = (t, a) => {
539
+ const e = t[a];
540
+ return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((s, o) => {
541
+ (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, new Error("Unknown variable dynamic import: " + a)));
1148
542
  });
1149
543
  };
1150
- const be = {
544
+ const Te = {
1151
545
  name: "Accordion",
1152
546
  props: {},
1153
547
  mounted() {
1154
548
  this.$nextTick(function() {
1155
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-1515894d.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
1156
- window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", e.default);
1157
- }).catch((e) => {
1158
- console.log(e.message);
549
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/accordion/accordion.component.js": () => import("./accordion.component-bd9af0d7.mjs"), "../../../assets/js/components/accordion/accordion.component.min.js": () => import("./accordion.component.min-20571f58.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((t) => {
550
+ window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
551
+ }).catch((t) => {
552
+ console.log(t.message);
1159
553
  });
1160
554
  });
1161
555
  }
1162
- }, fe = { ref: "wrapper" };
1163
- function ge(e, a, t, i, s, o) {
1164
- return m(), h("iam-accordion", fe, [
1165
- v(e.$slots, "default")
556
+ }, He = { ref: "wrapper" };
557
+ function Me(t, a, e, s, o, n) {
558
+ return r(), l("iam-accordion", He, [
559
+ f(t.$slots, "default")
1166
560
  ], 512);
1167
561
  }
1168
- const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
562
+ const Va = /* @__PURE__ */ p(Te, [["render", Me]]), je = {
1169
563
  name: "AccordionItem",
1170
564
  props: {
1171
565
  title: {
@@ -1192,7 +586,7 @@ const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
1192
586
  },
1193
587
  computed: {
1194
588
  createID() {
1195
- return (e) => `${Rt(e)}`;
589
+ return (t) => `${J(t)}`;
1196
590
  }
1197
591
  },
1198
592
  data() {
@@ -1200,24 +594,24 @@ const Si = /* @__PURE__ */ y(be, [["render", ge]]), ye = {
1200
594
  show: !this.lazy
1201
595
  };
1202
596
  }
1203
- }, we = ["id"], ve = ["classList"];
1204
- function _e(e, a, t, i, s, o) {
1205
- return m(), h("details", {
1206
- id: o.createID(t.title)
597
+ }, Ce = ["id"], Ne = ["classList"];
598
+ function Re(t, a, e, s, o, n) {
599
+ return r(), l("details", {
600
+ id: n.createID(e.title)
1207
601
  }, [
1208
- f("summary", {
1209
- classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
602
+ c("summary", {
603
+ classList: `${e.titlecolour ? `bg-${e.titlecolour}` : ""}`
1210
604
  }, [
1211
- bt($(t.title), 1),
1212
- t.badge ? (m(), h("span", {
605
+ V(w(e.title), 1),
606
+ e.badge ? (r(), l("span", {
1213
607
  key: 0,
1214
- class: L(`badge bg-${t.badgecolour}`)
1215
- }, $(t.badge), 3)) : _("", !0)
1216
- ], 8, ve),
1217
- v(e.$slots, "default")
1218
- ], 8, we);
608
+ class: _(`badge bg-${e.badgecolour}`)
609
+ }, w(e.badge), 3)) : b("", !0)
610
+ ], 8, Ne),
611
+ f(t.$slots, "default")
612
+ ], 8, Ce);
1219
613
  }
1220
- const qi = /* @__PURE__ */ y(ye, [["render", _e]]), xe = {
614
+ const Oa = /* @__PURE__ */ p(je, [["render", Re]]), Pe = {
1221
615
  name: "Header",
1222
616
  props: {
1223
617
  title: {
@@ -1234,49 +628,49 @@ const qi = /* @__PURE__ */ y(ye, [["render", _e]]), xe = {
1234
628
  required: !1
1235
629
  }
1236
630
  }
1237
- }, Ae = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, $e = { class: "pt-5 pb-3 px-4" }, Se = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
1238
- function Ee(e, a, t, i, s, o) {
1239
- return m(), h("div", Ae, [
1240
- f("div", {
1241
- class: L("bg-" + t.background + " mb-4")
631
+ }, ze = { class: "container" }, Ie = { class: "row" }, De = { class: "col-sm-6" }, Fe = { class: "pt-5 pb-3 px-4" }, Ve = { class: "col-sm-6 col-md-5 ms-auto" }, Oe = ["src"];
632
+ function Be(t, a, e, s, o, n) {
633
+ return r(), l("div", ze, [
634
+ c("div", {
635
+ class: _("bg-" + e.background + " mb-4")
1242
636
  }, [
1243
- f("div", ke, [
1244
- f("div", Le, [
1245
- f("div", $e, [
1246
- f("h2", null, $(t.title), 1),
1247
- v(e.$slots, "default")
637
+ c("div", Ie, [
638
+ c("div", De, [
639
+ c("div", Fe, [
640
+ c("h2", null, w(e.title), 1),
641
+ f(t.$slots, "default")
1248
642
  ])
1249
643
  ]),
1250
- f("div", Se, [
1251
- t.image ? (m(), h("img", {
644
+ c("div", Ve, [
645
+ e.image ? (r(), l("img", {
1252
646
  key: 0,
1253
- src: t.image,
647
+ src: e.image,
1254
648
  alt: "",
1255
649
  class: "h-100 w-100 object-cover"
1256
- }, null, 8, qe)) : _("", !0)
650
+ }, null, 8, Oe)) : b("", !0)
1257
651
  ])
1258
652
  ])
1259
653
  ], 2)
1260
654
  ]);
1261
655
  }
1262
- const Ei = /* @__PURE__ */ y(xe, [["render", Ee]]), Te = {
656
+ const Ba = /* @__PURE__ */ p(Pe, [["render", Be]]), Ue = {
1263
657
  name: "Card",
1264
658
  mounted() {
1265
659
  this.$nextTick(function() {
1266
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-8399b3cb.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-def4451e.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
1267
- window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
1268
- }).catch((e) => {
1269
- console.log(e.message);
660
+ import("./card.component.min-53116ccf.mjs").then((t) => {
661
+ window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
662
+ }).catch((t) => {
663
+ console.log(t.message);
1270
664
  });
1271
665
  });
1272
666
  }
1273
667
  };
1274
- function He(e, a, t, i, s, o) {
1275
- return m(), h("iam-card", null, [
1276
- v(e.$slots, "default")
668
+ function We(t, a, e, s, o, n) {
669
+ return r(), l("iam-card", null, [
670
+ f(t.$slots, "default")
1277
671
  ]);
1278
672
  }
1279
- const Ti = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
673
+ const Ua = /* @__PURE__ */ p(Ue, [["render", We]]), Ke = {
1280
674
  name: "Header",
1281
675
  props: {
1282
676
  title: {
@@ -1290,20 +684,20 @@ const Ti = /* @__PURE__ */ y(Te, [["render", He]]), Me = {
1290
684
  },
1291
685
  mounted() {
1292
686
  this.$nextTick(function() {
1293
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/carousel/carousel.component.js": () => import("./carousel.component-72a8511a.mjs") }), "../../../assets/js/components/carousel/carousel.component.js").then((e) => {
1294
- window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", e.default);
1295
- }).catch((e) => {
1296
- console.log(e.message);
687
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/carousel/carousel.component.js": () => import("./carousel.component-72a8511a.mjs") }), "../../../assets/js/components/carousel/carousel.component.js").then((t) => {
688
+ window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
689
+ }).catch((t) => {
690
+ console.log(t.message);
1297
691
  });
1298
692
  });
1299
693
  }
1300
694
  };
1301
- function je(e, a, t, i, s, o) {
1302
- return m(), h("iam-carousel", null, [
1303
- v(e.$slots, "default")
695
+ function Ge(t, a, e, s, o, n) {
696
+ return r(), l("iam-carousel", null, [
697
+ f(t.$slots, "default")
1304
698
  ]);
1305
699
  }
1306
- const Hi = /* @__PURE__ */ y(Me, [["render", je]]), Ce = {
700
+ const Wa = /* @__PURE__ */ p(Ke, [["render", Ge]]), Qe = {
1307
701
  name: "Header",
1308
702
  props: {
1309
703
  title: {
@@ -1317,54 +711,54 @@ const Hi = /* @__PURE__ */ y(Me, [["render", je]]), Ce = {
1317
711
  },
1318
712
  mounted() {
1319
713
  this.$nextTick(function() {
1320
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-cc8263fb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => import("./header.component.min-73a64e36.mjs") }), "../../../assets/js/components/header/header.component.js").then((e) => {
1321
- window.customElements.get("iam-header") || window.customElements.define("iam-header", e.default);
1322
- }).catch((e) => {
1323
- console.log(e.message);
714
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-cc8263fb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => import("./header.component.min-926fdb3e.mjs") }), "../../../assets/js/components/header/header.component.js").then((t) => {
715
+ window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
716
+ }).catch((t) => {
717
+ console.log(t.message);
1324
718
  });
1325
719
  });
1326
720
  }
1327
- }, De = ["image"], Re = ["innerHTML"];
1328
- function Ne(e, a, t, i, s, o) {
1329
- return m(), h("iam-header", { image: t.image }, [
1330
- v(e.$slots, "breadcrumb"),
1331
- t.title ? (m(), h("h1", {
721
+ }, Ye = ["image"], Je = ["innerHTML"];
722
+ function Xe(t, a, e, s, o, n) {
723
+ return r(), l("iam-header", { image: e.image }, [
724
+ f(t.$slots, "breadcrumb"),
725
+ e.title ? (r(), l("h1", {
1332
726
  key: 0,
1333
- innerHTML: t.title
1334
- }, null, 8, Re)) : _("", !0),
1335
- v(e.$slots, "default")
1336
- ], 8, De);
727
+ innerHTML: e.title
728
+ }, null, 8, Je)) : b("", !0),
729
+ f(t.$slots, "default")
730
+ ], 8, Ye);
1337
731
  }
1338
- const Mi = /* @__PURE__ */ y(Ce, [["render", Ne]]);
1339
- function ze(e) {
732
+ const Ka = /* @__PURE__ */ p(Qe, [["render", Xe]]);
733
+ function Ze(t) {
1340
734
  var a;
1341
- const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
1342
- if (i == 1)
735
+ const e = t.querySelector(".testimonial__images"), s = e.querySelectorAll("img").length;
736
+ if (s == 1)
1343
737
  return !1;
1344
- e.classList.add("testimonial--multi");
1345
- const s = function(o) {
1346
- const n = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
1347
- n.setAttribute("data-go", o + 1), l.setAttribute("data-go", o - 1), n.removeAttribute("disabled"), l.removeAttribute("disabled"), o == 1 ? l.setAttribute("disabled", !0) : o == i && n.setAttribute("disabled", !0);
738
+ t.classList.add("testimonial--multi");
739
+ const o = function(n) {
740
+ const i = t.querySelector(".btn-next"), d = t.querySelector(".btn-prev");
741
+ i.setAttribute("data-go", n + 1), d.setAttribute("data-go", n - 1), i.removeAttribute("disabled"), d.removeAttribute("disabled"), n == 1 ? d.setAttribute("disabled", !0) : n == s && i.setAttribute("disabled", !0);
1348
742
  };
1349
- t.addEventListener("scroll", function(o) {
743
+ e.addEventListener("scroll", function(n) {
1350
744
  clearTimeout(a), a = setTimeout(function() {
1351
- let n = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / n * i) + 1;
1352
- d == 0 && r != 0 && (p = Math.round(r / l * i) + 1), e.setAttribute("data-show", p), s(p);
745
+ let i = e.scrollWidth, d = e.scrollHeight, u = e.scrollLeft, h = e.scrollTop, g = Math.round(u / i * s) + 1;
746
+ u == 0 && h != 0 && (g = Math.round(h / d * s) + 1), t.setAttribute("data-show", g), o(g);
1353
747
  }, 300);
1354
- }, !1), e.addEventListener("click", function(o) {
1355
- for (var n = o.target; n && n != this; n = n.parentNode)
1356
- if (n.matches("[data-go]")) {
1357
- let l = parseInt(n.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
1358
- p > c ? r = Math.floor(p * ((l - 1) / i)) : d = Math.floor(c * ((l - 1) / i)), t.scroll({
1359
- top: d,
1360
- left: r,
748
+ }, !1), t.addEventListener("click", function(n) {
749
+ for (var i = n.target; i && i != this; i = i.parentNode)
750
+ if (i.matches("[data-go]")) {
751
+ let d = parseInt(i.getAttribute("data-go")), u = 0, h = 0, g = e.scrollWidth, m = e.scrollHeight;
752
+ g > m ? h = Math.floor(g * ((d - 1) / s)) : u = Math.floor(m * ((d - 1) / s)), e.scroll({
753
+ top: u,
754
+ left: h,
1361
755
  behavior: "smooth"
1362
756
  });
1363
757
  break;
1364
758
  }
1365
759
  }, !1);
1366
760
  }
1367
- const Fe = {
761
+ const et = {
1368
762
  name: "Testimonial",
1369
763
  props: {
1370
764
  items: {
@@ -1378,66 +772,66 @@ const Fe = {
1378
772
  }
1379
773
  },
1380
774
  mounted() {
1381
- ze(this.$refs.wrapper);
775
+ Ze(this.$refs.wrapper);
1382
776
  }
1383
- }, Pe = {
777
+ }, tt = {
1384
778
  class: "container testimonial mb-5",
1385
779
  "data-show": "1",
1386
780
  ref: "wrapper"
1387
- }, Ie = { class: "row" }, Oe = { class: "col-md-5 position-relative" }, Be = { class: "testimonial__images" }, Ue = ["src"], Ve = /* @__PURE__ */ f("div", { class: "testimonial__controls" }, [
1388
- /* @__PURE__ */ f("button", {
781
+ }, at = { class: "row" }, st = { class: "col-md-5 position-relative" }, it = { class: "testimonial__images" }, nt = ["src"], ot = /* @__PURE__ */ c("div", { class: "testimonial__controls" }, [
782
+ /* @__PURE__ */ c("button", {
1389
783
  "data-go": "0",
1390
784
  disabled: "",
1391
785
  class: "btn-prev"
1392
786
  }, "Previous"),
1393
- /* @__PURE__ */ f("button", {
787
+ /* @__PURE__ */ c("button", {
1394
788
  "data-go": "2",
1395
789
  class: "btn-next"
1396
790
  }, "Next")
1397
- ], -1), We = { class: "col-md-7" }, Ke = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), Ge = { class: "testimonial__content" }, Ye = ["innerHTML"], Xe = ["innerHTML"], Je = { class: "testimonial__after" }, Qe = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
1398
- function Ze(e, a, t, i, s, o) {
1399
- return m(), h("div", Pe, [
1400
- f("div", {
1401
- class: L("bg-" + t.background)
791
+ ], -1), rt = { class: "col-md-7" }, lt = /* @__PURE__ */ c("h2", null, "What our customers think…", -1), dt = { class: "testimonial__content" }, ct = ["innerHTML"], ut = ["innerHTML"], mt = { class: "testimonial__after" }, pt = /* @__PURE__ */ c("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
792
+ function ht(t, a, e, s, o, n) {
793
+ return r(), l("div", tt, [
794
+ c("div", {
795
+ class: _("bg-" + e.background)
1402
796
  }, [
1403
- f("div", Ie, [
1404
- f("div", Oe, [
1405
- f("div", Be, [
1406
- (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("img", {
1407
- key: l,
1408
- src: n.image ? n.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
797
+ c("div", at, [
798
+ c("div", st, [
799
+ c("div", it, [
800
+ (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("img", {
801
+ key: d,
802
+ src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
1409
803
  alt: "",
1410
- class: L("h-100 w-100 object-cover" + (n.image ? "" : " opacity-0"))
1411
- }, null, 10, Ue))), 128))
804
+ class: _("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
805
+ }, null, 10, nt))), 128))
1412
806
  ]),
1413
- Ve
807
+ ot
1414
808
  ]),
1415
- f("div", We, [
1416
- Ke,
1417
- f("div", Ge, [
1418
- (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("blockquote", {
1419
- key: l,
1420
- class: L(n.class)
809
+ c("div", rt, [
810
+ lt,
811
+ c("div", dt, [
812
+ (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("blockquote", {
813
+ key: d,
814
+ class: _(i.class)
1421
815
  }, [
1422
- f("div", {
1423
- innerHTML: n.quote
1424
- }, null, 8, Ye),
1425
- f("cite", {
1426
- innerHTML: n.cite
1427
- }, null, 8, Xe)
816
+ c("div", {
817
+ innerHTML: i.quote
818
+ }, null, 8, ct),
819
+ c("cite", {
820
+ innerHTML: i.cite
821
+ }, null, 8, ut)
1428
822
  ], 2))), 128))
1429
823
  ]),
1430
- f("div", Je, [
1431
- v(e.$slots, "default")
824
+ c("div", mt, [
825
+ f(t.$slots, "default")
1432
826
  ])
1433
827
  ])
1434
828
  ]),
1435
- Qe
829
+ pt
1436
830
  ], 2)
1437
831
  ], 512);
1438
832
  }
1439
- const ji = /* @__PURE__ */ y(Fe, [["render", Ze]]);
1440
- const ta = {
833
+ const Ga = /* @__PURE__ */ p(et, [["render", ht]]);
834
+ const ft = {
1441
835
  name: "Timeline",
1442
836
  props: {
1443
837
  image: {
@@ -1445,23 +839,23 @@ const ta = {
1445
839
  required: !1
1446
840
  }
1447
841
  }
1448
- }, ea = { class: "timeline" }, aa = { class: "timeline__content" }, ia = ["src"];
1449
- function na(e, a, t, i, s, o) {
1450
- return m(), h("div", ea, [
1451
- f("div", aa, [
1452
- v(e.$slots, "default")
842
+ }, bt = { class: "timeline" }, gt = { class: "timeline__content" }, yt = ["src"];
843
+ function vt(t, a, e, s, o, n) {
844
+ return r(), l("div", bt, [
845
+ c("div", gt, [
846
+ f(t.$slots, "default")
1453
847
  ]),
1454
- t.image ? (m(), h("img", {
848
+ e.image ? (r(), l("img", {
1455
849
  key: 0,
1456
- src: t.image,
850
+ src: e.image,
1457
851
  alt: ""
1458
- }, null, 8, ia)) : _("", !0)
852
+ }, null, 8, yt)) : b("", !0)
1459
853
  ]);
1460
854
  }
1461
- const Ci = /* @__PURE__ */ y(ta, [["render", na]]);
1462
- const oa = {
855
+ const Qa = /* @__PURE__ */ p(ft, [["render", vt]]);
856
+ const _t = {
1463
857
  components: {
1464
- Input: st
858
+ Input: R
1465
859
  },
1466
860
  name: "PropertySearchbar",
1467
861
  props: {
@@ -1586,8 +980,8 @@ const oa = {
1586
980
  };
1587
981
  },
1588
982
  methods: {
1589
- locationKeyup: function(e) {
1590
- this.$emit("locationKeyup", e);
983
+ locationKeyup: function(t) {
984
+ this.$emit("locationKeyup", t);
1591
985
  }
1592
986
  },
1593
987
  computed: {
@@ -1595,8 +989,8 @@ const oa = {
1595
989
  get() {
1596
990
  return this.locationSave ? this.locationSave : this.location;
1597
991
  },
1598
- set(e) {
1599
- this.locationSave = e, this.$emit("input", e);
992
+ set(t) {
993
+ this.locationSave = t, this.$emit("input", t);
1600
994
  }
1601
995
  },
1602
996
  locationsList() {
@@ -1605,130 +999,130 @@ const oa = {
1605
999
  ];
1606
1000
  }
1607
1001
  }
1608
- }, ra = {
1002
+ }, wt = {
1609
1003
  class: "container",
1610
1004
  ref: "wrapper"
1611
- }, sa = { class: "property-searchbar" }, la = ["action", "method"], da = { class: "col-12 col-md-3" }, ca = { class: "col-12 col-md" }, ua = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ma = {
1005
+ }, $t = { class: "property-searchbar" }, kt = ["action", "method"], At = { class: "col-12 col-md-3" }, xt = { class: "col-12 col-md" }, Lt = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Price range", -1), St = {
1612
1006
  class: "row",
1613
1007
  "data-input-range": ""
1614
- }, ha = { class: "col-12 col-md" }, pa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), ba = {
1008
+ }, qt = { class: "col-12 col-md" }, Et = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Tt = {
1615
1009
  class: "row",
1616
1010
  "data-input-range": ""
1617
- }, fa = { class: "col-12 col-md-2" }, ga = /* @__PURE__ */ f("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
1618
- /* @__PURE__ */ f("button", {
1011
+ }, Ht = { class: "col-12 col-md-2" }, Mt = /* @__PURE__ */ c("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
1012
+ /* @__PURE__ */ c("button", {
1619
1013
  class: "btn w-100 me-0",
1620
1014
  type: "submit",
1621
1015
  value: "submit"
1622
1016
  }, "Search")
1623
1017
  ], -1);
1624
- function ya(e, a, t, i, s, o) {
1625
- const n = K("Input");
1626
- return m(), h("div", ra, [
1627
- v(e.$slots, "default"),
1628
- f("div", sa, [
1629
- f("form", {
1018
+ function jt(t, a, e, s, o, n) {
1019
+ const i = M("Input");
1020
+ return r(), l("div", wt, [
1021
+ f(t.$slots, "default"),
1022
+ c("div", $t, [
1023
+ c("form", {
1630
1024
  class: "row",
1631
- action: t.formaction,
1632
- method: t.formmethod
1025
+ action: e.formaction,
1026
+ method: e.formmethod
1633
1027
  }, [
1634
- f("fieldset", da, [
1635
- M(n, {
1028
+ c("fieldset", At, [
1029
+ k(i, {
1636
1030
  inputClass: "input--locations",
1637
- modelValue: o.locationSet,
1638
- "onUpdate:modelValue": a[0] || (a[0] = (l) => o.locationSet = l),
1031
+ modelValue: n.locationSet,
1032
+ "onUpdate:modelValue": a[0] || (a[0] = (d) => n.locationSet = d),
1639
1033
  label: "Location",
1640
1034
  id: "location",
1641
- options: o.locationsList(),
1035
+ options: n.locationsList(),
1642
1036
  required: "",
1643
1037
  placeholder: "i.e. Newcastle or NE1",
1644
- onKeyupEvent: a[1] || (a[1] = (l) => o.locationKeyup(...arguments)),
1038
+ onKeyupEvent: a[1] || (a[1] = (d) => n.locationKeyup(...arguments)),
1645
1039
  ref: "search"
1646
1040
  }, null, 8, ["modelValue", "options"]),
1647
- M(n, {
1041
+ k(i, {
1648
1042
  class: "select--miles",
1649
1043
  label: "Miles",
1650
1044
  id: "miles",
1651
1045
  type: "select",
1652
- options: t.distances
1046
+ options: e.distances
1653
1047
  }, null, 8, ["options"])
1654
1048
  ]),
1655
- f("fieldset", ca, [
1656
- ua,
1657
- f("div", ma, [
1658
- M(n, {
1049
+ c("fieldset", xt, [
1050
+ Lt,
1051
+ c("div", St, [
1052
+ k(i, {
1659
1053
  class: "col-6",
1660
1054
  label: "Minimum price",
1661
1055
  id: "price-min",
1662
1056
  "data-min": "true",
1663
1057
  type: "select",
1664
- options: t.pricemin
1058
+ options: e.pricemin
1665
1059
  }, null, 8, ["options"]),
1666
- M(n, {
1060
+ k(i, {
1667
1061
  class: "col-6",
1668
1062
  label: "Maximum price",
1669
1063
  id: "price-max",
1670
1064
  "data-max": "true",
1671
1065
  type: "select",
1672
- options: t.pricemax
1066
+ options: e.pricemax
1673
1067
  }, null, 8, ["options"])
1674
1068
  ])
1675
1069
  ]),
1676
- f("fieldset", ha, [
1677
- pa,
1678
- f("div", ba, [
1679
- M(n, {
1070
+ c("fieldset", qt, [
1071
+ Et,
1072
+ c("div", Tt, [
1073
+ k(i, {
1680
1074
  class: "col-6",
1681
1075
  label: "Minimum beds",
1682
1076
  id: "beds-min",
1683
1077
  "data-min": "true",
1684
1078
  type: "select",
1685
- options: t.bedsmin
1079
+ options: e.bedsmin
1686
1080
  }, null, 8, ["options"]),
1687
- M(n, {
1081
+ k(i, {
1688
1082
  class: "col-6",
1689
1083
  label: "Maximum beds",
1690
1084
  id: "beds-max",
1691
1085
  "data-max": "true",
1692
1086
  type: "select",
1693
- options: t.bedsmax
1087
+ options: e.bedsmax
1694
1088
  }, null, 8, ["options"])
1695
1089
  ])
1696
1090
  ]),
1697
- f("fieldset", fa, [
1698
- M(n, {
1091
+ c("fieldset", Ht, [
1092
+ k(i, {
1699
1093
  label: "Property type",
1700
1094
  id: "property-type",
1701
1095
  type: "select",
1702
- options: t.propertytypes
1096
+ options: e.propertytypes
1703
1097
  }, null, 8, ["options"])
1704
1098
  ]),
1705
- ga
1706
- ], 8, la)
1099
+ Mt
1100
+ ], 8, kt)
1707
1101
  ]),
1708
- v(e.$slots, "after")
1102
+ f(t.$slots, "after")
1709
1103
  ], 512);
1710
1104
  }
1711
- const Di = /* @__PURE__ */ y(oa, [["render", ya]]), wa = {
1105
+ const Ya = /* @__PURE__ */ p(_t, [["render", jt]]), Ct = {
1712
1106
  components: {},
1713
1107
  name: "Nav",
1714
1108
  mounted() {
1715
1109
  this.$nextTick(function() {
1716
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-0812bdc7.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
1717
- window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
1718
- }).catch((e) => {
1719
- console.log(e.message);
1110
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-ff8d1484.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-0ee8d20f.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((t) => {
1111
+ window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
1112
+ }).catch((t) => {
1113
+ console.log(t.message);
1720
1114
  });
1721
1115
  });
1722
1116
  },
1723
1117
  methods: {}
1724
- }, va = { ref: "wrapper" };
1725
- function _a(e, a, t, i, s, o) {
1726
- return m(), h("iam-nav", va, [
1727
- v(e.$slots, "default")
1118
+ }, Nt = { ref: "wrapper" };
1119
+ function Rt(t, a, e, s, o, n) {
1120
+ return r(), l("iam-nav", Nt, [
1121
+ f(t.$slots, "default")
1728
1122
  ], 512);
1729
1123
  }
1730
- const Ri = /* @__PURE__ */ y(wa, [["render", _a]]);
1731
- const xa = {
1124
+ const Ja = /* @__PURE__ */ p(Ct, [["render", Rt]]);
1125
+ const Pt = {
1732
1126
  name: "Stepper",
1733
1127
  props: {
1734
1128
  label: {
@@ -1741,26 +1135,26 @@ const xa = {
1741
1135
  default: "Complete"
1742
1136
  }
1743
1137
  }
1744
- }, Aa = { class: "container" }, ka = ["aria-label"], La = {
1138
+ }, zt = { class: "container" }, It = ["aria-label"], Dt = {
1745
1139
  key: 0,
1746
1140
  class: "h6 stepper__start"
1747
- }, $a = { class: "list-unstyled" }, Sa = { class: "h6 stepper__end" };
1748
- function qa(e, a, t, i, s, o) {
1749
- return m(), h("div", Aa, [
1750
- f("nav", {
1141
+ }, Ft = { class: "list-unstyled" }, Vt = { class: "h6 stepper__end" };
1142
+ function Ot(t, a, e, s, o, n) {
1143
+ return r(), l("div", zt, [
1144
+ c("nav", {
1751
1145
  class: "stepper",
1752
- "aria-label": t.label ? t.label : "Progress"
1146
+ "aria-label": e.label ? e.label : "Progress"
1753
1147
  }, [
1754
- t.label ? (m(), h("span", La, $(t.label), 1)) : _("", !0),
1755
- f("ol", $a, [
1756
- v(e.$slots, "default")
1148
+ e.label ? (r(), l("span", Dt, w(e.label), 1)) : b("", !0),
1149
+ c("ol", Ft, [
1150
+ f(t.$slots, "default")
1757
1151
  ]),
1758
- f("span", Sa, $(t.endlabel), 1)
1759
- ], 8, ka)
1152
+ c("span", Vt, w(e.endlabel), 1)
1153
+ ], 8, It)
1760
1154
  ]);
1761
1155
  }
1762
- const Ni = /* @__PURE__ */ y(xa, [["render", qa]]);
1763
- const Ea = {
1156
+ const Xa = /* @__PURE__ */ p(Pt, [["render", Ot]]);
1157
+ const Bt = {
1764
1158
  name: "Snapshot",
1765
1159
  props: {
1766
1160
  items: {
@@ -1768,33 +1162,33 @@ const Ea = {
1768
1162
  required: !0
1769
1163
  }
1770
1164
  }
1771
- }, Ta = {
1165
+ }, Ut = {
1772
1166
  class: "container snapshot",
1773
1167
  ref: "wrapper"
1774
- }, Ha = { class: "row" }, Ma = ["href"], ja = { class: "lead snapshot__title" }, Ca = { class: "stat" };
1775
- function Da(e, a, t, i, s, o) {
1776
- return m(), h("div", Ta, [
1777
- v(e.$slots, "default"),
1778
- f("div", Ha, [
1779
- (m(!0), h(D, null, R(t.items, (n, l) => (m(), h("div", {
1168
+ }, Wt = { class: "row" }, Kt = ["href"], Gt = { class: "lead snapshot__title" }, Qt = { class: "stat" };
1169
+ function Yt(t, a, e, s, o, n) {
1170
+ return r(), l("div", Ut, [
1171
+ f(t.$slots, "default"),
1172
+ c("div", Wt, [
1173
+ (r(!0), l(x, null, L(e.items, (i, d) => (r(), l("div", {
1780
1174
  class: "col",
1781
- key: l
1175
+ key: d
1782
1176
  }, [
1783
- n.link ? (m(), h("a", {
1177
+ i.link ? (r(), l("a", {
1784
1178
  key: 0,
1785
- href: n.link
1786
- }, "View " + $(n.title), 9, Ma)) : _("", !0),
1787
- f("div", {
1788
- class: L(`snapshot__item ${n.bg ? "bg-" + n.bg : ""}`)
1179
+ href: i.link
1180
+ }, "View " + w(i.title), 9, Kt)) : b("", !0),
1181
+ c("div", {
1182
+ class: _(`snapshot__item ${i.bg ? "bg-" + i.bg : ""}`)
1789
1183
  }, [
1790
- f("span", ja, $(n.title), 1),
1791
- f("span", Ca, $(n.number), 1)
1184
+ c("span", Gt, w(i.title), 1),
1185
+ c("span", Qt, w(i.number), 1)
1792
1186
  ], 2)
1793
1187
  ]))), 128))
1794
1188
  ])
1795
1189
  ], 512);
1796
1190
  }
1797
- const zi = /* @__PURE__ */ y(Ea, [["render", Da]]), Ra = {
1191
+ const Za = /* @__PURE__ */ p(Bt, [["render", Yt]]), Jt = {
1798
1192
  name: "Stepper",
1799
1193
  props: {
1800
1194
  url: {
@@ -1810,43 +1204,43 @@ const zi = /* @__PURE__ */ y(Ea, [["render", Da]]), Ra = {
1810
1204
  required: !1
1811
1205
  }
1812
1206
  }
1813
- }, Na = ["href", "aria-current"], za = {
1207
+ }, Xt = ["href", "aria-current"], Zt = {
1814
1208
  key: 0,
1815
1209
  class: "visually-hidden"
1816
1210
  };
1817
- function Fa(e, a, t, i, s, o) {
1818
- return m(), h("li", null, [
1819
- f("a", {
1820
- href: t.url,
1821
- class: L(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
1822
- "aria-current": typeof t.current < "u" ? "step" : !1
1211
+ function ea(t, a, e, s, o, n) {
1212
+ return r(), l("li", null, [
1213
+ c("a", {
1214
+ href: e.url,
1215
+ class: _(`${e.status ? "bg-" + e.status : ""}${typeof e.current < "u" ? "current" : ""}`),
1216
+ "aria-current": typeof e.current < "u" ? "step" : !1
1823
1217
  }, [
1824
- f("span", null, [
1825
- v(e.$slots, "default")
1218
+ c("span", null, [
1219
+ f(t.$slots, "default")
1826
1220
  ]),
1827
- t.status ? (m(), h("em", za, " - status: " + $(t.status), 1)) : _("", !0)
1828
- ], 10, Na)
1221
+ e.status ? (r(), l("em", Zt, " - status: " + w(e.status), 1)) : b("", !0)
1222
+ ], 10, Xt)
1829
1223
  ]);
1830
1224
  }
1831
- const Fi = /* @__PURE__ */ y(Ra, [["render", Fa]]);
1832
- const Pa = {
1225
+ const es = /* @__PURE__ */ p(Jt, [["render", ea]]);
1226
+ const ta = {
1833
1227
  name: "Tabs",
1834
1228
  mounted() {
1835
1229
  this.$nextTick(function() {
1836
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-f0407824.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
1837
- window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", e.default);
1838
- }).catch((e) => {
1839
- console.log(e.message);
1230
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/tabs/tabs.component.js": () => import("./tabs.component-1dfbdb3b.mjs"), "../../../assets/js/components/tabs/tabs.component.min.js": () => import("./tabs.component.min-d050a424.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((t) => {
1231
+ window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
1232
+ }).catch((t) => {
1233
+ console.log(t.message);
1840
1234
  });
1841
1235
  });
1842
1236
  }
1843
- }, Ia = { ref: "wrapper" };
1844
- function Oa(e, a, t, i, s, o) {
1845
- return m(), h("iam-tabs", Ia, [
1846
- v(e.$slots, "default")
1237
+ }, aa = { ref: "wrapper" };
1238
+ function sa(t, a, e, s, o, n) {
1239
+ return r(), l("iam-tabs", aa, [
1240
+ f(t.$slots, "default")
1847
1241
  ], 512);
1848
1242
  }
1849
- const Pi = /* @__PURE__ */ y(Pa, [["render", Oa]]), Ba = {
1243
+ const ts = /* @__PURE__ */ p(ta, [["render", sa]]), ia = {
1850
1244
  name: "Tab",
1851
1245
  props: {
1852
1246
  title: {
@@ -1868,23 +1262,23 @@ const Pi = /* @__PURE__ */ y(Pa, [["render", Oa]]), Ba = {
1868
1262
  isDisabled: !!this.disabled
1869
1263
  };
1870
1264
  }
1871
- }, Ua = { class: "tab" }, Va = ["innerHTML"];
1872
- function Wa(e, a, t, i, s, o) {
1873
- return m(), h("details", Ua, [
1874
- f("summary", {
1875
- innerHTML: t.title,
1876
- class: L({ disabled: s.isDisabled })
1877
- }, null, 10, Va),
1878
- v(e.$slots, "default")
1265
+ }, na = { class: "tab" }, oa = ["innerHTML"];
1266
+ function ra(t, a, e, s, o, n) {
1267
+ return r(), l("details", na, [
1268
+ c("summary", {
1269
+ innerHTML: e.title,
1270
+ class: _({ disabled: o.isDisabled })
1271
+ }, null, 10, oa),
1272
+ f(t.$slots, "default")
1879
1273
  ]);
1880
1274
  }
1881
- const Ii = /* @__PURE__ */ y(Ba, [["render", Wa]]);
1882
- let lt = rt.props;
1883
- lt.fields.required = !1;
1884
- const Ka = {
1275
+ const as = /* @__PURE__ */ p(ia, [["render", ra]]);
1276
+ let P = N.props;
1277
+ P.fields.required = !1;
1278
+ const la = {
1885
1279
  components: {
1886
- Table: rt,
1887
- Input: st
1280
+ Table: N,
1281
+ Input: R
1888
1282
  },
1889
1283
  data() {
1890
1284
  return {
@@ -1893,17 +1287,17 @@ const Ka = {
1893
1287
  };
1894
1288
  },
1895
1289
  methods: {
1896
- submitForm: function(e) {
1290
+ submitForm: function(t) {
1897
1291
  console.log(this);
1898
- const a = new FormData(e.target);
1899
- let t = /* @__PURE__ */ new Date();
1900
- const i = t.getFullYear();
1901
- let s = t.getMonth() + 1, o = t.getDate();
1902
- o < 10 && (o = "0" + o), s < 10 && (s = "0" + s), t = o + "/" + s + "/" + i, this.itemsData.unshift({
1903
- date_added: t,
1292
+ const a = new FormData(t.target);
1293
+ let e = /* @__PURE__ */ new Date();
1294
+ const s = e.getFullYear();
1295
+ let o = e.getMonth() + 1, n = e.getDate();
1296
+ n < 10 && (n = "0" + n), o < 10 && (o = "0" + o), e = n + "/" + o + "/" + s, this.itemsData.unshift({
1297
+ date_added: e,
1904
1298
  user: a.get("user"),
1905
1299
  note: a.get("addNote")
1906
- }), this.$emit("formSubmitted", e);
1300
+ }), this.$emit("formSubmitted", t);
1907
1301
  }
1908
1302
  },
1909
1303
  name: "NoteFeed",
@@ -1912,7 +1306,7 @@ const Ka = {
1912
1306
  type: String,
1913
1307
  required: !0
1914
1308
  },
1915
- ...lt,
1309
+ ...P,
1916
1310
  title: {
1917
1311
  type: String,
1918
1312
  required: !1
@@ -1927,168 +1321,168 @@ const Ka = {
1927
1321
  required: !1
1928
1322
  }
1929
1323
  }
1930
- }, Ga = { class: "container note-feed mb-2" }, Ya = ["innerHTML"], Xa = ["action", "method"], Ja = ["value"], Qa = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
1931
- function Za(e, a, t, i, s, o) {
1932
- const n = K("Table"), l = K("Input");
1933
- return m(), h("div", Ga, [
1934
- t.title ? (m(), h("span", {
1324
+ }, da = { class: "container note-feed mb-2" }, ca = ["innerHTML"], ua = ["action", "method"], ma = ["value"], pa = /* @__PURE__ */ c("button", { class: "btn btn-tertiary" }, "Submit note", -1);
1325
+ function ha(t, a, e, s, o, n) {
1326
+ const i = M("Table"), d = M("Input");
1327
+ return r(), l("div", da, [
1328
+ e.title ? (r(), l("span", {
1935
1329
  key: 0,
1936
1330
  class: "h3",
1937
- innerHTML: t.title
1938
- }, null, 8, Ya)) : _("", !0),
1939
- M(n, C({
1331
+ innerHTML: e.title
1332
+ }, null, 8, ca)) : b("", !0),
1333
+ k(i, A({
1940
1334
  fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
1941
- items: s.itemsData
1942
- }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
1943
- f("form", {
1944
- action: t.action,
1945
- method: t.method,
1946
- onSubmit: a[0] || (a[0] = ft((d) => o.submitForm(...arguments), ["prevent"]))
1335
+ items: o.itemsData
1336
+ }, t.$props, { class: "mb-0" }), null, 16, ["items"]),
1337
+ c("form", {
1338
+ action: e.action,
1339
+ method: e.method,
1340
+ onSubmit: a[0] || (a[0] = O((u) => n.submitForm(...arguments), ["prevent"]))
1947
1341
  }, [
1948
- f("input", {
1342
+ c("input", {
1949
1343
  type: "hidden",
1950
- value: t.user,
1344
+ value: e.user,
1951
1345
  name: "user"
1952
- }, null, 8, Ja),
1953
- M(l, {
1346
+ }, null, 8, ma),
1347
+ k(d, {
1954
1348
  id: "addNote",
1955
1349
  type: "textarea",
1956
1350
  label: "Add note",
1957
1351
  required: "",
1958
1352
  class: "mw-100"
1959
1353
  }),
1960
- Qa
1961
- ], 40, Xa)
1354
+ pa
1355
+ ], 40, ua)
1962
1356
  ]);
1963
1357
  }
1964
- const Oi = /* @__PURE__ */ y(Ka, [["render", Za]]);
1358
+ const ss = /* @__PURE__ */ p(la, [["render", ha]]);
1965
1359
  /*!
1966
- * iamKey v5.3.0-beta1
1360
+ * iamKey v5.3.0-beta3
1967
1361
  * Copyright 2022-2024 iamproperty
1968
1362
  */
1969
- function ti(e, a) {
1970
- function t(i, s) {
1971
- let o = !1, n = s.getAttribute("name");
1972
- n.includes("[]") && (n = n.replace("[]", `[${s.value}]`));
1973
- let l = i.querySelector(`[data-name="${n}"]`);
1974
- l && s.getAttribute("type") == "checkbox" && (o = !s.checked);
1975
- let d = s.getAttribute("data-filter-text");
1976
- if (l || (l = document.createElement("button"), i.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", n), l.innerHTML = d.replace("$value", s.value), (!s.value || o) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
1977
- let r = s.parentNode.closest("[data-filter-text]"), p = !0;
1978
- if (n = "", r.querySelectorAll("input").forEach((c, u) => {
1979
- let g = c.getAttribute("name");
1980
- if (n += `${u != 0 ? "," : ""}${g}`, i.querySelector(`[data-name="${g}"]`) && i.querySelector(`[data-name="${g}"]`).remove(), c.value) {
1981
- let b = document.createElement("button");
1982
- b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", g), b.innerHTML = d.replace("$value", c.value), i.appendChild(b);
1363
+ function fa(t, a) {
1364
+ function e(s, o) {
1365
+ let n = !1, i = o.getAttribute("name");
1366
+ i.includes("[]") && (i = i.replace("[]", `[${o.value}]`));
1367
+ let d = s.querySelector(`[data-name="${i}"]`);
1368
+ d && o.getAttribute("type") == "checkbox" && (n = !o.checked);
1369
+ let u = o.getAttribute("data-filter-text");
1370
+ if (d || (d = document.createElement("button"), s.appendChild(d)), d.setAttribute("type", "button"), d.classList.add("filter"), d.setAttribute("data-name", i), d.innerHTML = u.replace("$value", o.value), (!o.value || n) && d.remove(), o.parentNode.closest("[data-filter-text]")) {
1371
+ let h = o.parentNode.closest("[data-filter-text]"), g = !0;
1372
+ if (i = "", h.querySelectorAll("input").forEach((m, y) => {
1373
+ let v = m.getAttribute("name");
1374
+ if (i += `${y != 0 ? "," : ""}${v}`, s.querySelector(`[data-name="${v}"]`) && s.querySelector(`[data-name="${v}"]`).remove(), m.value) {
1375
+ let $ = document.createElement("button");
1376
+ $.setAttribute("type", "button"), $.classList.add("filter"), $.setAttribute("data-name", v), $.innerHTML = u.replace("$value", m.value), s.appendChild($);
1983
1377
  } else
1984
- p = !1;
1985
- }), i.querySelector(`[data-name="${n}"]`) && i.querySelector(`[data-name="${n}"]`).remove(), p) {
1986
- let c = r.getAttribute("data-filter-text");
1987
- r.querySelectorAll("input").forEach((g, b) => {
1988
- let x = g.getAttribute("name");
1989
- i.querySelector(`[data-name="${x}"]`) && i.querySelector(`[data-name="${x}"]`).remove(), c = c.replace(`$${b + 1}`, g.value);
1378
+ g = !1;
1379
+ }), s.querySelector(`[data-name="${i}"]`) && s.querySelector(`[data-name="${i}"]`).remove(), g) {
1380
+ let m = h.getAttribute("data-filter-text");
1381
+ h.querySelectorAll("input").forEach((v, $) => {
1382
+ let q = v.getAttribute("name");
1383
+ s.querySelector(`[data-name="${q}"]`) && s.querySelector(`[data-name="${q}"]`).remove(), m = m.replace(`$${$ + 1}`, v.value);
1990
1384
  });
1991
- let u = document.createElement("button");
1992
- u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", n), u.innerHTML = c, i.appendChild(u);
1385
+ let y = document.createElement("button");
1386
+ y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", i), y.innerHTML = m, s.appendChild(y);
1993
1387
  }
1994
1388
  }
1995
1389
  }
1996
- Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, s) => {
1997
- t(a, i);
1998
- }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, s) => {
1999
- i.addEventListener("change", function(o) {
2000
- t(a, i), o.stopPropagation();
1390
+ Array.from(t.querySelectorAll('input[type="checkbox"]:checked')).forEach((s, o) => {
1391
+ e(a, s);
1392
+ }), Array.from(t.querySelectorAll("input[data-filter-text]")).forEach((s, o) => {
1393
+ s.addEventListener("change", function(n) {
1394
+ e(a, s), n.stopPropagation();
2001
1395
  });
2002
- }), e.addEventListener("change", function(i) {
2003
- if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
2004
- let s = i.target.closest("input[data-filter-text]");
2005
- t(a, s);
1396
+ }), t.addEventListener("change", function(s) {
1397
+ if (s && s.target instanceof HTMLElement && s.target.closest("input[data-filter-text]")) {
1398
+ let o = s.target.closest("input[data-filter-text]");
1399
+ e(a, o);
2006
1400
  }
2007
- }), a.addEventListener("click", function(i) {
2008
- if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
2009
- let n = i.target.closest(".filter"), l = n.getAttribute("data-name").split(",");
2010
- for (var s = 0; s < l.length; s++) {
2011
- let d = l[s], r = `[name="${d}"]`;
2012
- d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), r = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
2013
- let p = e.querySelectorAll(r);
2014
- for (var o = 0; o < p.length; o++) {
2015
- let c = p[o];
2016
- if (c.getAttribute("type") != "radio" && c.getAttribute("type") != "checkbox")
2017
- c.value = "";
1401
+ }), a.addEventListener("click", function(s) {
1402
+ if (s && s.target instanceof HTMLElement && s.target.closest(".filter")) {
1403
+ let i = s.target.closest(".filter"), d = i.getAttribute("data-name").split(",");
1404
+ for (var o = 0; o < d.length; o++) {
1405
+ let u = d[o], h = `[name="${u}"]`;
1406
+ u.match(/\[(.*)\]/) && (u.replace(/\[(.*)\]/, "[]"), h = `[value="${u.replace(/.*\[(.*)\]/, "$1")}"]`);
1407
+ let g = t.querySelectorAll(h);
1408
+ for (var n = 0; n < g.length; n++) {
1409
+ let m = g[n];
1410
+ if (m.getAttribute("type") != "radio" && m.getAttribute("type") != "checkbox")
1411
+ m.value = "";
2018
1412
  else {
2019
- c.checked = !1;
2020
- var i = new Event("force");
2021
- e.hasAttribute("data-nosubmit") || c.closest("form").dispatchEvent(i);
1413
+ m.checked = !1;
1414
+ var s = new Event("force");
1415
+ t.hasAttribute("data-nosubmit") || m.closest("form").dispatchEvent(s);
2022
1416
  }
2023
1417
  }
2024
1418
  }
2025
- n.remove();
1419
+ i.remove();
2026
1420
  }
2027
1421
  }, !1);
2028
1422
  }
2029
1423
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
2030
- class ei extends HTMLElement {
1424
+ class ba extends HTMLElement {
2031
1425
  constructor() {
2032
1426
  super(), this.attachShadow({ mode: "open" });
2033
- 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`;
2034
- let i = this.classList.toString();
2035
- const s = document.createElement("template");
2036
- s.innerHTML = `
1427
+ 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`;
1428
+ let s = this.classList.toString();
1429
+ const o = document.createElement("template");
1430
+ o.innerHTML = `
2037
1431
  <style>
2038
- @import "${t}";
1432
+ @import "${e}";
2039
1433
  .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 */
2040
1434
 
2041
1435
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2042
1436
  </style>
2043
- <div class="applied-filters ${i}"></div>
1437
+ <div class="applied-filters ${s}"></div>
2044
1438
  <slot></slot>
2045
- `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
1439
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
2046
1440
  }
2047
1441
  connectedCallback() {
2048
- ti(this, this.shadowRoot.querySelector(".applied-filters"));
1442
+ fa(this, this.shadowRoot.querySelector(".applied-filters"));
2049
1443
  }
2050
1444
  }
2051
- window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", ei);
2052
- const ai = {
1445
+ window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", ba);
1446
+ const ga = {
2053
1447
  name: "Header"
2054
1448
  };
2055
- function ii(e, a, t, i, s, o) {
2056
- return m(), h("iam-applied-filters", null, [
2057
- v(e.$slots, "default")
1449
+ function ya(t, a, e, s, o, n) {
1450
+ return r(), l("iam-applied-filters", null, [
1451
+ f(t.$slots, "default")
2058
1452
  ]);
2059
1453
  }
2060
- const Bi = /* @__PURE__ */ y(ai, [["render", ii]]);
1454
+ const is = /* @__PURE__ */ p(ga, [["render", ya]]);
2061
1455
  /*!
2062
- * iamKey v5.3.0-beta1
1456
+ * iamKey v5.3.0-beta3
2063
1457
  * Copyright 2022-2024 iamproperty
2064
1458
  */
2065
- function ni(e, a) {
2066
- oi(e, a);
1459
+ function va(t, a) {
1460
+ _a(t, a);
2067
1461
  }
2068
- function oi(e, a) {
2069
- var t;
2070
- a.addEventListener("keyup", (i) => {
2071
- clearTimeout(t), t = setTimeout(function() {
2072
- Z(e, a.value);
1462
+ function _a(t, a) {
1463
+ var e;
1464
+ a.addEventListener("keyup", (s) => {
1465
+ clearTimeout(e), e = setTimeout(function() {
1466
+ C(t, a.value);
2073
1467
  }, 500);
2074
- }), a.addEventListener("change", (i) => {
2075
- clearTimeout(t), Z(e, a.value);
1468
+ }), a.addEventListener("change", (s) => {
1469
+ clearTimeout(e), C(t, a.value);
2076
1470
  });
2077
1471
  }
2078
- const Z = function(e, a) {
2079
- Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
2080
- let s = t.textContent.toLowerCase();
2081
- t.classList.add("d-none"), s.includes(a.toLowerCase()) && t.classList.remove("d-none");
1472
+ const C = function(t, a) {
1473
+ Array.from(t.querySelectorAll(":scope > li")).forEach((e, s) => {
1474
+ let o = e.textContent.toLowerCase();
1475
+ e.classList.add("d-none"), o.includes(a.toLowerCase()) && e.classList.remove("d-none");
2082
1476
  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
2083
1477
  };
2084
1478
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
2085
- class ri extends HTMLElement {
1479
+ class wa extends HTMLElement {
2086
1480
  constructor() {
2087
1481
  super(), this.attachShadow({ mode: "open" });
2088
- 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`, i = document.createElement("template");
2089
- i.innerHTML = `
1482
+ 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`, s = document.createElement("template");
1483
+ s.innerHTML = `
2090
1484
  <style>
2091
- @import "${t}";
1485
+ @import "${e}";
2092
1486
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2093
1487
 
2094
1488
  :host {
@@ -2113,86 +1507,86 @@ class ri extends HTMLElement {
2113
1507
  <div class="list__wrapper">
2114
1508
  <slot></slot>
2115
1509
  </div>
2116
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
1510
+ `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
2117
1511
  }
2118
1512
  connectedCallback() {
2119
1513
  let a = this.classList.toString();
2120
- 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>'), ni(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
1514
+ 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>'), va(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
2121
1515
  }
2122
1516
  }
2123
- window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", ri);
2124
- const si = {
1517
+ window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", wa);
1518
+ const $a = {
2125
1519
  name: "Filter list"
2126
1520
  };
2127
- function li(e, a, t, i, s, o) {
2128
- return m(), h("iam-filterlist", null, [
2129
- v(e.$slots, "default")
1521
+ function ka(t, a, e, s, o, n) {
1522
+ return r(), l("iam-filterlist", null, [
1523
+ f(t.$slots, "default")
2130
1524
  ]);
2131
1525
  }
2132
- const Ui = /* @__PURE__ */ y(si, [["render", li]]);
2133
- function di(e) {
2134
- if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
2135
- let t = document.querySelector(".notification__holder");
2136
- 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);
1526
+ const ns = /* @__PURE__ */ p($a, [["render", ka]]);
1527
+ function Aa(t) {
1528
+ if (t.hasAttribute("data-type") && t.getAttribute("data-type") == "toast") {
1529
+ let e = document.querySelector(".notification__holder");
1530
+ 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);
2137
1531
  }
2138
- if (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
2139
- event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
2140
- }, !1), e.hasAttribute("data-timeout")) {
2141
- let t = e.getAttribute("data-timeout");
2142
- var a = new ci(function() {
2143
- X(e);
2144
- }, t);
2145
- e.addEventListener("mouseenter", (i) => {
1532
+ if (t.setAttribute("role", "alert"), t.addEventListener("click", function(e) {
1533
+ event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (e.preventDefault(), j(t));
1534
+ }, !1), t.hasAttribute("data-timeout")) {
1535
+ let e = t.getAttribute("data-timeout");
1536
+ var a = new xa(function() {
1537
+ j(t);
1538
+ }, e);
1539
+ t.addEventListener("mouseenter", (s) => {
2146
1540
  a.pause();
2147
- }), e.addEventListener("mouseleave", (i) => {
1541
+ }), t.addEventListener("mouseleave", (s) => {
2148
1542
  a.resume();
2149
1543
  });
2150
1544
  }
2151
1545
  }
2152
- function ci(e, a) {
2153
- var t, i, s = a;
1546
+ function xa(t, a) {
1547
+ var e, s, o = a;
2154
1548
  this.pause = function() {
2155
- window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - i;
1549
+ window.clearTimeout(e), o -= /* @__PURE__ */ new Date() - s;
2156
1550
  }, this.resume = function() {
2157
- i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
1551
+ s = /* @__PURE__ */ new Date(), window.clearTimeout(e), e = window.setTimeout(t, o);
2158
1552
  }, this.resume();
2159
1553
  }
2160
- const X = function(e) {
2161
- e.classList.add("d-none");
1554
+ const j = function(t) {
1555
+ t.classList.add("d-none");
2162
1556
  };
2163
1557
  window.dataLayer = window.dataLayer || [];
2164
1558
  window.dataLayer.push({
2165
1559
  event: "customElementRegistered",
2166
1560
  element: "Notification"
2167
1561
  });
2168
- class ui extends HTMLElement {
1562
+ class La extends HTMLElement {
2169
1563
  constructor() {
2170
1564
  super(), this.attachShadow({ mode: "open" });
2171
- 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`, i = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, o = this.querySelectorAll("a,button");
2172
- Array.from(o).forEach((l, d) => {
2173
- l.setAttribute("slot", "btns"), l.classList.add("link");
2174
- }), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
2175
- const n = document.createElement("template");
2176
- n.innerHTML = `
1565
+ 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`, s = `@import "${a}/css/components/notification.css";`, o = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
1566
+ Array.from(n).forEach((d, u) => {
1567
+ d.setAttribute("slot", "btns"), d.classList.add("link");
1568
+ }), (n.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
1569
+ const i = document.createElement("template");
1570
+ i.innerHTML = `
2177
1571
  <style>
2178
- @import "${t}";
2179
- ${i}
1572
+ @import "${e}";
1573
+ ${s}
2180
1574
  ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
2181
1575
  </style>
2182
1576
 
2183
1577
  <div class="notification">
2184
1578
  <div class="notification__icon"><slot name="icon"></slot></div>
2185
- <div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
1579
+ <div class="notification__inner"><div class="notification__text"><slot></slot></div>${n.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
2186
1580
  ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
2187
1581
  </div>
2188
- `, this.shadowRoot.appendChild(n.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
1582
+ `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${o}</style>`);
2189
1583
  }
2190
1584
  connectedCallback() {
2191
- const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
2192
- this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
2193
- const i = this;
1585
+ const a = this.shadowRoot.querySelector("[data-dismiss-button]"), e = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
1586
+ this.hasAttribute("data-type") ? this.classList.add(`bg-${e}`) : this.classList.add(`colour-${e}`);
1587
+ const s = this;
2194
1588
  if (!this.querySelector("i"))
2195
- switch (t) {
1589
+ switch (e) {
2196
1590
  case "danger":
2197
1591
  this.innerHTML += '<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';
2198
1592
  break;
@@ -2205,88 +1599,196 @@ class ui extends HTMLElement {
2205
1599
  default:
2206
1600
  this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
2207
1601
  }
2208
- di(i), a && a.addEventListener("click", function(s) {
2209
- X(i);
1602
+ Aa(s), a && a.addEventListener("click", function(o) {
1603
+ j(s);
2210
1604
  }, !1);
2211
1605
  }
2212
1606
  }
2213
- const mi = {
1607
+ const Sa = {
2214
1608
  name: "Notification",
2215
1609
  props: {},
2216
1610
  created() {
2217
1611
  this.$nextTick(function() {
2218
- window.customElements.get("iam-notification") || window.customElements.define("iam-notification", ui);
1612
+ window.customElements.get("iam-notification") || window.customElements.define("iam-notification", La);
2219
1613
  });
2220
1614
  }
2221
1615
  };
2222
- function hi(e, a, t, i, s, o) {
2223
- return m(), h("iam-notification", null, [
2224
- v(e.$slots, "default")
1616
+ function qa(t, a, e, s, o, n) {
1617
+ return r(), l("iam-notification", null, [
1618
+ f(t.$slots, "default")
2225
1619
  ]);
2226
1620
  }
2227
- const Vi = /* @__PURE__ */ y(mi, [["render", hi]]), pi = {
1621
+ const os = /* @__PURE__ */ p(Sa, [["render", qa]]), Ea = {
2228
1622
  name: "Actionbar",
2229
1623
  props: {},
2230
1624
  mounted() {
2231
1625
  this.$nextTick(function() {
2232
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-d93c7710.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
2233
- window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", e.default);
2234
- }).catch((e) => {
2235
- console.log(e.message);
1626
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/actionbar/actionbar.component.js": () => import("./actionbar.component-3f2c98c0.mjs"), "../../../assets/js/components/actionbar/actionbar.component.min.js": () => import("./actionbar.component.min-12c6aab8.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((t) => {
1627
+ window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
1628
+ }).catch((t) => {
1629
+ console.log(t.message);
2236
1630
  });
2237
1631
  });
2238
1632
  }
2239
1633
  };
2240
- function bi(e, a, t, i, s, o) {
2241
- return m(), h("iam-actionbar", null, [
2242
- v(e.$slots, "default")
1634
+ function Ta(t, a, e, s, o, n) {
1635
+ return r(), l("iam-actionbar", null, [
1636
+ f(t.$slots, "default")
2243
1637
  ]);
2244
1638
  }
2245
- const Wi = /* @__PURE__ */ y(pi, [["render", bi]]), fi = {
1639
+ const rs = /* @__PURE__ */ p(Ea, [["render", Ta]]);
1640
+ /*!
1641
+ * iamKey v5.3.0-beta3
1642
+ * Copyright 2022-2024 iamproperty
1643
+ */
1644
+ class z extends HTMLElement {
1645
+ constructor() {
1646
+ super(), this.attachShadow({ mode: "open" });
1647
+ 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`, s = document.createElement("template");
1648
+ s.innerHTML = `
1649
+ <style>
1650
+ @import "${e}";
1651
+ :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:3.25rem;line-height:3.25rem;margin-left:-1rem;padding-left:1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-light)}*:where(.prev,.next):is(:active):not(:disabled){background-color:#e0e0e0}@media screen and (prefers-color-scheme: dark){*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-canvas)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--colour-canvas)}}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
1652
+
1653
+
1654
+ ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
1655
+ </style>
1656
+ <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
1657
+ <div class="pagination d-none">
1658
+
1659
+ <div class="minimal" part="minimal">
1660
+ <div class="page-jump">
1661
+ <div><select class="select--minimal"></select></div>
1662
+ <span class="total-pages"></span>
1663
+ </div>
1664
+
1665
+ <button class="prev" disabled>Prev</button>
1666
+ <button class="next" disabled>Next</button>
1667
+ </div>
1668
+
1669
+ <div class="item-count" part="item-count"></div>
1670
+ <div class="per-page" part="per-page">
1671
+ <div>
1672
+ <select class="select--minimal">
1673
+ <option value="15">15</option>
1674
+ <option value="25">25</option>
1675
+ <option value="40">40</option>
1676
+ <option value="50">50</option>
1677
+ </select>
1678
+ </div>
1679
+ <span> / page</span>
1680
+ </div>
1681
+ <div class="mobile-controls m-auto text-center">
1682
+ <i class="fa-solid fa-spinner fa-spin"></i>
1683
+ <button class="load-more btn btn-primary m-auto">Load more</a>
1684
+ </div>
1685
+ </div>
1686
+ `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
1687
+ }
1688
+ connectedCallback() {
1689
+ const a = new URLSearchParams(window.location.search);
1690
+ this.hasAttribute("data-total") || this.setAttribute("data-total", 15), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", a.has("show") ? a.get("show") : 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", this.getAttribute("data-show"));
1691
+ const e = this.shadowRoot.querySelector(".page-jump select"), s = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), i = this.shadowRoot.querySelector(".load-more");
1692
+ this.setup(), e.addEventListener("change", (d) => {
1693
+ this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", d.target.value);
1694
+ }), o.addEventListener("click", (d) => {
1695
+ e.value = parseInt(e.value) + 1, e.dispatchEvent(new Event("change"));
1696
+ }), s.addEventListener("click", (d) => {
1697
+ e.value = parseInt(e.value) - 1, e.dispatchEvent(new Event("change"));
1698
+ }), n.addEventListener("change", (d) => {
1699
+ this.setAttribute("data-increment", d.target.value);
1700
+ }), i.addEventListener("click", (d) => {
1701
+ let u = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
1702
+ this.setAttribute("data-show", u), u > parseInt(this.getAttribute("data-total")) && i.remove();
1703
+ });
1704
+ }
1705
+ setup() {
1706
+ const a = this.shadowRoot.querySelector(".pagination"), e = this.shadowRoot.querySelector(".page-jump select"), s = this.shadowRoot.querySelector(".prev"), o = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), i = this.shadowRoot.querySelector(".per-page select"), d = this.shadowRoot.querySelector(".total-pages"), u = parseInt(this.getAttribute("data-page")), h = parseInt(this.getAttribute("data-total")), g = parseInt(this.getAttribute("data-show")), m = parseInt(this.getAttribute("data-increment")), y = Math.ceil(h / m);
1707
+ h > g && a.classList.remove("d-none");
1708
+ let v = "";
1709
+ for (let E = 1; E <= y; E++)
1710
+ v += `<option value="${E}" ${E == u ? "selected" : ""}>${E}</option>`;
1711
+ e.innerHTML = v, d.innerHTML = `of ${y}`, u == y ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled"), u == 1 ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled");
1712
+ let $ = u == 1 ? 1 : (u - 1) * g + 1, q = u == 1 ? g : u * g;
1713
+ n.innerHTML = `${$} - ${q > h ? h : q} of ${h} items`;
1714
+ const I = [15, 25, 40, 50];
1715
+ m && i.value != m && !I.includes(m) && (i.innerHTML = `<option value="${m}">${m}</option>
1716
+ <option value="${m * 2}">${m * 2}</option>
1717
+ <option value="${m * 3}">${m * 3}</option>
1718
+ <option value="${m * 4}">${m * 4}</option>`), i.value = m;
1719
+ }
1720
+ static get observedAttributes() {
1721
+ return ["data-total", "data-increment", "data-page", "data-show"];
1722
+ }
1723
+ attributeChangedCallback(a, e, s) {
1724
+ switch (a) {
1725
+ case "data-total": {
1726
+ e != s && (this.setAttribute("data-page", 1), this.setup());
1727
+ break;
1728
+ }
1729
+ case "data-show": {
1730
+ e != s && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: s } })));
1731
+ break;
1732
+ }
1733
+ case "data-increment": {
1734
+ e != s && (this.setAttribute("data-show", s), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: s } })));
1735
+ break;
1736
+ }
1737
+ case "data-page": {
1738
+ e && e != s && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: s } })));
1739
+ break;
1740
+ }
1741
+ }
1742
+ }
1743
+ }
1744
+ const Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1745
+ __proto__: null,
1746
+ default: z
1747
+ }, Symbol.toStringTag, { value: "Module" })), Ma = {
2246
1748
  name: "Pagination",
2247
1749
  props: {},
2248
1750
  computed: {},
2249
1751
  created() {
2250
1752
  this.$nextTick(function() {
2251
- window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", ot);
1753
+ window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", z);
2252
1754
  });
2253
1755
  },
2254
1756
  updated() {
2255
1757
  }
2256
1758
  };
2257
- function gi(e, a, t, i, s, o) {
2258
- return m(), h("iam-pagination");
1759
+ function ja(t, a, e, s, o, n) {
1760
+ return r(), l("iam-pagination");
2259
1761
  }
2260
- const Ki = /* @__PURE__ */ y(fi, [["render", gi]]), yi = {
1762
+ const ls = /* @__PURE__ */ p(Ma, [["render", ja]]), Ca = {
2261
1763
  name: "Address Lookup",
2262
1764
  mounted() {
2263
1765
  this.$nextTick(function() {
2264
- N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-6bae4154.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-54ce7f2f.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
2265
- window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", e.default);
2266
- }).catch((e) => {
2267
- console.log(e.message);
1766
+ S(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-6bae4154.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-54ce7f2f.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((t) => {
1767
+ window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", t.default);
1768
+ }).catch((t) => {
1769
+ console.log(t.message);
2268
1770
  });
2269
1771
  });
2270
1772
  }
2271
1773
  };
2272
- function wi(e, a, t, i, s, o) {
2273
- return m(), h("iam-address-lookup", null, [
2274
- v(e.$slots, "default")
1774
+ function Na(t, a, e, s, o, n) {
1775
+ return r(), l("iam-address-lookup", null, [
1776
+ f(t.$slots, "default")
2275
1777
  ]);
2276
1778
  }
2277
- const Gi = /* @__PURE__ */ y(yi, [["render", wi]]);
1779
+ const ds = /* @__PURE__ */ p(Ca, [["render", Na]]);
2278
1780
  /*!
2279
- * iamKey v5.3.0-beta1
1781
+ * iamKey v5.3.0-beta3
2280
1782
  * Copyright 2022-2024 iamproperty
2281
1783
  */
2282
1784
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
2283
- class vi extends HTMLElement {
1785
+ class Ra extends HTMLElement {
2284
1786
  constructor() {
2285
1787
  super(), this.attachShadow({ mode: "open" });
2286
- 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`, i = document.createElement("template");
2287
- i.innerHTML = `
1788
+ 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`, s = document.createElement("template");
1789
+ s.innerHTML = `
2288
1790
  <style class="styles">
2289
- @import "${t}";
1791
+ @import "${e}";
2290
1792
  :host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu .btn[aria-expanded][class*=fa-]:before{content:"" !important}@media screen and (min-width: 62em){.side-menu .btn[aria-expanded]{opacity:0;transition:opacity .5s}.side-menu .btn[aria-expanded]:is(:hover,:focus,:active){opacity:1}}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,[aria-expanded])){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu][aria-expanded]){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu][aria-expanded]):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu][aria-expanded]):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
2291
1793
 
2292
1794
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -2306,68 +1808,68 @@ class vi extends HTMLElement {
2306
1808
  </div>
2307
1809
 
2308
1810
  </div>
2309
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
1811
+ `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
2310
1812
  }
2311
1813
  connectedCallback() {
2312
- const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), s = this.shadowRoot.querySelector(".side-menu > .btn");
2313
- this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), s.addEventListener("click", (o) => {
2314
- a.classList.contains("open") ? (a.classList.remove("open"), s.removeAttribute("aria-expanded"), setTimeout(function() {
2315
- t.classList.add("closed");
1814
+ const a = this.shadowRoot.querySelector(".side-menu"), e = this.shadowRoot.querySelector(".side-menu-content"), s = this.shadowRoot.querySelector(".main-content"), o = this.shadowRoot.querySelector(".side-menu > .btn");
1815
+ this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), e.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), s.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), o.addEventListener("click", (n) => {
1816
+ a.classList.contains("open") ? (a.classList.remove("open"), o.removeAttribute("aria-expanded"), setTimeout(function() {
1817
+ e.classList.add("closed");
2316
1818
  }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
2317
1819
  a.classList.remove("pe-none");
2318
- }, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
2319
- a.classList.add("open"), s.setAttribute("aria-expanded", !0);
1820
+ }, 1e3)) : (e.classList.remove("closed"), setTimeout(function() {
1821
+ a.classList.add("open"), o.setAttribute("aria-expanded", !0);
2320
1822
  }, 100));
2321
- }), a.addEventListener("mouseenter", (o) => {
2322
- window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
2323
- }), a.addEventListener("mousemove", (o) => {
2324
- window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
2325
- }), a.addEventListener("mouseleave", (o) => {
1823
+ }), a.addEventListener("mouseenter", (n) => {
1824
+ window.innerWidth > 992 && (a.classList.contains("open") || e.classList.remove("closed"), a.classList.add("hover"));
1825
+ }), a.addEventListener("mousemove", (n) => {
1826
+ window.innerWidth > 992 && (a.classList.contains("open") || e.classList.remove("closed"));
1827
+ }), a.addEventListener("mouseleave", (n) => {
2326
1828
  window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
2327
- t.classList.add("closed");
1829
+ e.classList.add("closed");
2328
1830
  }, 1e3));
2329
1831
  });
2330
1832
  }
2331
1833
  }
2332
- window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", vi);
2333
- const _i = {
1834
+ window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Ra);
1835
+ const Pa = {
2334
1836
  name: "CollapsibleSideMenu",
2335
1837
  props: {},
2336
1838
  mounted() {
2337
1839
  }
2338
1840
  };
2339
- function xi(e, a, t, i, s, o) {
2340
- return m(), h("iam-collapsible-side", null, [
2341
- v(e.$slots, "default")
1841
+ function za(t, a, e, s, o, n) {
1842
+ return r(), l("iam-collapsible-side", null, [
1843
+ f(t.$slots, "default")
2342
1844
  ]);
2343
1845
  }
2344
- const Yi = /* @__PURE__ */ y(_i, [["render", xi]]);
1846
+ const cs = /* @__PURE__ */ p(Pa, [["render", za]]);
2345
1847
  export {
2346
- Si as Accordion,
2347
- qi as AccordionItem,
2348
- Wi as Actionbar,
2349
- Gi as AddressLookup,
2350
- Bi as AppliedFilters,
2351
- Ei as Banner,
2352
- Ti as Card,
2353
- Hi as Carousel,
2354
- Yi as CollapsibleSideMenu,
2355
- $i as FileUpload,
2356
- Ui as Filterlist,
2357
- Mi as Header,
2358
- st as Input,
2359
- Li as Logo,
2360
- Ri as Nav,
2361
- Oi as NoteFeed,
2362
- Vi as Notification,
2363
- Ki as Pagination,
2364
- Di as PropertySearchbar,
2365
- zi as Snapshot,
2366
- Fi as Step,
2367
- Ni as Stepper,
2368
- Ii as Tab,
2369
- rt as Table,
2370
- Pi as Tabs,
2371
- ji as Testimonial,
2372
- Ci as Timeline
1848
+ Va as Accordion,
1849
+ Oa as AccordionItem,
1850
+ rs as Actionbar,
1851
+ ds as AddressLookup,
1852
+ is as AppliedFilters,
1853
+ Ba as Banner,
1854
+ Ua as Card,
1855
+ Wa as Carousel,
1856
+ cs as CollapsibleSideMenu,
1857
+ Fa as FileUpload,
1858
+ ns as Filterlist,
1859
+ Ka as Header,
1860
+ R as Input,
1861
+ Da as Logo,
1862
+ Ja as Nav,
1863
+ ss as NoteFeed,
1864
+ os as Notification,
1865
+ ls as Pagination,
1866
+ Ya as PropertySearchbar,
1867
+ Za as Snapshot,
1868
+ es as Step,
1869
+ Xa as Stepper,
1870
+ as as Tab,
1871
+ N as Table,
1872
+ ts as Tabs,
1873
+ Ga as Testimonial,
1874
+ Qa as Timeline
2373
1875
  };