@iamproperty/components 5.0.0 → 5.1.0-beta2

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 (155) hide show
  1. package/assets/css/components/accordion.css +1 -1
  2. package/assets/css/components/accordion.css.map +1 -1
  3. package/assets/css/components/accordion.global.css +1 -0
  4. package/assets/css/components/accordion.global.css.map +1 -0
  5. package/assets/css/components/actionbar.css +1 -1
  6. package/assets/css/components/actionbar.css.map +1 -1
  7. package/assets/css/components/actionbar.global.css +1 -0
  8. package/assets/css/components/actionbar.global.css.map +1 -0
  9. package/assets/css/components/card.css +1 -1
  10. package/assets/css/components/card.css.map +1 -1
  11. package/assets/css/components/card.global.css +1 -0
  12. package/assets/css/components/card.global.css.map +1 -0
  13. package/assets/css/components/component.native.css +1 -0
  14. package/assets/css/components/component.native.css.map +1 -0
  15. package/assets/css/components/component.reset.css +1 -1
  16. package/assets/css/components/component.reset.css.map +1 -1
  17. package/assets/css/components/header.css +1 -1
  18. package/assets/css/components/header.css.map +1 -1
  19. package/assets/css/components/{nav-global.css → nav.global.css} +1 -1
  20. package/assets/css/components/{nav-global.css.map → nav.global.css.map} +1 -1
  21. package/assets/css/components/notification.global.css +1 -0
  22. package/assets/css/components/notification.global.css.map +1 -0
  23. package/assets/css/components/slider.css +1 -0
  24. package/assets/css/components/slider.css.map +1 -0
  25. package/assets/css/components/table.css +1 -1
  26. package/assets/css/components/table.css.map +1 -1
  27. package/assets/css/components/{table.extras.css → table.global.css} +1 -1
  28. package/assets/css/components/{table.extras.css.map → table.global.css.map} +1 -1
  29. package/assets/css/components/tabs.css +1 -1
  30. package/assets/css/components/tabs.css.map +1 -1
  31. package/assets/css/core.min.css +1 -1
  32. package/assets/css/core.min.css.map +1 -1
  33. package/assets/css/style.min.css +1 -1
  34. package/assets/css/style.min.css.map +1 -1
  35. package/assets/img/illustrations/add-new-property.png +0 -0
  36. package/assets/img/illustrations/auctioneer.png +0 -0
  37. package/assets/img/illustrations/branch.png +0 -0
  38. package/assets/img/illustrations/company-level.png +0 -0
  39. package/assets/img/illustrations/contractors.png +0 -0
  40. package/assets/img/illustrations/find-existing-property.png +0 -0
  41. package/assets/img/illustrations/green/add-new-property.png +0 -0
  42. package/assets/img/illustrations/green/auctioneer.png +0 -0
  43. package/assets/img/illustrations/green/branch.png +0 -0
  44. package/assets/img/illustrations/green/buyer.png +0 -0
  45. package/assets/img/illustrations/green/company-level.png +0 -0
  46. package/assets/img/illustrations/green/contractors.png +0 -0
  47. package/assets/img/illustrations/green/estate-agents.png +0 -0
  48. package/assets/img/illustrations/green/find-existing-property.png +0 -0
  49. package/assets/img/illustrations/green/landlords.png +0 -0
  50. package/assets/img/illustrations/green/seller.png +0 -0
  51. package/assets/img/illustrations/green/whats-new-2.png +0 -0
  52. package/assets/img/illustrations/green/whats-new.png +0 -0
  53. package/assets/img/illustrations/information-works.png +0 -0
  54. package/assets/img/illustrations/landlords.png +0 -0
  55. package/assets/img/illustrations/whats-new-2.png +0 -0
  56. package/assets/img/illustrations/whats-new.png +0 -0
  57. package/assets/js/components/accordion/accordion.component.js +4 -0
  58. package/assets/js/components/accordion/accordion.component.min.js +6 -5
  59. package/assets/js/components/accordion/accordion.component.min.js.map +1 -1
  60. package/assets/js/components/actionbar/actionbar.component.js +4 -0
  61. package/assets/js/components/actionbar/actionbar.component.min.js +5 -4
  62. package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
  63. package/assets/js/components/address-lookup/address-lookup.component.js +1 -1
  64. package/assets/js/components/address-lookup/address-lookup.component.min.js +2 -2
  65. package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
  66. package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
  67. package/assets/js/components/card/card.component.js +4 -0
  68. package/assets/js/components/card/card.component.min.js +4 -3
  69. package/assets/js/components/card/card.component.min.js.map +1 -1
  70. package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
  71. package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
  72. package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
  73. package/assets/js/components/header/header.component.min.js +2 -2
  74. package/assets/js/components/nav/nav.component.js +4 -0
  75. package/assets/js/components/nav/nav.component.min.js +4 -3
  76. package/assets/js/components/nav/nav.component.min.js.map +1 -1
  77. package/assets/js/components/notification/notification.component.js +4 -0
  78. package/assets/js/components/notification/notification.component.min.js +4 -3
  79. package/assets/js/components/notification/notification.component.min.js.map +1 -1
  80. package/assets/js/components/pagination/pagination.component.min.js +1 -1
  81. package/assets/js/components/slider/slider.component.js +143 -0
  82. package/assets/js/components/table/table.component.js +1 -1
  83. package/assets/js/components/table/table.component.min.js +3 -3
  84. package/assets/js/components/table/table.component.min.js.map +1 -1
  85. package/assets/js/components/tabs/tabs.component.js +2 -0
  86. package/assets/js/components/tabs/tabs.component.min.js +5 -3
  87. package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
  88. package/assets/js/dynamic.min.js +5 -5
  89. package/assets/js/dynamic.min.js.map +1 -1
  90. package/assets/js/modules/dynamicEvents.js +18 -11
  91. package/assets/js/modules/helpers.js +1 -1
  92. package/assets/js/modules/inputs.js +44 -3
  93. package/assets/js/modules/tabs.js +29 -31
  94. package/assets/js/scripts.bundle.js +24 -23
  95. package/assets/js/scripts.bundle.js.map +1 -1
  96. package/assets/js/scripts.bundle.min.js +2 -2
  97. package/assets/js/scripts.bundle.min.js.map +1 -1
  98. package/assets/js/tests/slider.spec.js +20 -0
  99. package/assets/sass/_components.scss +0 -6
  100. package/assets/sass/_corefiles.scss +8 -88
  101. package/assets/sass/_elements.scss +0 -1
  102. package/assets/sass/components/accordion.global.scss +135 -0
  103. package/assets/sass/components/accordion.scss +6 -192
  104. package/assets/sass/components/{actionbar-global.scss → actionbar.global.scss} +3 -1
  105. package/assets/sass/components/actionbar.scss +2 -2
  106. package/assets/sass/components/{card-global.scss → card.global.scss} +2 -23
  107. package/assets/sass/components/card.scss +21 -0
  108. package/assets/sass/components/component.native.scss +37 -0
  109. package/assets/sass/components/component.reset.scss +1 -3
  110. package/assets/sass/components/header.scss +6 -1
  111. package/assets/sass/components/notification.global.scss +41 -0
  112. package/assets/sass/components/slider.scss +121 -0
  113. package/assets/sass/components/{table.extras.scss → table.global.scss} +5 -1
  114. package/assets/sass/components/table.scss +1 -1
  115. package/assets/sass/components/tabs.scss +2 -5
  116. package/assets/sass/core.scss +1 -2
  117. package/assets/sass/elements/container.scss +17 -0
  118. package/assets/sass/elements/forms.scss +138 -10
  119. package/assets/sass/elements/table.element.scss +1 -2
  120. package/assets/sass/error.scss +1 -1
  121. package/assets/sass/foundations/reboot.scss +48 -0
  122. package/assets/sass/main.scss +0 -1
  123. package/assets/sass/templates/form.scss +1 -0
  124. package/assets/ts/components/accordion/accordion.component.ts +5 -0
  125. package/assets/ts/components/actionbar/actionbar.component.ts +5 -0
  126. package/assets/ts/components/address-lookup/address-lookup.component.ts +1 -1
  127. package/assets/ts/components/card/card.component.ts +5 -0
  128. package/assets/ts/components/nav/nav.component.ts +5 -0
  129. package/assets/ts/components/notification/notification.component.ts +4 -0
  130. package/assets/ts/components/slider/README.md +26 -0
  131. package/assets/ts/components/slider/slider.component.ts +189 -0
  132. package/assets/ts/components/table/table.component.ts +1 -1
  133. package/assets/ts/components/tabs/tabs.component.ts +2 -0
  134. package/assets/ts/modules/dynamicEvents.ts +31 -22
  135. package/assets/ts/modules/helpers.ts +1 -1
  136. package/assets/ts/modules/inputs.ts +61 -4
  137. package/assets/ts/modules/tabs.ts +38 -41
  138. package/assets/ts/tests/slider.spec.ts +33 -0
  139. package/dist/components.es.js +1002 -1446
  140. package/dist/components.umd.js +292 -131
  141. package/dist/style.css +1 -1
  142. package/package.json +5 -4
  143. package/src/components/Accordion/Accordion.vue +12 -5
  144. package/src/components/Actionbar/Actionbar.vue +12 -5
  145. package/src/components/Card/Card.vue +1 -1
  146. package/src/components/Header/Header.vue +9 -3
  147. package/src/components/Nav/Nav.vue +1 -1
  148. package/src/components/Slider/README.md +11 -0
  149. package/src/components/Slider/Slider.vue +25 -0
  150. package/src/components/Tabs/Tabs.vue +14 -5
  151. package/assets/css/components/actionbar-global.css +0 -1
  152. package/assets/css/components/actionbar-global.css.map +0 -1
  153. package/assets/css/components/card-global.css +0 -1
  154. package/assets/css/components/card-global.css.map +0 -1
  155. /package/assets/sass/components/{nav-global.scss → nav.global.scss} +0 -0
@@ -1,10 +1,10 @@
1
- import { openBlock as p, createElementBlock as b, normalizeClass as S, createElementVNode as g, toDisplayString as E, createCommentVNode as x, Fragment as H, renderList as C, renderSlot as k, withDirectives as D, mergeProps as j, vModelDynamic as W, vModelText as pt, vModelSelect as bt, createTextVNode as ft, resolveComponent as F, createVNode as R, withModifiers as gt } from "vue";
2
- const _ = (e, a) => {
1
+ import { openBlock as u, createElementBlock as m, normalizeClass as k, createElementVNode as f, toDisplayString as $, createCommentVNode as w, Fragment as H, renderList as M, renderSlot as _, withDirectives as D, mergeProps as C, vModelDynamic as G, vModelText as ht, vModelSelect as pt, createTextVNode as bt, resolveComponent as I, createVNode as j, withModifiers as ft } from "vue";
2
+ const v = (e, a) => {
3
3
  const t = e.__vccOpts || e;
4
- for (const [i, n] of a)
5
- t[i] = n;
4
+ for (const [o, s] of a)
5
+ t[o] = s;
6
6
  return t;
7
- }, yt = {
7
+ }, gt = {
8
8
  name: "Logo",
9
9
  props: {
10
10
  id: {
@@ -29,446 +29,446 @@ const _ = (e, a) => {
29
29
  return "brand brand--" + this.id;
30
30
  }
31
31
  }
32
- }, vt = ["xlink:href"], wt = ["innerHTML"];
33
- function At(e, a, t, i, n, s) {
34
- return p(), b("div", {
35
- class: S(s.className)
32
+ }, yt = ["xlink:href"], vt = ["innerHTML"];
33
+ function wt(e, a, t, o, s, n) {
34
+ return u(), m("div", {
35
+ class: k(n.className)
36
36
  }, [
37
- (p(), b("svg", null, [
38
- g("title", null, "iam " + E(t.id), 1),
39
- g("use", {
40
- "xlink:href": t.path + s.src
41
- }, null, 8, vt)
37
+ (u(), m("svg", null, [
38
+ f("title", null, "iam " + $(t.id), 1),
39
+ f("use", {
40
+ "xlink:href": t.path + n.src
41
+ }, null, 8, yt)
42
42
  ])),
43
- t.desc ? (p(), b("span", {
43
+ t.desc ? (u(), m("span", {
44
44
  key: 0,
45
45
  innerHTML: t.desc
46
- }, null, 8, wt)) : x("", !0)
46
+ }, null, 8, vt)) : w("", !0)
47
47
  ], 2);
48
48
  }
49
- const Xo = /* @__PURE__ */ _(yt, [["render", At]]);
49
+ const Di = /* @__PURE__ */ v(gt, [["render", wt]]);
50
50
  /*!
51
- * iamKey v5.0.0
51
+ * iamKey v5.1.0-beta2
52
52
  * Copyright 2022-2023 iamproperty
53
53
  */
54
54
  const _t = function(e) {
55
55
  return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
56
- }, xt = (e, a) => String(e).padStart(a, "0"), kt = (e) => e.charAt(0).toUpperCase() + e.slice(1);
57
- var Lt = function(e, a, t, i) {
58
- function n(s) {
59
- return s instanceof t ? s : new t(function(o) {
60
- o(s);
56
+ }, At = (e, a) => String(e).padStart(a, "0"), xt = (e) => e.charAt(0).toUpperCase() + e.slice(1);
57
+ var kt = function(e, a, t, o) {
58
+ function s(n) {
59
+ return n instanceof t ? n : new t(function(i) {
60
+ i(n);
61
61
  });
62
62
  }
63
- return new (t || (t = Promise))(function(s, o) {
64
- function r(m) {
63
+ return new (t || (t = Promise))(function(n, i) {
64
+ function l(p) {
65
65
  try {
66
- l(i.next(m));
66
+ r(o.next(p));
67
67
  } catch (c) {
68
- o(c);
68
+ i(c);
69
69
  }
70
70
  }
71
- function d(m) {
71
+ function d(p) {
72
72
  try {
73
- l(i.throw(m));
73
+ r(o.throw(p));
74
74
  } catch (c) {
75
- o(c);
75
+ i(c);
76
76
  }
77
77
  }
78
- function l(m) {
79
- m.done ? s(m.value) : n(m.value).then(r, d);
78
+ function r(p) {
79
+ p.done ? n(p.value) : s(p.value).then(l, d);
80
80
  }
81
- l((i = i.apply(e, a || [])).next());
81
+ r((o = o.apply(e, a || [])).next());
82
82
  });
83
83
  };
84
- const et = (e) => {
84
+ const tt = (e) => {
85
85
  const a = Array.from(e.querySelectorAll("thead th"));
86
- Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
87
- const n = Array.from(t.querySelectorAll("th, td")), s = ["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
- n.forEach((o, r) => {
89
- const d = a[r];
86
+ Array.from(e.querySelectorAll("tbody tr")).forEach((t, o) => {
87
+ const s = Array.from(t.querySelectorAll("th, td")), n = ["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((i, l) => {
89
+ const d = a[l];
90
90
  if (typeof d < "u") {
91
- let l = document.createElement("div");
92
- l.innerHTML = d.innerHTML;
93
- let m = l.textContent || l.innerText || "";
94
- o.setAttribute("data-label", m), d.hasAttribute("data-td-class") && o.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (o.setAttribute("data-format", d.getAttribute("data-format")), o.innerHTML = G(d.getAttribute("data-format"), o.textContent.trim())), s.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
91
+ let r = document.createElement("div");
92
+ r.innerHTML = d.innerHTML;
93
+ let p = r.textContent || r.innerText || "";
94
+ i.setAttribute("data-label", p), d.hasAttribute("data-td-class") && i.setAttribute("class", d.getAttribute("data-td-class")), d.hasAttribute("data-format") && (i.setAttribute("data-format", d.getAttribute("data-format")), i.innerHTML = Y(d.getAttribute("data-format"), i.textContent.trim())), n.includes(i.textContent.trim().toLowerCase()) && i.setAttribute("data-content", i.textContent.trim().toLowerCase());
95
95
  }
96
96
  });
97
97
  });
98
- }, St = (e) => {
98
+ }, Lt = (e) => {
99
99
  let a = 0;
100
- return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
101
- let n = window.getComputedStyle(document.querySelector("html")), s = t.querySelector(":scope > *:last-child > *:first-child");
102
- if (s) {
103
- s.classList.add("text-nowrap");
104
- let o = s.offsetWidth / parseFloat(n.fontSize);
105
- o += 1.7, a = a > o ? a : o;
100
+ return Array.from(e.querySelectorAll("tbody tr")).forEach((t, o) => {
101
+ let s = window.getComputedStyle(document.querySelector("html")), n = t.querySelector(":scope > *:last-child > *:first-child");
102
+ if (n) {
103
+ n.classList.add("text-nowrap");
104
+ let i = n.offsetWidth / parseFloat(s.fontSize);
105
+ i += 1.7, a = a > i ? a : i;
106
106
  }
107
107
  }), a;
108
- }, qt = (e, a) => {
108
+ }, St = (e, a) => {
109
109
  if (a.classList.contains(".table--fullwidth") && !a.hasAttribute("data-expandable") || e.querySelectorAll("thead tr th").length < 4 && !a.hasAttribute("data-expandable"))
110
110
  return !1;
111
- Array.from(e.querySelectorAll("thead tr")).forEach((t, i) => {
111
+ Array.from(e.querySelectorAll("thead tr")).forEach((t, o) => {
112
112
  t.insertAdjacentHTML("afterbegin", '<th class="th--fixed expand-button-heading"></th>');
113
- }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
114
- const n = 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 ${n}>Expand</button></td>`);
113
+ }), Array.from(e.querySelectorAll("tbody tr")).forEach((t, o) => {
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
116
  });
117
117
  }, $t = (e) => {
118
118
  e.addEventListener("click", (a) => {
119
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();
120
+ let t = a.target.closest("[data-expand-button]"), o = t.closest("tr");
121
+ t.toggleAttribute("aria-expanded"), o.getAttribute("data-view") == "full" ? o.setAttribute("data-view", "default") : o.setAttribute("data-view", "full"), t.blur();
122
122
  }
123
123
  });
124
- }, at = (e, a) => {
124
+ }, et = (e, a) => {
125
125
  let t = a.querySelector("[data-search]");
126
126
  if (!t)
127
127
  return !1;
128
- const i = t.getAttribute("id"), n = t.getAttribute("data-search").split(",");
129
- let s = t.parentNode, o = {};
130
- n.forEach((r, d) => {
131
- Array.from(e.querySelectorAll('td[data-label="' + r.trim() + '"]')).forEach((l, m) => {
132
- l.querySelector(".td__content") ? o[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : o[l.textContent] = l.textContent;
128
+ const o = t.getAttribute("id"), s = t.getAttribute("data-search").split(",");
129
+ let n = t.parentNode, i = {};
130
+ s.forEach((l, d) => {
131
+ Array.from(e.querySelectorAll('td[data-label="' + l.trim() + '"]')).forEach((r, p) => {
132
+ r.querySelector(".td__content") ? i[r.querySelector(".td__content").textContent] = r.querySelector(".td__content").textContent : i[r.textContent] = r.textContent;
133
133
  });
134
- }), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), s.querySelector("datalist") || (s.innerHTML += `<datalist id="${i}_list"></datalist>`), s.querySelector("datalist").innerHTML = `${Object.keys(o).map((r) => `<option value="${r}"></option>`).join("")}`;
135
- }, Et = (e, a, t, i, n) => {
136
- var s;
137
- let o = function(l, m = !1) {
134
+ }), t.setAttribute("list", `${o}_list`), t.setAttribute("autocomplete", "off"), n.querySelector("datalist") || (n.innerHTML += `<datalist id="${o}_list"></datalist>`), n.querySelector("datalist").innerHTML = `${Object.keys(i).map((l) => `<option value="${l}"></option>`).join("")}`;
135
+ }, qt = (e, a, t, o, s) => {
136
+ var n;
137
+ let i = function(r, p = !1) {
138
138
  if (a.classList.contains("processing"))
139
139
  return !1;
140
- if (l.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, u) => {
141
- const h = c.getAttribute("data-duplicate"), f = document.getElementById(h), y = document.querySelector(`[for="${h}"] iam-card`);
142
- if (f.checked != c.checked)
143
- if (y) {
144
- let A = new Event("click");
145
- y.dispatchEvent(A);
140
+ if (r.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((c, g) => {
141
+ const b = c.getAttribute("data-duplicate"), h = document.getElementById(b), x = document.querySelector(`[for="${b}"] iam-card`);
142
+ if (h.checked != c.checked)
143
+ if (x) {
144
+ let L = new Event("click");
145
+ x.dispatchEvent(L);
146
146
  } else
147
- f.checked = c.checked;
147
+ h.checked = c.checked;
148
148
  }), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
149
- if (!m) {
149
+ if (!p) {
150
150
  let c = a.querySelector("[data-pagination]");
151
- c.value = 1, i.setAttribute("data-page", 1);
151
+ c.value = 1, o.setAttribute("data-page", 1);
152
152
  }
153
- rt(e, a, t, i);
153
+ ot(e, a, t, o);
154
154
  } else
155
- a.hasAttribute("data-submit") ? a.submit() : (Y(e, a, i), I(e, a));
155
+ a.hasAttribute("data-submit") ? a.submit() : (K(e, a, o), O(e, a));
156
156
  if (a.hasAttribute("data-ajax-post")) {
157
- let c = new FormData(a), u = new URLSearchParams(c).toString();
158
- const h = new XMLHttpRequest();
159
- h.open("GET", `${window.location.href}?ajax=true&${u}`), h.send();
157
+ let c = new FormData(a), g = new URLSearchParams(c).toString();
158
+ const b = new XMLHttpRequest();
159
+ b.open("GET", `${window.location.href}?ajax=true&${g}`), b.send();
160
160
  }
161
161
  };
162
- a.addEventListener("keyup", (l) => {
163
- clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (s = setTimeout(function() {
164
- o(l);
162
+ a.addEventListener("keyup", (r) => {
163
+ clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (n = setTimeout(function() {
164
+ i(r);
165
165
  }, 500));
166
- }), a.addEventListener("change", (l) => {
167
- clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || J(e, a, n), o(l)), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (Y(e, a, i), I(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && o(l), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && o(l);
168
- }), a.addEventListener("click", (l) => {
169
- if (clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]")) {
170
- a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((c, u) => {
166
+ }), a.addEventListener("change", (r) => {
167
+ clearTimeout(n), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, s), i(r)), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && i(r), r && r.target instanceof HTMLElement && r.target.closest("[data-filter][data-no-ajax]") ? (K(e, a, o), O(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")) && i(r), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && i(r), r && r.target instanceof HTMLElement && r.target.closest("[data-mimic]") && i(r);
168
+ }), a.addEventListener("click", (r) => {
169
+ if (clearTimeout(n), 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, g) => {
171
171
  c.innerHTML = "";
172
172
  });
173
- let m = a.elements;
174
- for (let c = 0; c < m.length; c++)
175
- switch (m[c].type.toLowerCase() ? m[c].type.toLowerCase() : "text") {
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
176
  case "text":
177
177
  case "password":
178
178
  case "textarea":
179
- m[c].value = "";
179
+ p[c].value = "";
180
180
  break;
181
181
  case "radio":
182
182
  case "checkbox":
183
- if (m[c].checked) {
184
- let u = m[c], h = u.getAttribute("id"), f = document.querySelector(`[for="${h}"`);
185
- if (f.querySelector("iam-card")) {
186
- let y = f.querySelector("iam-card"), A = new Event("click");
187
- y.dispatchEvent(A);
183
+ if (p[c].checked) {
184
+ let g = p[c], b = g.getAttribute("id"), h = document.querySelector(`[for="${b}"`);
185
+ if (h.querySelector("iam-card")) {
186
+ let x = h.querySelector("iam-card"), L = new Event("click");
187
+ x.dispatchEvent(L);
188
188
  }
189
- u.checked = !1;
189
+ g.checked = !1;
190
190
  }
191
191
  break;
192
192
  case "select-one":
193
193
  case "select-multi":
194
- m[c].selectedIndex = -1;
194
+ p[c].selectedIndex = -1;
195
195
  break;
196
196
  }
197
- a.classList.remove("processing"), a.hasAttribute("data-submit") || J(e, a, n), o(l);
198
- }
199
- }), a.addEventListener("submit", (l) => {
200
- clearTimeout(s), a.hasAttribute("data-submit") || l.preventDefault(), o(l);
201
- }), a.addEventListener("force", (l) => {
202
- o(l);
203
- }), a.addEventListener("paginate", (l) => {
204
- o(l, !0);
197
+ a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, s), i(r);
198
+ }
199
+ }), a.addEventListener("submit", (r) => {
200
+ clearTimeout(n), a.hasAttribute("data-submit") || r.preventDefault(), i(r);
201
+ }), a.addEventListener("force", (r) => {
202
+ i(r);
203
+ }), a.addEventListener("paginate", (r) => {
204
+ i(r, !0);
205
205
  });
206
- let r = [], d = [];
207
- Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, m) => {
208
- let c = l.getAttribute("data-mimic");
209
- Array.from(document.querySelectorAll(`[name="${c}"]`)).forEach((u, h) => {
210
- let f = u.closest("form");
211
- r.includes(f) || r.push(f), d.includes(c) || d.push(c);
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((g, b) => {
210
+ let h = g.closest("form");
211
+ l.includes(h) || l.push(h), d.includes(c) || d.push(c);
212
212
  });
213
- }), r.forEach((l, m) => {
213
+ }), l.forEach((r, p) => {
214
214
  const c = function() {
215
- let u = [], h = new FormData(l);
216
- for (const [f, y] of h)
217
- document.querySelector(`[data-mimic="${f}"]`) && !u.includes(f) ? (u.push(f), document.querySelector(`[data-mimic="${f}"]`).value = y) : document.querySelector(`[data-mimic="${f}"]`) && (document.querySelector(`[data-mimic="${f}"]`).value += "," + y);
218
- for (const f of u) {
219
- const y = new Event("force");
220
- a.dispatchEvent(y);
215
+ let g = [], b = new FormData(r);
216
+ for (const [h, x] of b)
217
+ document.querySelector(`[data-mimic="${h}"]`) && !g.includes(h) ? (g.push(h), document.querySelector(`[data-mimic="${h}"]`).value = x) : document.querySelector(`[data-mimic="${h}"]`) && (document.querySelector(`[data-mimic="${h}"]`).value += "," + x);
218
+ for (const h of g) {
219
+ const x = new Event("force");
220
+ a.dispatchEvent(x);
221
221
  }
222
- for (const f of d)
223
- if (!h.has(f) && l.querySelector(`[name="${f}"]`)) {
224
- document.querySelector(`[data-mimic="${f}"]`).value = "";
225
- const y = new Event("force");
226
- a.dispatchEvent(y);
222
+ for (const h of d)
223
+ if (!b.has(h) && r.querySelector(`[name="${h}"]`)) {
224
+ document.querySelector(`[data-mimic="${h}"]`).value = "";
225
+ const x = new Event("force");
226
+ a.dispatchEvent(x);
227
227
  }
228
228
  };
229
- l.addEventListener("force", (u) => {
229
+ r.addEventListener("force", (g) => {
230
230
  c();
231
- }), l.addEventListener("change", (u) => {
231
+ }), r.addEventListener("change", (g) => {
232
232
  c();
233
233
  });
234
234
  });
235
- }, J = (e, a, t) => {
235
+ }, Q = (e, a, t) => {
236
236
  if (a.getAttribute("data-ajax"))
237
237
  return !1;
238
- let i = e.querySelector("tbody"), n = a.querySelector("[data-sort]"), s = n.querySelector(`option:nth-child(${n.selectedIndex + 1})`), o = s.getAttribute("data-sort"), r = s.getAttribute("data-order"), d = s.getAttribute("data-format");
239
- if (!o)
240
- return i.innerHTML = t.innerHTML, et(e), !1;
241
- let l = [];
242
- ["asc", "desc", "descending"].includes(r) || (l = r.split(","));
243
- let m = [];
244
- Array.from(i.querySelectorAll("tr")).forEach((u, h) => {
245
- let f = u.querySelector('td[data-label="' + o + '"], th[data-label="' + o + '"]').textContent.trim();
246
- u.querySelector('[data-label="' + o + '"] .td__content') && (f = u.querySelector('[data-label="' + o + '"] .td__content').textContent.trim()), l.length && l.includes(f) && (f = l.indexOf(f)), _t(f) && (f = xt(f, 10)), d && d == "date" && (f = new Date(f));
247
- const y = { index: f, row: u };
248
- m.push(y);
249
- }), m.sort((u, h) => u.index > h.index ? 1 : -1), (r == "descending" || r == "desc") && (m = m.reverse());
238
+ let o = e.querySelector("tbody"), s = a.querySelector("[data-sort]"), n = s.querySelector(`option:nth-child(${s.selectedIndex + 1})`), i = n.getAttribute("data-sort"), l = n.getAttribute("data-order"), d = n.getAttribute("data-format");
239
+ if (!i)
240
+ return o.innerHTML = t.innerHTML, tt(e), !1;
241
+ let r = [];
242
+ ["asc", "desc", "descending"].includes(l) || (r = l.split(","));
243
+ let p = [];
244
+ Array.from(o.querySelectorAll("tr")).forEach((g, b) => {
245
+ let h = g.querySelector('td[data-label="' + i + '"], th[data-label="' + i + '"]').textContent.trim();
246
+ g.querySelector('[data-label="' + i + '"] .td__content') && (h = g.querySelector('[data-label="' + i + '"] .td__content').textContent.trim()), r.length && r.includes(h) && (h = r.indexOf(h)), _t(h) && (h = At(h, 10)), d && d == "date" && (h = new Date(h));
247
+ const x = { index: h, row: g };
248
+ p.push(x);
249
+ }), p.sort((g, b) => g.index > b.index ? 1 : -1), (l == "descending" || l == "desc") && (p = p.reverse());
250
250
  let c = "";
251
- m.forEach((u, h) => {
252
- c += u.row.outerHTML;
253
- }), i.innerHTML = c;
254
- }, Y = (e, a, t) => {
251
+ p.forEach((g, b) => {
252
+ c += g.row.outerHTML;
253
+ }), o.innerHTML = c;
254
+ }, K = (e, a, t) => {
255
255
  e.classList.remove("table--filtered");
256
- let i = it(a), n = [], s = 0, o = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, r = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
257
- if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, m) => {
258
- l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
256
+ let o = it(a), s = [], n = 0, i = 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
259
  }), a.querySelector("[data-search]")) {
260
- let l = a.querySelector("[data-search]");
261
- a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m, c) => {
262
- n.push({ column: `${m.trim()}`, value: `${l.value}` });
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
263
  });
264
264
  }
265
- Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
266
- l.innerHTML = "", l.parentNode.classList.remove("hover");
265
+ Array.from(a.querySelectorAll("[data-filter-count]")).forEach((r, p) => {
266
+ r.innerHTML = "", r.parentNode.classList.remove("hover");
267
267
  });
268
268
  let d = 0;
269
- Object.values(i).forEach((l, m) => {
270
- typeof l == "object" && Object.values(l).length ? d += Object.values(l).length : d++;
271
- }), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
272
- l.innerHTML += `(${d})`, l.parentNode.classList.add("hover");
269
+ Object.values(o).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
273
  }), e.classList.add("table--filtered");
274
- for (const [l, m] of Object.entries(i))
275
- Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, u) => {
276
- let h = !1;
277
- m.forEach((f, y) => {
278
- let A = c.querySelector(`[data-label="${l}"]`);
279
- if (f && f == "$today")
280
- f = G("date", /* @__PURE__ */ new Date());
281
- else if (f && f == "$yesterday") {
282
- let L = /* @__PURE__ */ new Date();
283
- L.setDate(L.getDate() - 1), f = G("date", L);
284
- } else if (f && (f == "$thisWeek" || f == "$lastWeek")) {
285
- let L = /* @__PURE__ */ new Date(), T = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), $ = new Date(L.setDate(L.getDate() - L.getDay() + 7)), w = new Date(A.textContent.toLowerCase());
286
- if (L.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), $.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), f == "$thisWeek")
287
- h = w >= T && w <= $;
274
+ for (const [r, p] of Object.entries(o))
275
+ Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, g) => {
276
+ let b = !1;
277
+ p.forEach((h, x) => {
278
+ let L = c.querySelector(`[data-label="${r}"]`);
279
+ if (h && h == "$today")
280
+ h = Y("date", /* @__PURE__ */ new Date());
281
+ else if (h && h == "$yesterday") {
282
+ let A = /* @__PURE__ */ new Date();
283
+ A.setDate(A.getDate() - 1), h = Y("date", A);
284
+ } else if (h && (h == "$thisWeek" || h == "$lastWeek")) {
285
+ let A = /* @__PURE__ */ new Date(), E = new Date(A.setDate(A.getDate() - (A.getDay() - 1))), S = new Date(A.setDate(A.getDate() - A.getDay() + 7)), y = new Date(L.textContent.toLowerCase());
286
+ if (A.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), S.setHours(0, 0, 0, 0), y.setHours(0, 0, 0, 0), h == "$thisWeek")
287
+ b = y >= E && y <= S;
288
288
  else {
289
- let B = new Date(T.setDate(T.getDate() - 7)), M = new Date($.setDate($.getDate() - 7));
290
- B.setHours(0, 0, 0, 0), M.setHours(0, 0, 0, 0), h = w >= B && w <= M;
289
+ let B = new Date(E.setDate(E.getDate() - 7)), T = new Date(S.setDate(S.getDate() - 7));
290
+ B.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), b = y >= B && y <= T;
291
291
  }
292
- } else if (f && f == "$thisMonth") {
293
- let L = /* @__PURE__ */ new Date(), T = L.getFullYear(), $ = L.getMonth();
294
- var q = new Date(T, $, 1), v = new Date(T, $ + 1, 0);
295
- let w = new Date(A.textContent.toLowerCase());
296
- q.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), h = w >= q && w <= v;
297
- } else if (f && f == "$lastMonth") {
298
- let L = /* @__PURE__ */ new Date(), T = L.getFullYear(), $ = L.getMonth();
299
- var N = new Date(T, $ - 1, 1), z = new Date(T, $, 0);
300
- let w = new Date(A.textContent.toLowerCase());
301
- N.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), h = w >= N && w <= z;
292
+ } else if (h && h == "$thisMonth") {
293
+ let A = /* @__PURE__ */ new Date(), E = A.getFullYear(), S = A.getMonth();
294
+ var q = new Date(E, S, 1), z = new Date(E, S + 1, 0);
295
+ let y = new Date(L.textContent.toLowerCase());
296
+ q.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), y.setHours(0, 0, 0, 0), b = y >= q && y <= z;
297
+ } else if (h && h == "$lastMonth") {
298
+ let A = /* @__PURE__ */ new Date(), E = A.getFullYear(), S = A.getMonth();
299
+ var R = new Date(E, S - 1, 1), F = new Date(E, S, 0);
300
+ let y = new Date(L.textContent.toLowerCase());
301
+ R.setHours(0, 0, 0, 0), F.setHours(0, 0, 0, 0), y.setHours(0, 0, 0, 0), b = y >= R && y <= F;
302
302
  }
303
- A && A.textContent.toLowerCase().includes(f.toLowerCase()) && (h = !0);
304
- }), h || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", l));
303
+ L && L.textContent.toLowerCase().includes(h.toLowerCase()) && (b = !0);
304
+ }), b || (c.classList.add("filtered"), c.setAttribute("data-filtered-by", r));
305
305
  });
306
- Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((l, m) => {
307
- let c = !(n.length > 0 && n[0].value.length >= 3);
308
- n.forEach((u, h) => {
309
- let f = l.querySelector(`[data-label="${u.column}"]`);
310
- f && u.value.length >= 3 && f.textContent.toLowerCase().includes(u.value.toLowerCase()) && (c = !0);
311
- }), c || l.classList.add("filtered");
312
- }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, m) => {
313
- s++, l.classList.add("filtered--matched"), Math.ceil(s / r) == parseInt(o) && l.classList.add("filtered--show");
314
- }), t && (t.setAttribute("data-total", s), t.setAttribute("data-show", r), t.setAttribute("data-page", o));
315
- }, I = (e, a, t) => {
316
- Array.from(a.querySelectorAll("[data-query]")).forEach((i, n) => {
317
- let s = i.getAttribute("data-query"), o;
318
- if (s == "total")
319
- t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
320
- else if (!s.includes(" == ") && s.includes(" & ")) {
321
- let r = s.split(" & "), d = "";
322
- r.forEach((l) => {
323
- d += `:not([data-filtered-by="${l}"])`;
324
- }), o = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
325
- } else if (!s.includes(" == "))
326
- o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
327
- else if (s.includes(" && ")) {
328
- let r = s.split(" && ");
329
- o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(d) {
330
- let l = !0;
331
- for (const [m, c] of Object.entries(r)) {
332
- let u = c.split(" == ");
333
- (!d.querySelector(`td[data-label="${u[0]}"]`) || d.querySelector(`td[data-label="${u[0]}"]`).textContent != `${u[1]}`) && (l = !1);
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((g, b) => {
309
+ let h = r.querySelector(`[data-label="${g.column}"]`);
310
+ h && g.value.length >= 3 && h.textContent.toLowerCase().includes(g.value.toLowerCase()) && (c = !0);
311
+ }), c || r.classList.add("filtered");
312
+ }), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((r, p) => {
313
+ n++, r.classList.add("filtered--matched"), Math.ceil(n / l) == parseInt(i) && r.classList.add("filtered--show");
314
+ }), t && (t.setAttribute("data-total", n), t.setAttribute("data-show", l), t.setAttribute("data-page", i));
315
+ }, O = (e, a, t) => {
316
+ Array.from(a.querySelectorAll("[data-query]")).forEach((o, s) => {
317
+ let n = o.getAttribute("data-query"), i;
318
+ if (n == "total")
319
+ t.hasAttribute("data-total") ? i = t.getAttribute("data-total") : i = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
320
+ else if (!n.includes(" == ") && n.includes(" & ")) {
321
+ let l = n.split(" & "), d = "";
322
+ l.forEach((r) => {
323
+ d += `:not([data-filtered-by="${r}"])`;
324
+ }), i = Array.from(e.querySelectorAll(`tbody tr${d}`)).length;
325
+ } else if (!n.includes(" == "))
326
+ i = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${n}"])`)).length;
327
+ else if (n.includes(" && ")) {
328
+ let l = n.split(" && ");
329
+ i = 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 g = c.split(" == ");
333
+ (!d.querySelector(`td[data-label="${g[0]}"]`) || d.querySelector(`td[data-label="${g[0]}"]`).textContent != `${g[1]}`) && (r = !1);
334
334
  }
335
- return l;
335
+ return r;
336
336
  }).length;
337
337
  } else {
338
- let r = s.split(" == ");
339
- o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${r[0]}"], tbody tr[data-filtered-by="${r[0]}"] td[data-label="${r[0]}"]`)).filter(function(d) {
340
- return d.textContent === r[1];
338
+ let l = n.split(" == ");
339
+ i = 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
341
  }).length;
342
342
  }
343
- i.hasAttribute("data-total") ? i.setAttribute("data-total", o) : i.innerHTML = o;
343
+ o.hasAttribute("data-total") ? o.setAttribute("data-total", i) : o.innerHTML = i;
344
344
  });
345
- }, Tt = function(e, a, t, i) {
346
- t.addEventListener("update-page", (n) => {
347
- let s = a.querySelector("[data-pagination]"), o = n.detail.page;
348
- if (s.value = o, a.dispatchEvent(new Event("paginate")), i.setAttribute("data-page", o), e.hasAttribute("data-show-history")) {
349
- const r = new URL(location);
350
- r.searchParams.set("page", o), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: o }, "", r);
351
- }
352
- if (!i.hasAttribute("data-no-scroll")) {
353
- const r = e.getBoundingClientRect().top + window.pageYOffset + -250;
354
- window.scrollTo({ top: r, behavior: "smooth" });
355
- }
356
- }), t.addEventListener("update-show", (n) => {
357
- let s = a.querySelector("[data-show]"), o = n.detail.show;
358
- s.value = o, i.setAttribute("data-show", o), a.dispatchEvent(new Event("submit"));
345
+ }, Et = function(e, a, t, o) {
346
+ t.addEventListener("update-page", (s) => {
347
+ let n = a.querySelector("[data-pagination]"), i = s.detail.page;
348
+ if (n.value = i, a.dispatchEvent(new Event("paginate")), o.setAttribute("data-page", i), e.hasAttribute("data-show-history")) {
349
+ const l = new URL(location);
350
+ l.searchParams.set("page", i), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: i }, "", l);
351
+ }
352
+ if (!o.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 n = a.querySelector("[data-show]"), i = s.detail.show;
358
+ n.value = i, o.setAttribute("data-show", i), a.dispatchEvent(new Event("submit"));
359
359
  });
360
- }, Mt = (e, a) => {
360
+ }, Tt = (e, a) => {
361
361
  if (!e)
362
362
  return !1;
363
363
  e.addEventListener("click", (t) => {
364
364
  Ht(a);
365
365
  });
366
366
  }, Ht = function(e) {
367
- for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
368
- for (var n = t[i].querySelectorAll("td,th"), s = [], o = 0; o < n.length; o++)
369
- s.push(`"${n[o].textContent}"`);
370
- a.push(s.join(","));
367
+ for (var a = [], t = e.getElementsByTagName("tr"), o = 0; o < t.length; o++) {
368
+ for (var s = t[o].querySelectorAll("td,th"), n = [], i = 0; i < s.length; i++)
369
+ n.push(`"${s[i].textContent}"`);
370
+ a.push(n.join(","));
371
371
  }
372
372
  a = a.join(`
373
373
  `);
374
- let r = new Blob([a], { type: "text/csv" });
374
+ let l = new Blob([a], { type: "text/csv" });
375
375
  var d = document.createElement("a");
376
376
  d.download = "export.csv";
377
- var l = window.URL.createObjectURL(r);
378
- d.href = l, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
379
- }, ot = function(e, a, t, i) {
380
- if (et(e), qt(e, i), I(e, a, i), i && i.classList.contains("table--cta")) {
381
- let n = function() {
382
- Array.from(e.querySelectorAll("tr")).forEach((o, r) => {
383
- let d = o.offsetHeight;
384
- o.style.setProperty("--row-height", `${d}px`);
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, o) {
380
+ if (tt(e), St(e, o), O(e, a, o), o && o.classList.contains("table--cta")) {
381
+ let s = function() {
382
+ Array.from(e.querySelectorAll("tr")).forEach((i, l) => {
383
+ let d = i.offsetHeight;
384
+ i.style.setProperty("--row-height", `${d}px`);
385
385
  });
386
386
  };
387
- const s = St(e);
388
- i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(n).observe(e);
387
+ const n = Lt(e);
388
+ o.style.setProperty("--cta-width", `${n}rem`), new ResizeObserver(s).observe(e);
389
389
  }
390
390
  }, it = function(e) {
391
391
  let a = new Object();
392
- return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, i) => {
392
+ return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, o) => {
393
393
  if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
394
- let n = t.getAttribute("data-filter");
395
- a[n] || (a[n] = new Array()), a[n].push(t.value);
394
+ let s = t.getAttribute("data-filter");
395
+ a[s] || (a[s] = new Array()), a[s].push(t.value);
396
396
  }
397
397
  }), a;
398
- }, rt = function(e, a, t, i) {
399
- return Lt(this, void 0, void 0, function* () {
400
- const n = (h, f, y) => f.split(/[\.\[\]\'\"]/).filter((A) => A).reduce((A, q) => A ? A[q] : y, h);
401
- let s = new FormData(a), o = new URLSearchParams(s).toString(), r = e.querySelectorAll("thead tr th"), d = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
402
- i.classList.add("table--loading");
403
- let m = it(a);
404
- Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, f) => {
405
- h.innerHTML = "", h.parentNode.classList.remove("hover");
398
+ }, ot = function(e, a, t, o) {
399
+ return kt(this, void 0, void 0, function* () {
400
+ const s = (b, h, x) => h.split(/[\.\[\]\'\"]/).filter((L) => L).reduce((L, q) => L ? L[q] : x, b);
401
+ let n = new FormData(a), i = new URLSearchParams(n).toString(), l = e.querySelectorAll("thead tr th"), d = e.querySelector("tbody"), r = a.getAttribute("data-ajax");
402
+ o.classList.add("table--loading");
403
+ let p = it(a);
404
+ Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, h) => {
405
+ b.innerHTML = "", b.parentNode.classList.remove("hover");
406
406
  });
407
407
  let c = 0;
408
- Object.values(m).forEach((h, f) => {
409
- typeof h == "object" && Object.values(h).length ? c += Object.values(h).length : c++;
410
- }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((h, f) => {
411
- h.innerHTML += `(${c})`, h.parentNode.classList.add("hover");
412
- }), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
413
- const { signal: u } = controller[l];
408
+ Object.values(p).forEach((b, h) => {
409
+ typeof b == "object" && Object.values(b).length ? c += Object.values(b).length : c++;
410
+ }), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, h) => {
411
+ b.innerHTML += `(${c})`, b.parentNode.classList.add("hover");
412
+ }), window.controller || (window.controller = []), window.controller[r] && window.controller[r].abort(), window.controller[r] = new AbortController();
413
+ const { signal: g } = controller[r];
414
414
  t.setAttribute("data-loading", "true"), a.classList.add("processing");
415
415
  try {
416
- yield fetch(l + "?" + o, { signal: u, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((h) => h.json()).then((h) => {
417
- let f = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", y = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", A = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", q = n(h, y, 15), v = n(h, A, 1), N = n(h, f), z = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
418
- N ? (d.innerHTML = "", N.forEach((L, T) => {
419
- var $ = document.createElement("tr");
420
- r.forEach((w, B) => {
421
- let M = "";
422
- var O = document.createElement("td");
423
- if (O.setAttribute("data-label", w.innerText), w.getAttribute("data-output")) {
424
- var V = w.getAttribute("data-output");
425
- M = V.replace(new RegExp(/{(.*?)}/, "gm"), function(ct) {
426
- return n(L, ct.replace("{", "").replace("}", ""));
416
+ yield fetch(r + "?" + i, { signal: g, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((b) => b.json()).then((b) => {
417
+ let h = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", x = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", L = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", q = s(b, x, 15), z = s(b, L, 1), R = s(b, h), F = o.hasAttribute("data-empty-msg") ? o.getAttribute("data-empty-msg") : "No results found";
418
+ R ? (d.innerHTML = "", R.forEach((A, E) => {
419
+ var S = document.createElement("tr");
420
+ l.forEach((y, B) => {
421
+ let T = "";
422
+ var U = document.createElement("td");
423
+ if (U.setAttribute("data-label", y.innerText), y.getAttribute("data-output")) {
424
+ var V = y.getAttribute("data-output");
425
+ T = V.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
426
+ return s(A, dt.replace("{", "").replace("}", ""));
427
427
  });
428
428
  }
429
- if (w.hasAttribute("data-output-array")) {
430
- var V = w.getAttribute("data-output");
431
- let ut = n(L, V.replace("{", "").replace("}", ""));
432
- M = "", ut.forEach((X, Go) => {
433
- let mt = w.getAttribute("data-output-array"), P = "";
434
- if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
435
- const U = n(X, w.getAttribute("data-output-array-property")), ht = JSON.parse(w.getAttribute("data-output-array-transform"))[U];
436
- P = mt.replace(`{${w.getAttribute("data-output-array-property")}}`, ht);
429
+ if (y.hasAttribute("data-output-array")) {
430
+ var V = y.getAttribute("data-output");
431
+ let ct = s(A, V.replace("{", "").replace("}", ""));
432
+ T = "", ct.forEach((J, Ni) => {
433
+ let ut = y.getAttribute("data-output-array"), P = "";
434
+ if (y.hasAttribute("data-output-array-property") && y.hasAttribute("data-output-array-transform")) {
435
+ const W = s(J, y.getAttribute("data-output-array-property")), mt = JSON.parse(y.getAttribute("data-output-array-transform"))[W];
436
+ P = ut.replace(`{${y.getAttribute("data-output-array-property")}}`, mt);
437
437
  }
438
- P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
439
- return n(X, U.replace("{", "").replace("}", ""));
440
- }), M += P;
438
+ P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(W) {
439
+ return s(J, W.replace("{", "").replace("}", ""));
440
+ }), T += P;
441
441
  });
442
442
  }
443
- w.hasAttribute("data-transform") && (M = JSON.parse(w.getAttribute("data-transform"))[M], !M && w.hasAttribute("data-default") && (M = w.getAttribute("data-default"))), O.innerHTML = M, $.appendChild(O);
444
- }), d.appendChild($);
445
- }), at(e, a), i.setAttribute("data-total", parseInt(q)), i.setAttribute("data-page", parseInt(v)), ot(e, a, t, i), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, T) => {
446
- let $ = n(h, L.getAttribute("data-ajax-query"), "");
447
- L.hasAttribute("data-total") ? L.setAttribute("data-total", $) : L.innerHTML = $;
448
- }), parseInt(q) == 0 && (d.innerHTML = `<tr><td colspan="100%"><span>${z}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: o })) : d.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
443
+ y.hasAttribute("data-transform") && (T = JSON.parse(y.getAttribute("data-transform"))[T], !T && y.hasAttribute("data-default") && (T = y.getAttribute("data-default"))), U.innerHTML = T, S.appendChild(U);
444
+ }), d.appendChild(S);
445
+ }), et(e, a), o.setAttribute("data-total", parseInt(q)), o.setAttribute("data-page", parseInt(z)), at(e, a, t, o), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((A, E) => {
446
+ let S = s(b, A.getAttribute("data-ajax-query"), "");
447
+ A.hasAttribute("data-total") ? A.setAttribute("data-total", S) : A.innerHTML = S;
448
+ }), parseInt(q) == 0 && (d.innerHTML = `<tr><td colspan="100%"><span>${F}</span></td></tr>`), o.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: r, formData: i })) : d.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', t.removeAttribute("data-loading"), a.classList.remove("processing");
449
449
  });
450
- } catch (h) {
451
- console.log(h);
450
+ } catch (b) {
451
+ console.log(b);
452
452
  }
453
453
  });
454
- }, G = (e, a) => {
454
+ }, Y = (e, a) => {
455
455
  switch (e) {
456
456
  case "datetime":
457
457
  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" });
458
458
  case "date":
459
459
  return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
460
460
  case "capitalise":
461
- return a = kt(a);
461
+ return a = xt(a);
462
462
  }
463
463
  };
464
- class Ct extends HTMLElement {
464
+ class Mt extends HTMLElement {
465
465
  constructor() {
466
466
  super(), this.attachShadow({ mode: "open" });
467
- 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");
468
- i.innerHTML = `
467
+ 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`, o = document.createElement("template");
468
+ o.innerHTML = `
469
469
  <style>
470
470
  @import "${t}";
471
- :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.5rem;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
+ :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 */
472
472
 
473
473
 
474
474
  :host(.mh-sm){
@@ -490,82 +490,82 @@ class Ct extends HTMLElement {
490
490
  </div>
491
491
  </div>
492
492
  <iam-pagination class="pagination--table" ${this.hasAttribute("data-page") ? `data-page="${this.getAttribute("data-page")}"` : ""} ></iam-pagination>
493
- `, 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([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;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.extras.css.map */
493
+ `, this.shadowRoot.appendChild(o.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 */
494
494
  </style>`);
495
495
  }
496
496
  connectedCallback() {
497
497
  const a = new URLSearchParams(window.location.search);
498
498
  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"));
499
499
  let t = this.classList.toString();
500
- if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), 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"), at(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" />`), $t(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax"))
501
- rt(this.table, this.form, this.pagination, this);
500
+ if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), 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" />`), $t(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"))
501
+ ot(this.table, this.form, this.pagination, this);
502
502
  else {
503
- let i = function(s = 1) {
504
- return Math.floor(Math.random() * Date.now() * (s + 1));
503
+ let o = function(n = 1) {
504
+ return Math.floor(Math.random() * Date.now() * (n + 1));
505
505
  };
506
506
  if (this.querySelector("iam-actionbar[data-selectall]")) {
507
- const s = this.querySelector("iam-actionbar[data-selectall]");
508
- Array.from(this.table.querySelectorAll("thead tr")).forEach((o, r) => {
509
- o.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
510
- }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, r) => {
511
- let d = `row${i(r)}`;
512
- o.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>`);
513
- }), this.table.addEventListener("change", (o) => {
514
- if (o && o.target instanceof HTMLElement && o.target.closest(".selectrow input")) {
515
- let r = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
516
- s.setAttribute("data-selected", r == d ? "all" : d);
507
+ const n = this.querySelector("iam-actionbar[data-selectall]");
508
+ Array.from(this.table.querySelectorAll("thead tr")).forEach((i, l) => {
509
+ i.insertAdjacentHTML("afterbegin", '<th class="th--fixed"></th>');
510
+ }), Array.from(this.table.querySelectorAll("tbody tr")).forEach((i, l) => {
511
+ let d = `row${o(l)}`;
512
+ i.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>`);
513
+ }), this.table.addEventListener("change", (i) => {
514
+ if (i && i.target instanceof HTMLElement && i.target.closest(".selectrow input")) {
515
+ let l = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, d = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
516
+ n.setAttribute("data-selected", l == d ? "all" : d);
517
517
  }
518
- }), s.addEventListener("selected", (o) => {
519
- o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((r, d) => {
520
- r.checked = !1;
521
- }) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((r, d) => {
522
- r.checked = !0;
518
+ }), n.addEventListener("selected", (i) => {
519
+ i.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
520
+ l.checked = !1;
521
+ }) : i.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((l, d) => {
522
+ l.checked = !0;
523
523
  });
524
524
  });
525
525
  }
526
- let n = -1;
527
- Array.from(this.table.querySelectorAll("tbody tr")).forEach((s, o) => {
528
- if (s.querySelector(":scope > td > .dialog__wrapper")) {
529
- let r = s.querySelector(":scope > td > .dialog__wrapper").parentNode;
530
- r.classList.add("td--fixed"), n = Array.from(r.parentNode.children).indexOf(r);
526
+ let s = -1;
527
+ Array.from(this.table.querySelectorAll("tbody tr")).forEach((n, i) => {
528
+ if (n.querySelector(":scope > td > .dialog__wrapper")) {
529
+ let l = n.querySelector(":scope > td > .dialog__wrapper").parentNode;
530
+ l.classList.add("td--fixed"), s = Array.from(l.parentNode.children).indexOf(l);
531
531
  }
532
- }), n != -1 && (this.table.querySelector(`thead tr th:nth-child(${n + 1})`).classList.add("th--fixed"), Array.from(this.table.querySelectorAll(`tbody tr td:nth-child(${n + 1})`)).forEach((s, o) => {
533
- s.classList.add("td--fixed");
534
- })), ot(this.table, this.form, this.pagination, this), Y(this.table, this.form, this), I(this.table, this.form);
532
+ }), 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((n, i) => {
533
+ n.classList.add("td--fixed");
534
+ })), at(this.table, this.form, this.pagination, this), K(this.table, this.form, this), O(this.table, this.form);
535
535
  }
536
- this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
536
+ this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (o) => {
537
537
  this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
538
538
  });
539
539
  }
540
540
  static get observedAttributes() {
541
541
  return ["data-total", "data-page", "data-show"];
542
542
  }
543
- attributeChangedCallback(a, t, i) {
543
+ attributeChangedCallback(a, t, o) {
544
544
  switch (this.pagination = this.shadowRoot.querySelector("iam-pagination"), a) {
545
545
  case "data-total": {
546
- t != i && this.pagination.setAttribute("data-total", i);
546
+ t != o && this.pagination.setAttribute("data-total", o);
547
547
  break;
548
548
  }
549
549
  case "data-show": {
550
- t != i && this.pagination.setAttribute("data-show", i);
550
+ t != o && this.pagination.setAttribute("data-show", o);
551
551
  break;
552
552
  }
553
553
  case "data-page": {
554
- t != i && this.pagination.setAttribute("data-page", i);
554
+ t != o && this.pagination.setAttribute("data-page", o);
555
555
  break;
556
556
  }
557
557
  }
558
558
  }
559
559
  }
560
560
  /*!
561
- * iamKey v5.0.0
561
+ * iamKey v5.1.0-beta2
562
562
  * Copyright 2022-2023 iamproperty
563
563
  */
564
- let nt = class extends HTMLElement {
564
+ class nt extends HTMLElement {
565
565
  constructor() {
566
566
  super(), this.attachShadow({ mode: "open" });
567
- 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");
568
- i.innerHTML = `
567
+ 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`, o = document.createElement("template");
568
+ o.innerHTML = `
569
569
  <style>
570
570
  @import "${t}";
571
571
  :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}.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 */
@@ -603,67 +603,67 @@ let nt = class extends HTMLElement {
603
603
  <button class="load-more btn btn-primary m-auto">Load more</a>
604
604
  </div>
605
605
  </div>
606
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
606
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
607
607
  }
608
608
  connectedCallback() {
609
609
  const a = new URLSearchParams(window.location.search);
610
610
  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"));
611
- const t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), n = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".per-page select"), o = this.shadowRoot.querySelector(".load-more");
612
- this.setup(), t.addEventListener("change", (r) => {
613
- this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", r.target.value);
614
- }), n.addEventListener("click", (r) => {
611
+ const t = this.shadowRoot.querySelector(".page-jump select"), o = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".per-page select"), i = this.shadowRoot.querySelector(".load-more");
612
+ this.setup(), t.addEventListener("change", (l) => {
613
+ this.setAttribute("data-show", this.getAttribute("data-increment")), this.setAttribute("data-page", l.target.value);
614
+ }), s.addEventListener("click", (l) => {
615
615
  t.value = parseInt(t.value) + 1, t.dispatchEvent(new Event("change"));
616
- }), i.addEventListener("click", (r) => {
616
+ }), o.addEventListener("click", (l) => {
617
617
  t.value = parseInt(t.value) - 1, t.dispatchEvent(new Event("change"));
618
- }), s.addEventListener("change", (r) => {
619
- this.setAttribute("data-increment", r.target.value);
620
- }), o.addEventListener("click", (r) => {
618
+ }), n.addEventListener("change", (l) => {
619
+ this.setAttribute("data-increment", l.target.value);
620
+ }), i.addEventListener("click", (l) => {
621
621
  let d = parseInt(this.getAttribute("data-show")) + parseInt(this.getAttribute("data-increment"));
622
- this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && o.remove();
622
+ this.setAttribute("data-show", d), d > parseInt(this.getAttribute("data-total")) && i.remove();
623
623
  });
624
624
  }
625
625
  setup() {
626
- const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), i = this.shadowRoot.querySelector(".prev"), n = this.shadowRoot.querySelector(".next"), s = this.shadowRoot.querySelector(".item-count"), o = this.shadowRoot.querySelector(".per-page select"), r = this.shadowRoot.querySelector(".total-pages"), d = parseInt(this.getAttribute("data-page")), l = parseInt(this.getAttribute("data-total")), m = parseInt(this.getAttribute("data-show")), c = parseInt(this.getAttribute("data-increment")), u = Math.ceil(l / c);
627
- l > m && a.classList.remove("d-none");
628
- let h = "";
629
- for (let q = 1; q <= u; q++)
630
- h += `<option value="${q}" ${q == d ? "selected" : ""}>${q}</option>`;
631
- t.innerHTML = h, r.innerHTML = `of ${u}`, d == u ? n.setAttribute("disabled", "disabled") : n.removeAttribute("disabled"), d == 1 ? i.setAttribute("disabled", "disabled") : i.removeAttribute("disabled");
632
- let f = d == 1 ? 1 : (d - 1) * m + 1, y = d == 1 ? m : d * m;
633
- s.innerHTML = `${f} - ${y > l ? l : y} of ${l} items`;
634
- const A = [15, 25, 40, 50];
635
- c && o.value != c && !A.includes(c) && (o.innerHTML = `<option value="${c}">${c}</option>
626
+ const a = this.shadowRoot.querySelector(".pagination"), t = this.shadowRoot.querySelector(".page-jump select"), o = this.shadowRoot.querySelector(".prev"), s = this.shadowRoot.querySelector(".next"), n = this.shadowRoot.querySelector(".item-count"), i = 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")), g = Math.ceil(r / c);
627
+ r > p && a.classList.remove("d-none");
628
+ let b = "";
629
+ for (let q = 1; q <= g; q++)
630
+ b += `<option value="${q}" ${q == d ? "selected" : ""}>${q}</option>`;
631
+ t.innerHTML = b, l.innerHTML = `of ${g}`, d == g ? s.setAttribute("disabled", "disabled") : s.removeAttribute("disabled"), d == 1 ? o.setAttribute("disabled", "disabled") : o.removeAttribute("disabled");
632
+ let h = d == 1 ? 1 : (d - 1) * p + 1, x = d == 1 ? p : d * p;
633
+ n.innerHTML = `${h} - ${x > r ? r : x} of ${r} items`;
634
+ const L = [15, 25, 40, 50];
635
+ c && i.value != c && !L.includes(c) && (i.innerHTML = `<option value="${c}">${c}</option>
636
636
  <option value="${c * 2}">${c * 2}</option>
637
637
  <option value="${c * 3}">${c * 3}</option>
638
- <option value="${c * 4}">${c * 4}</option>`), o.value = c;
638
+ <option value="${c * 4}">${c * 4}</option>`), i.value = c;
639
639
  }
640
640
  static get observedAttributes() {
641
641
  return ["data-total", "data-increment", "data-page", "data-show"];
642
642
  }
643
- attributeChangedCallback(a, t, i) {
643
+ attributeChangedCallback(a, t, o) {
644
644
  switch (a) {
645
645
  case "data-total": {
646
- t != i && (this.setAttribute("data-page", 1), this.setup());
646
+ t != o && (this.setAttribute("data-page", 1), this.setup());
647
647
  break;
648
648
  }
649
649
  case "data-show": {
650
- t != i && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
650
+ t != o && (this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: o } })));
651
651
  break;
652
652
  }
653
653
  case "data-increment": {
654
- t != i && (this.setAttribute("data-show", i), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: i } })));
654
+ t != o && (this.setAttribute("data-show", o), this.setAttribute("data-page", 1), this.setup(), this.dispatchEvent(new CustomEvent("update-show", { detail: { show: o } })));
655
655
  break;
656
656
  }
657
657
  case "data-page": {
658
- t && t != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
658
+ t && t != o && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: o } })));
659
659
  break;
660
660
  }
661
661
  }
662
662
  }
663
- };
664
- const Rt = (e) => e.charAt(0).toUpperCase() + e.slice(1), jt = (e) => e.replace(/_/g, " "), Nt = (e) => e.replace(/ /g, "_"), Dt = function(e) {
663
+ }
664
+ const jt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ct = (e) => e.replace(/_/g, " "), Nt = (e) => e.replace(/ /g, "_"), Rt = function(e) {
665
665
  return e = e.toLowerCase(), e = Nt(e), e = e.replace(/\W/g, ""), e;
666
- }, zt = {
666
+ }, Dt = {
667
667
  name: "Table",
668
668
  props: {
669
669
  items: {
@@ -677,42 +677,42 @@ const Rt = (e) => e.charAt(0).toUpperCase() + e.slice(1), jt = (e) => e.replace(
677
677
  },
678
678
  computed: {
679
679
  cellHeading() {
680
- return (e) => `${Rt(jt(e))}`;
680
+ return (e) => `${jt(Ct(e))}`;
681
681
  }
682
682
  },
683
683
  created() {
684
684
  this.$nextTick(function() {
685
- window.customElements.get("iam-table") || window.customElements.define("iam-table", Ct), window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", nt);
685
+ window.customElements.get("iam-table") || window.customElements.define("iam-table", Mt), window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", nt);
686
686
  });
687
687
  },
688
688
  updated() {
689
689
  }
690
- }, Pt = { key: 0 }, Ft = { key: 0 }, It = ["data-row-id"], Bt = ["innerHTML"];
691
- function Ot(e, a, t, i, n, s) {
692
- return p(), b("iam-table", null, [
693
- t.fields ? (p(), b("table", Pt, [
694
- g("thead", null, [
695
- g("tr", null, [
696
- (p(!0), b(H, null, C(t.fields, (o) => (p(), b("th", {
697
- key: o.key
698
- }, E(s.cellHeading(o.key)), 1))), 128))
690
+ }, zt = { key: 0 }, Ft = { key: 0 }, Pt = ["data-row-id"], It = ["innerHTML"];
691
+ function Ot(e, a, t, o, s, n) {
692
+ return u(), m("iam-table", null, [
693
+ t.fields ? (u(), m("table", zt, [
694
+ f("thead", null, [
695
+ f("tr", null, [
696
+ (u(!0), m(H, null, M(t.fields, (i) => (u(), m("th", {
697
+ key: i.key
698
+ }, $(n.cellHeading(i.key)), 1))), 128))
699
699
  ])
700
700
  ]),
701
- t.items ? (p(), b("tbody", Ft, [
702
- (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("tr", {
703
- key: r,
704
- "data-row-id": o.rowid
701
+ t.items ? (u(), m("tbody", Ft, [
702
+ (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("tr", {
703
+ key: l,
704
+ "data-row-id": i.rowid
705
705
  }, [
706
- (p(!0), b(H, null, C(Object.fromEntries(Object.entries(o).filter(([d]) => d !== "rowid")), (d, l) => (p(), b("td", {
707
- key: l,
706
+ (u(!0), m(H, null, M(Object.fromEntries(Object.entries(i).filter(([d]) => d !== "rowid")), (d, r) => (u(), m("td", {
707
+ key: r,
708
708
  innerHTML: d
709
- }, null, 8, Bt))), 128))
710
- ], 8, It))), 128))
711
- ])) : x("", !0)
712
- ])) : k(e.$slots, "default", { key: 1 })
709
+ }, null, 8, It))), 128))
710
+ ], 8, Pt))), 128))
711
+ ])) : w("", !0)
712
+ ])) : _(e.$slots, "default", { key: 1 })
713
713
  ]);
714
714
  }
715
- const st = /* @__PURE__ */ _(zt, [["render", Ot]]), Vt = {
715
+ const rt = /* @__PURE__ */ v(Dt, [["render", Ot]]), Bt = {
716
716
  name: "Input",
717
717
  props: {
718
718
  value: {
@@ -900,190 +900,190 @@ const st = /* @__PURE__ */ _(zt, [["render", Ot]]), Vt = {
900
900
  this.$emit("bus");
901
901
  }
902
902
  }
903
- }, Ut = ["for", "innerHTML", "title"], Wt = ["innerHTML"], Yt = ["innerHTML"], Gt = ["type", "name", "id", "pattern", "list"], Kt = ["type", "name", "id", "pattern"], Xt = {
903
+ }, Ut = ["for", "innerHTML", "title"], Vt = ["innerHTML"], Wt = ["innerHTML"], Gt = ["type", "name", "id", "pattern", "list"], Kt = ["type", "name", "id", "pattern"], Yt = {
904
904
  key: 5,
905
905
  class: "input-group"
906
- }, Jt = ["type", "name", "id", "pattern", "list"], Qt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Zt = {
906
+ }, Xt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Qt = {
907
907
  key: 6,
908
908
  class: "input-group"
909
- }, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], oe = ["value"], ie = ["type", "name", "id"], re = ["for", "innerHTML"], ne = ["type", "name", "id"], se = ["for", "innerHTML"], le = ["innerHTML"], de = ["id"], ce = ["value"];
910
- function ue(e, a, t, i, n, s) {
911
- return p(), b("div", {
912
- class: S(s.wrapperClass()),
909
+ }, Zt = ["type", "name", "id", "pattern", "list"], te = { class: "input-group-text flex-fill" }, ee = ["type", "name", "id", "pattern"], ae = ["value"], ie = ["type", "name", "id"], oe = ["for", "innerHTML"], ne = ["type", "name", "id"], re = ["for", "innerHTML"], se = ["innerHTML"], le = ["id"], de = ["value"];
910
+ function ce(e, a, t, o, s, n) {
911
+ return u(), m("div", {
912
+ class: k(n.wrapperClass()),
913
913
  ref: "wrapper"
914
914
  }, [
915
- s.needsLabel() ? (p(), b("label", {
915
+ n.needsLabel() ? (u(), m("label", {
916
916
  key: 0,
917
- class: S(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
917
+ class: k(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
918
918
  for: t.id,
919
- innerHTML: s.displayLabel(),
919
+ innerHTML: n.displayLabel(),
920
920
  title: t.title
921
- }, null, 10, Ut)) : x("", !0),
922
- t.prefix ? (p(), b("span", {
921
+ }, null, 10, Ut)) : w("", !0),
922
+ t.prefix ? (u(), m("span", {
923
923
  key: 1,
924
- class: S(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
924
+ class: k(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
925
925
  innerHTML: t.prefix,
926
926
  role: "presentation"
927
- }, null, 10, Wt)) : x("", !0),
928
- t.suffix ? (p(), b("span", {
927
+ }, null, 10, Vt)) : w("", !0),
928
+ t.suffix ? (u(), m("span", {
929
929
  key: 2,
930
- class: S(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
930
+ class: k(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
931
931
  innerHTML: t.suffix,
932
932
  role: "presentation"
933
- }, null, 10, Yt)) : x("", !0),
934
- s.isInput() ? D((p(), b("input", j({
933
+ }, null, 10, Wt)) : w("", !0),
934
+ n.isInput() ? D((u(), m("input", C({
935
935
  key: 3,
936
- "onUpdate:modelValue": a[0] || (a[0] = (o) => s.inputVal = o),
936
+ "onUpdate:modelValue": a[0] || (a[0] = (i) => n.inputVal = i),
937
937
  class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
938
938
  type: t.type,
939
939
  name: t.name ? t.name : t.id,
940
940
  id: t.id,
941
- pattern: s.needPattern(),
942
- list: s.hasOptions()
941
+ pattern: n.needPattern(),
942
+ list: n.hasOptions()
943
943
  }, e.$attrs, {
944
- onKeyup: a[1] || (a[1] = (...o) => s.inputKeyup && s.inputKeyup(...o))
944
+ onKeyup: a[1] || (a[1] = (...i) => n.inputKeyup && n.inputKeyup(...i))
945
945
  }), null, 16, Gt)), [
946
- [W, s.inputVal]
947
- ]) : x("", !0),
948
- t.type == "textarea" ? D((p(), b("textarea", j({
946
+ [G, n.inputVal]
947
+ ]) : w("", !0),
948
+ t.type == "textarea" ? D((u(), m("textarea", C({
949
949
  key: 4,
950
- "onUpdate:modelValue": a[2] || (a[2] = (o) => s.inputVal = o),
950
+ "onUpdate:modelValue": a[2] || (a[2] = (i) => n.inputVal = i),
951
951
  class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
952
952
  type: t.type,
953
953
  name: t.name ? t.name : t.id,
954
954
  id: t.id,
955
- pattern: s.needPattern()
955
+ pattern: n.needPattern()
956
956
  }, e.$attrs), null, 16, Kt)), [
957
- [pt, s.inputVal]
958
- ]) : x("", !0),
959
- t.type == "range" ? (p(), b("div", Xt, [
960
- D(g("input", j({
961
- "onUpdate:modelValue": a[3] || (a[3] = (o) => s.inputVal = o),
957
+ [ht, n.inputVal]
958
+ ]) : w("", !0),
959
+ t.type == "range" ? (u(), m("div", Yt, [
960
+ D(f("input", C({
961
+ "onUpdate:modelValue": a[3] || (a[3] = (i) => n.inputVal = i),
962
962
  class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
963
963
  type: t.type,
964
964
  name: t.name ? t.name : t.id,
965
965
  id: t.id,
966
- pattern: s.needPattern(),
967
- list: s.hasOptions()
968
- }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Jt), [
969
- [W, s.inputVal]
966
+ pattern: n.needPattern(),
967
+ list: n.hasOptions()
968
+ }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Xt), [
969
+ [G, n.inputVal]
970
970
  ]),
971
- g("output", Qt, E(t.value), 1)
972
- ])) : x("", !0),
973
- t.type == "color" ? (p(), b("div", Zt, [
974
- D(g("input", j({
975
- "onUpdate:modelValue": a[4] || (a[4] = (o) => s.inputVal = o),
971
+ f("output", Jt, $(t.value), 1)
972
+ ])) : w("", !0),
973
+ t.type == "color" ? (u(), m("div", Qt, [
974
+ D(f("input", C({
975
+ "onUpdate:modelValue": a[4] || (a[4] = (i) => n.inputVal = i),
976
976
  class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
977
977
  type: t.type,
978
978
  name: t.name ? t.name : t.id,
979
979
  id: t.id,
980
- pattern: s.needPattern(),
981
- list: s.hasOptions()
982
- }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, te), [
983
- [W, s.inputVal]
980
+ pattern: n.needPattern(),
981
+ list: n.hasOptions()
982
+ }, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
983
+ [G, n.inputVal]
984
984
  ]),
985
- g("output", ee, E(t.value ? e.vale : "#000000"), 1)
986
- ])) : x("", !0),
987
- t.type == "select" ? D((p(), b("select", j({
985
+ f("output", te, $(t.value ? e.vale : "#000000"), 1)
986
+ ])) : w("", !0),
987
+ t.type == "select" ? D((u(), m("select", C({
988
988
  key: 7,
989
- "onUpdate:modelValue": a[5] || (a[5] = (o) => s.inputVal = o),
989
+ "onUpdate:modelValue": a[5] || (a[5] = (i) => n.inputVal = i),
990
990
  class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
991
991
  type: t.type,
992
992
  name: t.id,
993
993
  id: t.id,
994
- pattern: s.needPattern()
994
+ pattern: n.needPattern()
995
995
  }, e.$attrs), [
996
- (p(!0), b(H, null, C(t.options, (o, r) => (p(), b("option", {
997
- key: r,
998
- value: o.value
999
- }, E(o.display ? o.display : o.value), 9, oe))), 128))
1000
- ], 16, ae)), [
1001
- [bt, s.inputVal]
1002
- ]) : x("", !0),
1003
- t.type == "checkbox" || t.type == "radio" ? (p(), b("input", j({
996
+ (u(!0), m(H, null, M(t.options, (i, l) => (u(), m("option", {
997
+ key: l,
998
+ value: i.value
999
+ }, $(i.display ? i.display : i.value), 9, ae))), 128))
1000
+ ], 16, ee)), [
1001
+ [pt, n.inputVal]
1002
+ ]) : w("", !0),
1003
+ t.type == "checkbox" || t.type == "radio" ? (u(), m("input", C({
1004
1004
  key: 8,
1005
1005
  class: "form-check-input",
1006
1006
  type: t.type,
1007
1007
  name: t.name ? t.name : t.id,
1008
1008
  id: t.id
1009
- }, e.$attrs), null, 16, ie)) : x("", !0),
1010
- t.type == "checkbox" || t.type == "radio" ? (p(), b("label", {
1009
+ }, e.$attrs), null, 16, ie)) : w("", !0),
1010
+ t.type == "checkbox" || t.type == "radio" ? (u(), m("label", {
1011
1011
  key: 9,
1012
- class: S(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
1012
+ class: k(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
1013
1013
  for: t.id,
1014
1014
  innerHTML: t.label
1015
- }, null, 10, re)) : x("", !0),
1016
- t.type == "checkbox-btn" || t.type == "radio-btn" ? (p(), b("input", j({
1015
+ }, null, 10, oe)) : w("", !0),
1016
+ t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("input", C({
1017
1017
  key: 10,
1018
1018
  class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
1019
1019
  type: t.type.replace("-btn", ""),
1020
1020
  autocomplete: "off",
1021
1021
  name: t.name ? t.name : t.id,
1022
1022
  id: t.id
1023
- }, e.$attrs), null, 16, ne)) : x("", !0),
1024
- t.type == "checkbox-btn" || t.type == "radio-btn" ? (p(), b("label", {
1023
+ }, e.$attrs), null, 16, ne)) : w("", !0),
1024
+ t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
1025
1025
  key: 11,
1026
- class: S(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
1026
+ class: k(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
1027
1027
  for: t.id,
1028
1028
  innerHTML: t.label,
1029
- onClick: a[6] || (a[6] = (...o) => s.clickEvent && s.clickEvent(...o))
1030
- }, null, 10, se)) : x("", !0),
1031
- k(e.$slots, "default"),
1032
- t.errormsg ? (p(), b("span", {
1029
+ onClick: a[6] || (a[6] = (...i) => n.clickEvent && n.clickEvent(...i))
1030
+ }, null, 10, re)) : w("", !0),
1031
+ _(e.$slots, "default"),
1032
+ t.errormsg ? (u(), m("span", {
1033
1033
  key: 12,
1034
1034
  class: "invalid-feedback mb-0",
1035
1035
  innerHTML: t.errormsg
1036
- }, null, 8, le)) : x("", !0),
1037
- s.allowDatalist() ? (p(), b("datalist", {
1036
+ }, null, 8, se)) : w("", !0),
1037
+ n.allowDatalist() ? (u(), m("datalist", {
1038
1038
  key: 13,
1039
1039
  id: t.id + "-list"
1040
1040
  }, [
1041
- (p(!0), b(H, null, C(t.options, (o, r) => (p(), b("option", {
1042
- key: r,
1043
- value: o.value
1044
- }, E(o.value), 9, ce))), 128))
1045
- ], 8, de)) : x("", !0)
1041
+ (u(!0), m(H, null, M(t.options, (i, l) => (u(), m("option", {
1042
+ key: l,
1043
+ value: i.value
1044
+ }, $(i.value), 9, de))), 128))
1045
+ ], 8, le)) : w("", !0)
1046
1046
  ], 2);
1047
1047
  }
1048
- const lt = /* @__PURE__ */ _(Vt, [["render", ue]]);
1049
- function me(e, a) {
1050
- const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), n = e.querySelector("input"), s = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, o = n.cloneNode();
1051
- i.append(o), a.addEventListener("click", (r) => {
1052
- r && r.target instanceof HTMLElement && r.target.closest(".btn-primary") && (r.target.closest(".btn-primary"), (n.hasAttribute("multiple") ? o : n).click());
1053
- }), a.addEventListener("click", (r) => {
1054
- if (r && r.target instanceof HTMLElement && r.target.closest(".files button")) {
1055
- const d = new DataTransfer(), { files: l } = n, m = r.target.closest(".files button");
1056
- for (let u = 0; u < l.length; u++) {
1057
- const h = l[u];
1058
- h.name != m.getAttribute("data-file") && d.items.add(h);
1048
+ const st = /* @__PURE__ */ v(Bt, [["render", ce]]);
1049
+ function ue(e, a) {
1050
+ const t = a.querySelector(".files"), o = a.querySelector(".drop-area"), s = e.querySelector("input"), n = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, i = s.cloneNode();
1051
+ o.append(i), a.addEventListener("click", (l) => {
1052
+ l && l.target instanceof HTMLElement && l.target.closest(".btn-primary") && (l.target.closest(".btn-primary"), (s.hasAttribute("multiple") ? i : s).click());
1053
+ }), a.addEventListener("click", (l) => {
1054
+ if (l && l.target instanceof HTMLElement && l.target.closest(".files button")) {
1055
+ const d = new DataTransfer(), { files: r } = s, p = l.target.closest(".files button");
1056
+ for (let g = 0; g < r.length; g++) {
1057
+ const b = r[g];
1058
+ b.name != p.getAttribute("data-file") && d.items.add(b);
1059
1059
  }
1060
- n.files = d.files;
1060
+ s.files = d.files;
1061
1061
  const c = new Event("change");
1062
- n.dispatchEvent(c);
1062
+ s.dispatchEvent(c);
1063
1063
  }
1064
- }), o.addEventListener("change", (r) => {
1065
- if (n.hasAttribute("multiple")) {
1066
- const l = [...n.files, ...o.files];
1067
- let m = [];
1064
+ }), i.addEventListener("change", (l) => {
1065
+ if (s.hasAttribute("multiple")) {
1066
+ const r = [...s.files, ...i.files];
1067
+ let p = [];
1068
1068
  const c = new DataTransfer();
1069
- for (let u = 0; u < l.length; u++) {
1070
- const h = l[u], f = h.size / 1e3;
1071
- !m.includes(h.name) && (s == 0 || f < s) && c.items.add(h), m.push(h.name);
1069
+ for (let g = 0; g < r.length; g++) {
1070
+ const b = r[g], h = b.size / 1e3;
1071
+ !p.includes(b.name) && (n == 0 || h < n) && c.items.add(b), p.push(b.name);
1072
1072
  }
1073
- n.files = c.files;
1073
+ s.files = c.files;
1074
1074
  } else
1075
- n.files = o.files;
1075
+ s.files = i.files;
1076
1076
  const d = new Event("change");
1077
- n.dispatchEvent(d);
1078
- }), o.addEventListener("dragenter", (r) => {
1079
- o.classList.add("focus");
1080
- }), o.addEventListener("dragleave", (r) => {
1081
- o.classList.remove("focus");
1082
- }), o.addEventListener("drop", (r) => {
1083
- o.classList.remove("focus");
1084
- }), n.addEventListener("change", (r) => {
1077
+ s.dispatchEvent(d);
1078
+ }), i.addEventListener("dragenter", (l) => {
1079
+ i.classList.add("focus");
1080
+ }), i.addEventListener("dragleave", (l) => {
1081
+ i.classList.remove("focus");
1082
+ }), i.addEventListener("drop", (l) => {
1083
+ i.classList.remove("focus");
1084
+ }), s.addEventListener("change", (l) => {
1085
1085
  t.innerHTML = "";
1086
- for (const d of n.files)
1086
+ for (const d of s.files)
1087
1087
  t.innerHTML += `<span class="file">${d.name} <button data-file="${d.name}">Remove</button></span>`;
1088
1088
  });
1089
1089
  }
@@ -1092,14 +1092,14 @@ window.dataLayer.push({
1092
1092
  event: "customElementRegistered",
1093
1093
  element: "fileupload"
1094
1094
  });
1095
- class he extends HTMLElement {
1095
+ class me extends HTMLElement {
1096
1096
  constructor() {
1097
1097
  super(), this.attachShadow({ mode: "open" });
1098
- 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";`, n = document.createElement("template");
1099
- n.innerHTML = `
1098
+ 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`, o = `@import "${a}/css/components/fileupload.css";`, s = document.createElement("template");
1099
+ s.innerHTML = `
1100
1100
  <style>
1101
1101
  @import "${t}";
1102
- ${i}
1102
+ ${o}
1103
1103
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
1104
1104
  </style>
1105
1105
  <div class="file-upload">
@@ -1111,15 +1111,15 @@ class he extends HTMLElement {
1111
1111
  <slot></slot>
1112
1112
  <div class="files"></div>
1113
1113
  </div>
1114
- `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
1114
+ `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
1115
1115
  }
1116
1116
  connectedCallback() {
1117
1117
  this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
1118
- const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), i = this.shadowRoot.querySelector(".helper-text");
1119
- 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")}` : ""}`, me(this, a);
1118
+ const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), o = this.shadowRoot.querySelector(".helper-text");
1119
+ o.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);
1120
1120
  }
1121
1121
  }
1122
- const pe = {
1122
+ const he = {
1123
1123
  name: "FileUpload",
1124
1124
  props: {
1125
1125
  maxfilesize: {
@@ -1133,71 +1133,40 @@ const pe = {
1133
1133
  },
1134
1134
  mounted() {
1135
1135
  this.$nextTick(function() {
1136
- window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", he);
1136
+ window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", me);
1137
1137
  });
1138
1138
  }
1139
1139
  };
1140
- function be(e, a, t, i, n, s) {
1141
- return p(), b("iam-fileupload", null, [
1142
- k(e.$slots, "default")
1140
+ function pe(e, a, t, o, s, n) {
1141
+ return u(), m("iam-fileupload", null, [
1142
+ _(e.$slots, "default")
1143
1143
  ]);
1144
1144
  }
1145
- const Qo = /* @__PURE__ */ _(pe, [["render", be]]);
1146
- /*!
1147
- * iamKey v5.0.0
1148
- * Copyright 2022-2023 iamproperty
1149
- */
1150
- function fe(e) {
1151
- let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
1152
- if (a.forEach((i) => {
1153
- i.classList.add("accordion-item");
1154
- }), t.forEach((i) => {
1155
- i.classList.add("accordion-header"), i.classList.add("accordion-button"), i.classList.add("h4");
1156
- }), !e.classList.contains("accordion--keep-open")) {
1157
- const i = e.querySelectorAll(":scope > details");
1158
- i.forEach((n) => {
1159
- n.addEventListener("click", () => {
1160
- i.forEach((s) => {
1161
- s !== n && s.removeAttribute("open");
1162
- });
1163
- });
1164
- });
1165
- }
1166
- }
1167
- window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "accordion" });
1168
- let ge = class extends HTMLElement {
1169
- constructor() {
1170
- super(), this.attachShadow({ mode: "open" });
1171
- 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");
1172
- i.innerHTML = `
1173
- <style>
1174
- @import "${t}";
1175
- :is(.accordion,iam-accordion){--accordion-indent: 0.75rem;--accordion-right-padding: 3rem;--accordion-y-padding: 1rem;--accordion-icon-size: 1.875rem;--accordion-icon-top: 0.75rem}@media screen and (min-width: 62em){:is(.accordion,iam-accordion){--accordion-right-padding: 6rem;--accordion-y-padding: 2rem;--accordion-icon-size: 3rem;--accordion-icon-top: 1.25rem}}.accordion-header{padding:var(--accordion-y-padding) var(--accordion-right-padding) var(--accordion-y-padding) var(--accordion-indent);color:var(--colour-heading);text-align:left;background-color:rgba(0,0,0,0);overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--marker-bg: var(--colour-secondary);cursor:pointer;position:relative;max-width:100%}@media(prefers-reduced-motion: reduce){.accordion-header{transition:none}}.accordion-header .badge{vertical-align:bottom;margin-left:.5em;margin-right:.5em;margin-bottom:.1em}.accordion-header:before,.accordion-header:after{content:"";position:absolute;right:var(--accordion-indent);top:var(--accordion-icon-top);margin-top:var(--accordion-icon-size-half);width:var(--accordion-icon-size);height:var(--accordion-icon-size)}.accordion-header:before{text-indent:100%;white-space:nowrap;overflow:hidden;background:var(--marker-bg);border-radius:100%}.accordion-header::after{background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){.accordion-header::after{transition:none}}@media(forced-colors: active){.accordion-header::after{content:"►";mask-image:none;-webkit-mask-image:none}}.accordion-header:hover,.accordion-header:focus{--marker-bg: var(--colour-warning);color:var(--colour-hover)}.accordion-header:hover{z-index:var(--index-focus)}.accordion-header:focus{z-index:var(--index-focus);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}[open]>summary>.accordion-header{color:var(--colour-heading);background-color:rgba(0,0,0,0)}[open]>summary>.accordion-header::after{transform:rotate(-90deg)}.accordion-header[class*=bg-] .accordion-button{border-bottom:1px solid var(--colour-border);margin-bottom:-1px}.accordion-header[class*=bg-] .accordion-button:before{background:none !important}.accordion-header[class*=bg-]:hover .accordion-button{opacity:.8}.accordion-header[class*=bg-]+.accordion-body{padding-top:2rem}.accordion-header{margin-bottom:0}.accordion-item{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--colour-border);margin-bottom:2rem}.accordion-item:first-of-type{border-top:1px solid var(--colour-border)}.accordion-item+.accordion-item{margin-top:-2rem}.accordion-item summary~*{text-align:left;padding:0 var(--accordion-indent)}.accordion--straight>details>summary:not([class*=bg-])>.accordion-button,.accordion--straight>details>.accordion-item summary~*{padding-left:0 !important}.accordion--straight .accordion-item summary~*{padding-right:0 !important}.accordion .accordion:first-child{padding-top:1rem}.accordion .accordion:last-child{padding-bottom:2rem}.accordion .accordion .accordion-button{padding:1rem 3rem 1rem var(--accordion-indent)}.accordion .accordion .accordion-button:before,.accordion .accordion .accordion-button:after{top:.75rem;height:2rem;width:2rem;right:.5rem}.accordion .accordion .accordion-button:before{background-color:var(--colour-light)}/*# sourceMappingURL=assets/css/components/accordion.css.map */
1176
-
1177
- ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
1178
- </style>
1179
- <div class="accordion">
1180
- <slot></slot>
1181
- </div>
1182
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
1183
- }
1184
- connectedCallback() {
1185
- fe(this);
1186
- }
1145
+ const zi = /* @__PURE__ */ v(he, [["render", pe]]), N = (e, a) => {
1146
+ const t = e[a];
1147
+ return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((o, s) => {
1148
+ (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + a)));
1149
+ });
1187
1150
  };
1188
- window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", ge);
1189
- const ye = {
1151
+ const be = {
1190
1152
  name: "Accordion",
1191
1153
  props: {},
1192
1154
  mounted() {
1155
+ this.$nextTick(function() {
1156
+ 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-0276d022.mjs") }), "../../../assets/js/components/accordion/accordion.component.js").then((e) => {
1157
+ window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", e.default);
1158
+ }).catch((e) => {
1159
+ console.log(e.message);
1160
+ });
1161
+ });
1193
1162
  }
1194
- }, ve = { ref: "wrapper" };
1195
- function we(e, a, t, i, n, s) {
1196
- return p(), b("iam-accordion", ve, [
1197
- k(e.$slots, "default")
1163
+ }, fe = { ref: "wrapper" };
1164
+ function ge(e, a, t, o, s, n) {
1165
+ return u(), m("iam-accordion", fe, [
1166
+ _(e.$slots, "default")
1198
1167
  ], 512);
1199
1168
  }
1200
- const ti = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
1169
+ const Fi = /* @__PURE__ */ v(be, [["render", ge]]), ye = {
1201
1170
  name: "AccordionItem",
1202
1171
  props: {
1203
1172
  title: {
@@ -1224,7 +1193,7 @@ const ti = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
1224
1193
  },
1225
1194
  computed: {
1226
1195
  createID() {
1227
- return (e) => `${Dt(e)}`;
1196
+ return (e) => `${Rt(e)}`;
1228
1197
  }
1229
1198
  },
1230
1199
  data() {
@@ -1232,24 +1201,24 @@ const ti = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
1232
1201
  show: !this.lazy
1233
1202
  };
1234
1203
  }
1235
- }, _e = ["id"], xe = ["classList"];
1236
- function ke(e, a, t, i, n, s) {
1237
- return p(), b("details", {
1238
- id: s.createID(t.title)
1204
+ }, ve = ["id"], we = ["classList"];
1205
+ function _e(e, a, t, o, s, n) {
1206
+ return u(), m("details", {
1207
+ id: n.createID(t.title)
1239
1208
  }, [
1240
- g("summary", {
1209
+ f("summary", {
1241
1210
  classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
1242
1211
  }, [
1243
- ft(E(t.title), 1),
1244
- t.badge ? (p(), b("span", {
1212
+ bt($(t.title), 1),
1213
+ t.badge ? (u(), m("span", {
1245
1214
  key: 0,
1246
- class: S(`badge bg-${t.badgecolour}`)
1247
- }, E(t.badge), 3)) : x("", !0)
1248
- ], 8, xe),
1249
- k(e.$slots, "default")
1250
- ], 8, _e);
1215
+ class: k(`badge bg-${t.badgecolour}`)
1216
+ }, $(t.badge), 3)) : w("", !0)
1217
+ ], 8, we),
1218
+ _(e.$slots, "default")
1219
+ ], 8, ve);
1251
1220
  }
1252
- const ei = /* @__PURE__ */ _(Ae, [["render", ke]]), Le = {
1221
+ const Pi = /* @__PURE__ */ v(ye, [["render", _e]]), Ae = {
1253
1222
  name: "Header",
1254
1223
  props: {
1255
1224
  title: {
@@ -1266,36 +1235,36 @@ const ei = /* @__PURE__ */ _(Ae, [["render", ke]]), Le = {
1266
1235
  required: !1
1267
1236
  }
1268
1237
  }
1269
- }, Se = { class: "container" }, qe = { class: "row" }, $e = { class: "col-sm-6" }, Ee = { class: "pt-5 pb-3 px-4" }, Te = { class: "col-sm-6 col-md-5 ms-auto" }, Me = ["src"];
1270
- function He(e, a, t, i, n, s) {
1271
- return p(), b("div", Se, [
1272
- g("div", {
1273
- class: S("bg-" + t.background + " mb-4")
1238
+ }, xe = { class: "container" }, ke = { class: "row" }, Le = { class: "col-sm-6" }, Se = { class: "pt-5 pb-3 px-4" }, $e = { class: "col-sm-6 col-md-5 ms-auto" }, qe = ["src"];
1239
+ function Ee(e, a, t, o, s, n) {
1240
+ return u(), m("div", xe, [
1241
+ f("div", {
1242
+ class: k("bg-" + t.background + " mb-4")
1274
1243
  }, [
1275
- g("div", qe, [
1276
- g("div", $e, [
1277
- g("div", Ee, [
1278
- g("h2", null, E(t.title), 1),
1279
- k(e.$slots, "default")
1244
+ f("div", ke, [
1245
+ f("div", Le, [
1246
+ f("div", Se, [
1247
+ f("h2", null, $(t.title), 1),
1248
+ _(e.$slots, "default")
1280
1249
  ])
1281
1250
  ]),
1282
- g("div", Te, [
1283
- t.image ? (p(), b("img", {
1251
+ f("div", $e, [
1252
+ t.image ? (u(), m("img", {
1284
1253
  key: 0,
1285
1254
  src: t.image,
1286
1255
  alt: "",
1287
1256
  class: "h-100 w-100 object-cover"
1288
- }, null, 8, Me)) : x("", !0)
1257
+ }, null, 8, qe)) : w("", !0)
1289
1258
  ])
1290
1259
  ])
1291
1260
  ], 2)
1292
1261
  ]);
1293
1262
  }
1294
- const ai = /* @__PURE__ */ _(Le, [["render", He]]), Ce = {
1263
+ const Ii = /* @__PURE__ */ v(Ae, [["render", Ee]]), Te = {
1295
1264
  name: "Card",
1296
1265
  mounted() {
1297
1266
  this.$nextTick(function() {
1298
- import("./card.component.min-45882ca3.mjs").then((e) => {
1267
+ N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/card/card.component.js": () => import("./card.component-4a8f3fbe.mjs"), "../../../assets/js/components/card/card.component.min.js": () => import("./card.component.min-8a3f454a.mjs") }), "../../../assets/js/components/card/card.component.js").then((e) => {
1299
1268
  window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
1300
1269
  }).catch((e) => {
1301
1270
  console.log(e.message);
@@ -1303,31 +1272,31 @@ const ai = /* @__PURE__ */ _(Le, [["render", He]]), Ce = {
1303
1272
  });
1304
1273
  }
1305
1274
  };
1306
- function Re(e, a, t, i, n, s) {
1307
- return p(), b("iam-card", null, [
1308
- k(e.$slots, "default")
1275
+ function He(e, a, t, o, s, n) {
1276
+ return u(), m("iam-card", null, [
1277
+ _(e.$slots, "default")
1309
1278
  ]);
1310
1279
  }
1311
- const je = /* @__PURE__ */ _(Ce, [["render", Re]]);
1312
- function Ne(e) {
1280
+ const Me = /* @__PURE__ */ v(Te, [["render", He]]);
1281
+ function je(e) {
1313
1282
  var a;
1314
- let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
1283
+ let t = e.querySelector(".carousel__inner"), o = e.querySelectorAll(".carousel__item").length;
1315
1284
  e.getAttribute("data-cols");
1316
- let n = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
1317
- e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(o) {
1285
+ let s = e.getAttribute("data-sm-cols"), n = e.getAttribute("data-md-cols");
1286
+ e.querySelector(".carousel__controls a").setAttribute("aria-current", !0), t.addEventListener("scroll", function(i) {
1318
1287
  clearTimeout(a), a = setTimeout(function() {
1319
- let r = t.clientWidth, d = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / d * i) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
1320
- Array.from(e.querySelectorAll(".carousel__controls a")).forEach((u, h) => {
1321
- u.removeAttribute("aria-current");
1322
- }), e.querySelector(".control-" + m).setAttribute("aria-current", !0), m == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + r > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
1288
+ let l = t.clientWidth, d = t.scrollWidth, r = t.scrollLeft, p = Math.round(r / d * o) + 1, c = e.querySelector(".carousel__item:last-child").offsetLeft;
1289
+ Array.from(e.querySelectorAll(".carousel__controls a")).forEach((g, b) => {
1290
+ g.removeAttribute("aria-current");
1291
+ }), e.querySelector(".control-" + p).setAttribute("aria-current", !0), p == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + l > c ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
1323
1292
  }, 100);
1324
- }, !1), e.addEventListener("click", function(o) {
1325
- for (var r = o.target; r && r != this; r = r.parentNode)
1326
- if (r.matches(".carousel__controls a")) {
1327
- o.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, m) => {
1328
- l.removeAttribute("aria-current");
1329
- }), r.setAttribute("aria-current", !0);
1330
- const d = document.querySelector(r.getAttribute("href"));
1293
+ }, !1), e.addEventListener("click", function(i) {
1294
+ for (var l = i.target; l && l != this; l = l.parentNode)
1295
+ if (l.matches(".carousel__controls a")) {
1296
+ i.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((r, p) => {
1297
+ r.removeAttribute("aria-current");
1298
+ }), l.setAttribute("aria-current", !0);
1299
+ const d = document.querySelector(l.getAttribute("href"));
1331
1300
  t.scroll({
1332
1301
  top: 0,
1333
1302
  left: d.offsetLeft,
@@ -1335,11 +1304,11 @@ function Ne(e) {
1335
1304
  });
1336
1305
  break;
1337
1306
  }
1338
- }, !1), e.addEventListener("click", function(o) {
1339
- for (var r = o.target; r && r != this; r = r.parentNode)
1340
- if (r.matches(".btn-next, .btn-prev")) {
1341
- o.preventDefault();
1342
- let d = r.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
1307
+ }, !1), e.addEventListener("click", function(i) {
1308
+ for (var l = i.target; l && l != this; l = l.parentNode)
1309
+ if (l.matches(".btn-next, .btn-prev")) {
1310
+ i.preventDefault();
1311
+ let d = l.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
1343
1312
  t.scroll({
1344
1313
  top: 0,
1345
1314
  left: d,
@@ -1347,11 +1316,11 @@ function Ne(e) {
1347
1316
  });
1348
1317
  break;
1349
1318
  }
1350
- }, !1), i == 1 && e.classList.add("hide-btns"), n >= i && e.classList.add("hide-sm-btns"), s >= i && e.classList.add("hide-md-btns");
1319
+ }, !1), o == 1 && e.classList.add("hide-btns"), s >= o && e.classList.add("hide-sm-btns"), n >= o && e.classList.add("hide-md-btns");
1351
1320
  }
1352
- const De = {
1321
+ const Ce = {
1353
1322
  components: {
1354
- Card: je
1323
+ Card: Me
1355
1324
  },
1356
1325
  name: "Carousel",
1357
1326
  data() {
@@ -1425,40 +1394,40 @@ const De = {
1425
1394
  },
1426
1395
  mounted() {
1427
1396
  this.id = this._uid, this.$nextTick(function() {
1428
- Ne(this.$refs.wrapper);
1397
+ je(this.$refs.wrapper);
1429
1398
  });
1430
1399
  }
1431
- }, ze = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Pe = { class: "carousel__wrapper" }, Fe = { class: "carousel__inner" }, Ie = ["id"], Be = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ g("button", {
1400
+ }, Ne = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Re = { class: "carousel__wrapper" }, De = { class: "carousel__inner" }, ze = ["id"], Fe = ["innerHTML", "id"], Pe = ["href"], Ie = /* @__PURE__ */ f("button", {
1432
1401
  class: "btn btn-prev",
1433
1402
  "data-go": "0",
1434
1403
  disabled: ""
1435
- }, "Prev", -1), Ue = /* @__PURE__ */ g("button", {
1404
+ }, "Prev", -1), Oe = /* @__PURE__ */ f("button", {
1436
1405
  class: "btn btn-next",
1437
1406
  "data-go": "2"
1438
1407
  }, "Next", -1);
1439
- function We(e, a, t, i, n, s) {
1440
- const o = F("Card");
1441
- return p(), b("div", {
1408
+ function Be(e, a, t, o, s, n) {
1409
+ const i = I("Card");
1410
+ return u(), m("div", {
1442
1411
  class: "container carousel",
1443
- id: "carousel" + n.id,
1412
+ id: "carousel" + s.id,
1444
1413
  ref: "wrapper",
1445
1414
  "data-cols": t.cols,
1446
1415
  "data-sm-cols": t.smcols,
1447
1416
  "data-md-cols": t.mdcols
1448
1417
  }, [
1449
- k(e.$slots, "default"),
1450
- g("div", Pe, [
1451
- g("div", Fe, [
1452
- t.type == "card" ? (p(), b("div", {
1418
+ _(e.$slots, "default"),
1419
+ f("div", Re, [
1420
+ f("div", De, [
1421
+ t.type == "card" ? (u(), m("div", {
1453
1422
  key: 0,
1454
- class: S(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
1423
+ class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
1455
1424
  }, [
1456
- (p(!0), b(H, null, C(t.items, (r, d) => (p(), b("div", {
1457
- class: S(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
1425
+ (u(!0), m(H, null, M(t.items, (l, d) => (u(), m("div", {
1426
+ class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
1458
1427
  key: d,
1459
- id: "carousel" + n.id + "slide" + (d + 1)
1428
+ id: "carousel" + s.id + "slide" + (d + 1)
1460
1429
  }, [
1461
- R(o, j(r, {
1430
+ j(i, C(l, {
1462
1431
  class: t.cardclass,
1463
1432
  type: t.cardtype,
1464
1433
  btnyype: t.btntype,
@@ -1466,48 +1435,48 @@ function We(e, a, t, i, n, s) {
1466
1435
  ctatext: t.ctatext,
1467
1436
  hidectatext: t.hidectatext
1468
1437
  }), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
1469
- ], 10, Ie))), 128))
1470
- ], 2)) : x("", !0),
1471
- t.type != "card" ? (p(), b("div", {
1438
+ ], 10, ze))), 128))
1439
+ ], 2)) : w("", !0),
1440
+ t.type != "card" ? (u(), m("div", {
1472
1441
  key: 1,
1473
- class: S(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
1442
+ class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
1474
1443
  }, [
1475
- (p(!0), b(H, null, C(t.items, (r, d) => (p(), b("div", {
1476
- class: S(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
1444
+ (u(!0), m(H, null, M(t.items, (l, d) => (u(), m("div", {
1445
+ class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
1477
1446
  key: d,
1478
- innerHTML: s.content(r),
1479
- id: "carousel" + n.id + "slide" + (d + 1)
1480
- }, null, 10, Be))), 128))
1481
- ], 2)) : x("", !0)
1447
+ innerHTML: n.content(l),
1448
+ id: "carousel" + s.id + "slide" + (d + 1)
1449
+ }, null, 10, Fe))), 128))
1450
+ ], 2)) : w("", !0)
1482
1451
  ]),
1483
- g("div", {
1484
- class: S(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
1452
+ f("div", {
1453
+ class: k(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
1485
1454
  }, [
1486
- (p(!0), b(H, null, C(t.items, (r, d) => (p(), b("a", {
1455
+ (u(!0), m(H, null, M(t.items, (l, d) => (u(), m("a", {
1487
1456
  key: d,
1488
- href: "#carousel" + n.id + "slide" + (d + 1),
1489
- class: S(`control-${d + 1}`)
1490
- }, "Slide " + E(d + 1), 11, Oe))), 128))
1457
+ href: "#carousel" + s.id + "slide" + (d + 1),
1458
+ class: k(`control-${d + 1}`)
1459
+ }, "Slide " + $(d + 1), 11, Pe))), 128))
1491
1460
  ], 2),
1492
- Ve,
1493
- Ue
1461
+ Ie,
1462
+ Oe
1494
1463
  ])
1495
- ], 8, ze);
1464
+ ], 8, Ne);
1496
1465
  }
1497
- const oi = /* @__PURE__ */ _(De, [["render", We]]);
1466
+ const Oi = /* @__PURE__ */ v(Ce, [["render", Be]]);
1498
1467
  /*!
1499
- * iamKey v5.0.0
1468
+ * iamKey v5.1.0-beta2
1500
1469
  * Copyright 2022-2023 iamproperty
1501
1470
  */
1502
1471
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
1503
- class Ye extends HTMLElement {
1472
+ class Ue extends HTMLElement {
1504
1473
  constructor() {
1505
1474
  super(), this.attachShadow({ mode: "open" });
1506
- 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");
1507
- i.innerHTML = `
1475
+ 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`, o = document.createElement("template");
1476
+ o.innerHTML = `
1508
1477
  <style>
1509
1478
  @import "${t}";
1510
- .header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
1479
+ :host{padding-top:0 !important;margin-bottom:2rem}.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: white;--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=assets/css/components/header.css.map */
1511
1480
 
1512
1481
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
1513
1482
  </style>
@@ -1525,7 +1494,7 @@ class Ye extends HTMLElement {
1525
1494
  <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
1526
1495
  </picture>
1527
1496
  </div>
1528
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
1497
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
1529
1498
  }
1530
1499
  connectedCallback() {
1531
1500
  this.classList.add("loaded");
@@ -1533,7 +1502,10 @@ class Ye extends HTMLElement {
1533
1502
  this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
1534
1503
  }
1535
1504
  }
1536
- const Ge = {
1505
+ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1506
+ __proto__: null,
1507
+ default: Ue
1508
+ }, Symbol.toStringTag, { value: "Module" })), We = {
1537
1509
  name: "Header",
1538
1510
  props: {
1539
1511
  title: {
@@ -1547,53 +1519,57 @@ const Ge = {
1547
1519
  },
1548
1520
  mounted() {
1549
1521
  this.$nextTick(function() {
1550
- window.customElements.get("iam-header") || window.customElements.define("iam-header", Ye);
1522
+ N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/header/header.component.js": () => import("./header.component-780164cb.mjs"), "../../../assets/js/components/header/header.component.min.js": () => Promise.resolve().then(() => Ve) }), "../../../assets/js/components/header/header.component.js").then((e) => {
1523
+ window.customElements.get("iam-header") || window.customElements.define("iam-header", e.default);
1524
+ }).catch((e) => {
1525
+ console.log(e.message);
1526
+ });
1551
1527
  });
1552
1528
  }
1553
- }, Ke = ["image"], Xe = ["innerHTML"];
1554
- function Je(e, a, t, i, n, s) {
1555
- return p(), b("iam-header", {
1529
+ }, Ge = ["image"], Ke = ["innerHTML"];
1530
+ function Ye(e, a, t, o, s, n) {
1531
+ return u(), m("iam-header", {
1556
1532
  class: "bg-secondary",
1557
1533
  image: t.image
1558
1534
  }, [
1559
- k(e.$slots, "breadcrumb"),
1560
- t.title ? (p(), b("h1", {
1535
+ _(e.$slots, "breadcrumb"),
1536
+ t.title ? (u(), m("h1", {
1561
1537
  key: 0,
1562
1538
  innerHTML: t.title
1563
- }, null, 8, Xe)) : x("", !0),
1564
- k(e.$slots, "default")
1565
- ], 8, Ke);
1539
+ }, null, 8, Ke)) : w("", !0),
1540
+ _(e.$slots, "default")
1541
+ ], 8, Ge);
1566
1542
  }
1567
- const ii = /* @__PURE__ */ _(Ge, [["render", Je]]);
1568
- function Qe(e) {
1543
+ const Bi = /* @__PURE__ */ v(We, [["render", Ye]]);
1544
+ function Xe(e) {
1569
1545
  var a;
1570
- const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
1571
- if (i == 1)
1546
+ const t = e.querySelector(".testimonial__images"), o = t.querySelectorAll("img").length;
1547
+ if (o == 1)
1572
1548
  return !1;
1573
1549
  e.classList.add("testimonial--multi");
1574
- const n = function(s) {
1575
- const o = e.querySelector(".btn-next"), r = e.querySelector(".btn-prev");
1576
- o.setAttribute("data-go", s + 1), r.setAttribute("data-go", s - 1), o.removeAttribute("disabled"), r.removeAttribute("disabled"), s == 1 ? r.setAttribute("disabled", !0) : s == i && o.setAttribute("disabled", !0);
1550
+ const s = function(n) {
1551
+ const i = e.querySelector(".btn-next"), l = e.querySelector(".btn-prev");
1552
+ i.setAttribute("data-go", n + 1), l.setAttribute("data-go", n - 1), i.removeAttribute("disabled"), l.removeAttribute("disabled"), n == 1 ? l.setAttribute("disabled", !0) : n == o && i.setAttribute("disabled", !0);
1577
1553
  };
1578
- t.addEventListener("scroll", function(s) {
1554
+ t.addEventListener("scroll", function(n) {
1579
1555
  clearTimeout(a), a = setTimeout(function() {
1580
- let o = t.scrollWidth, r = t.scrollHeight, d = t.scrollLeft, l = t.scrollTop, m = Math.round(d / o * i) + 1;
1581
- d == 0 && l != 0 && (m = Math.round(l / r * i) + 1), e.setAttribute("data-show", m), n(m);
1556
+ let i = t.scrollWidth, l = t.scrollHeight, d = t.scrollLeft, r = t.scrollTop, p = Math.round(d / i * o) + 1;
1557
+ d == 0 && r != 0 && (p = Math.round(r / l * o) + 1), e.setAttribute("data-show", p), s(p);
1582
1558
  }, 300);
1583
- }, !1), e.addEventListener("click", function(s) {
1584
- for (var o = s.target; o && o != this; o = o.parentNode)
1585
- if (o.matches("[data-go]")) {
1586
- let r = parseInt(o.getAttribute("data-go")), d = 0, l = 0, m = t.scrollWidth, c = t.scrollHeight;
1587
- m > c ? l = Math.floor(m * ((r - 1) / i)) : d = Math.floor(c * ((r - 1) / i)), t.scroll({
1559
+ }, !1), e.addEventListener("click", function(n) {
1560
+ for (var i = n.target; i && i != this; i = i.parentNode)
1561
+ if (i.matches("[data-go]")) {
1562
+ let l = parseInt(i.getAttribute("data-go")), d = 0, r = 0, p = t.scrollWidth, c = t.scrollHeight;
1563
+ p > c ? r = Math.floor(p * ((l - 1) / o)) : d = Math.floor(c * ((l - 1) / o)), t.scroll({
1588
1564
  top: d,
1589
- left: l,
1565
+ left: r,
1590
1566
  behavior: "smooth"
1591
1567
  });
1592
1568
  break;
1593
1569
  }
1594
1570
  }, !1);
1595
1571
  }
1596
- const Ze = {
1572
+ const Je = {
1597
1573
  name: "Testimonial",
1598
1574
  props: {
1599
1575
  items: {
@@ -1607,66 +1583,66 @@ const Ze = {
1607
1583
  }
1608
1584
  },
1609
1585
  mounted() {
1610
- Qe(this.$refs.wrapper);
1586
+ Xe(this.$refs.wrapper);
1611
1587
  }
1612
- }, ta = {
1588
+ }, Qe = {
1613
1589
  class: "container testimonial mb-5",
1614
1590
  "data-show": "1",
1615
1591
  ref: "wrapper"
1616
- }, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, oa = { class: "testimonial__images" }, ia = ["src"], ra = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
1617
- /* @__PURE__ */ g("button", {
1592
+ }, Ze = { class: "row" }, ta = { class: "col-md-5 position-relative" }, ea = { class: "testimonial__images" }, aa = ["src"], ia = /* @__PURE__ */ f("div", { class: "testimonial__controls" }, [
1593
+ /* @__PURE__ */ f("button", {
1618
1594
  "data-go": "0",
1619
1595
  disabled: "",
1620
1596
  class: "btn-prev"
1621
1597
  }, "Previous"),
1622
- /* @__PURE__ */ g("button", {
1598
+ /* @__PURE__ */ f("button", {
1623
1599
  "data-go": "2",
1624
1600
  class: "btn-next"
1625
1601
  }, "Next")
1626
- ], -1), na = { class: "col-md-7" }, sa = /* @__PURE__ */ g("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, da = ["innerHTML"], ca = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ g("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
1627
- function ha(e, a, t, i, n, s) {
1628
- return p(), b("div", ta, [
1629
- g("div", {
1630
- class: S("bg-" + t.background)
1602
+ ], -1), oa = { class: "col-md-7" }, na = /* @__PURE__ */ f("h2", null, "What our customers think…", -1), ra = { class: "testimonial__content" }, sa = ["innerHTML"], la = ["innerHTML"], da = { class: "testimonial__after" }, ca = /* @__PURE__ */ f("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
1603
+ function ua(e, a, t, o, s, n) {
1604
+ return u(), m("div", Qe, [
1605
+ f("div", {
1606
+ class: k("bg-" + t.background)
1631
1607
  }, [
1632
- g("div", ea, [
1633
- g("div", aa, [
1634
- g("div", oa, [
1635
- (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("img", {
1636
- key: r,
1637
- src: o.image ? o.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
1608
+ f("div", Ze, [
1609
+ f("div", ta, [
1610
+ f("div", ea, [
1611
+ (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("img", {
1612
+ key: l,
1613
+ src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
1638
1614
  alt: "",
1639
- class: S("h-100 w-100 object-cover" + (o.image ? "" : " opacity-0"))
1640
- }, null, 10, ia))), 128))
1615
+ class: k("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
1616
+ }, null, 10, aa))), 128))
1641
1617
  ]),
1642
- ra
1618
+ ia
1643
1619
  ]),
1644
- g("div", na, [
1645
- sa,
1646
- g("div", la, [
1647
- (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("blockquote", {
1648
- key: r,
1649
- class: S(o.class)
1620
+ f("div", oa, [
1621
+ na,
1622
+ f("div", ra, [
1623
+ (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("blockquote", {
1624
+ key: l,
1625
+ class: k(i.class)
1650
1626
  }, [
1651
- g("div", {
1652
- innerHTML: o.quote
1653
- }, null, 8, da),
1654
- g("cite", {
1655
- innerHTML: o.cite
1656
- }, null, 8, ca)
1627
+ f("div", {
1628
+ innerHTML: i.quote
1629
+ }, null, 8, sa),
1630
+ f("cite", {
1631
+ innerHTML: i.cite
1632
+ }, null, 8, la)
1657
1633
  ], 2))), 128))
1658
1634
  ]),
1659
- g("div", ua, [
1660
- k(e.$slots, "default")
1635
+ f("div", da, [
1636
+ _(e.$slots, "default")
1661
1637
  ])
1662
1638
  ])
1663
1639
  ]),
1664
- ma
1640
+ ca
1665
1641
  ], 2)
1666
1642
  ], 512);
1667
1643
  }
1668
- const ri = /* @__PURE__ */ _(Ze, [["render", ha]]);
1669
- const pa = {
1644
+ const Ui = /* @__PURE__ */ v(Je, [["render", ua]]);
1645
+ const ma = {
1670
1646
  name: "Timeline",
1671
1647
  props: {
1672
1648
  image: {
@@ -1674,23 +1650,23 @@ const pa = {
1674
1650
  required: !1
1675
1651
  }
1676
1652
  }
1677
- }, ba = { class: "timeline" }, fa = { class: "timeline__content" }, ga = ["src"];
1678
- function ya(e, a, t, i, n, s) {
1679
- return p(), b("div", ba, [
1680
- g("div", fa, [
1681
- k(e.$slots, "default")
1653
+ }, ha = { class: "timeline" }, pa = { class: "timeline__content" }, ba = ["src"];
1654
+ function fa(e, a, t, o, s, n) {
1655
+ return u(), m("div", ha, [
1656
+ f("div", pa, [
1657
+ _(e.$slots, "default")
1682
1658
  ]),
1683
- t.image ? (p(), b("img", {
1659
+ t.image ? (u(), m("img", {
1684
1660
  key: 0,
1685
1661
  src: t.image,
1686
1662
  alt: ""
1687
- }, null, 8, ga)) : x("", !0)
1663
+ }, null, 8, ba)) : w("", !0)
1688
1664
  ]);
1689
1665
  }
1690
- const ni = /* @__PURE__ */ _(pa, [["render", ya]]);
1691
- const va = {
1666
+ const Vi = /* @__PURE__ */ v(ma, [["render", fa]]);
1667
+ const ga = {
1692
1668
  components: {
1693
- Input: lt
1669
+ Input: st
1694
1670
  },
1695
1671
  name: "PropertySearchbar",
1696
1672
  props: {
@@ -1834,46 +1810,46 @@ const va = {
1834
1810
  ];
1835
1811
  }
1836
1812
  }
1837
- }, wa = {
1813
+ }, ya = {
1838
1814
  class: "container",
1839
1815
  ref: "wrapper"
1840
- }, Aa = { class: "property-searchbar" }, _a = ["action", "method"], xa = { class: "col-12 col-md-3" }, ka = { class: "col-12 col-md" }, La = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Price range", -1), Sa = {
1816
+ }, va = { class: "property-searchbar" }, wa = ["action", "method"], _a = { class: "col-12 col-md-3" }, Aa = { class: "col-12 col-md" }, xa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ka = {
1841
1817
  class: "row",
1842
1818
  "data-input-range": ""
1843
- }, qa = { class: "col-12 col-md" }, $a = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Ea = {
1819
+ }, La = { class: "col-12 col-md" }, Sa = /* @__PURE__ */ f("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), $a = {
1844
1820
  class: "row",
1845
1821
  "data-input-range": ""
1846
- }, Ta = { class: "col-12 col-md-2" }, Ma = /* @__PURE__ */ g("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
1847
- /* @__PURE__ */ g("button", {
1822
+ }, qa = { class: "col-12 col-md-2" }, Ea = /* @__PURE__ */ f("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
1823
+ /* @__PURE__ */ f("button", {
1848
1824
  class: "btn w-100 me-0",
1849
1825
  type: "submit",
1850
1826
  value: "submit"
1851
1827
  }, "Search")
1852
1828
  ], -1);
1853
- function Ha(e, a, t, i, n, s) {
1854
- const o = F("Input");
1855
- return p(), b("div", wa, [
1856
- k(e.$slots, "default"),
1857
- g("div", Aa, [
1858
- g("form", {
1829
+ function Ta(e, a, t, o, s, n) {
1830
+ const i = I("Input");
1831
+ return u(), m("div", ya, [
1832
+ _(e.$slots, "default"),
1833
+ f("div", va, [
1834
+ f("form", {
1859
1835
  class: "row",
1860
1836
  action: t.formaction,
1861
1837
  method: t.formmethod
1862
1838
  }, [
1863
- g("fieldset", xa, [
1864
- R(o, {
1839
+ f("fieldset", _a, [
1840
+ j(i, {
1865
1841
  inputClass: "input--locations",
1866
- modelValue: s.locationSet,
1867
- "onUpdate:modelValue": a[0] || (a[0] = (r) => s.locationSet = r),
1842
+ modelValue: n.locationSet,
1843
+ "onUpdate:modelValue": a[0] || (a[0] = (l) => n.locationSet = l),
1868
1844
  label: "Location",
1869
1845
  id: "location",
1870
- options: s.locationsList(),
1846
+ options: n.locationsList(),
1871
1847
  required: "",
1872
1848
  placeholder: "i.e. Newcastle or NE1",
1873
- onKeyupEvent: a[1] || (a[1] = (r) => s.locationKeyup(...arguments)),
1849
+ onKeyupEvent: a[1] || (a[1] = (l) => n.locationKeyup(...arguments)),
1874
1850
  ref: "search"
1875
1851
  }, null, 8, ["modelValue", "options"]),
1876
- R(o, {
1852
+ j(i, {
1877
1853
  class: "select--miles",
1878
1854
  label: "Miles",
1879
1855
  id: "miles",
@@ -1881,10 +1857,10 @@ function Ha(e, a, t, i, n, s) {
1881
1857
  options: t.distances
1882
1858
  }, null, 8, ["options"])
1883
1859
  ]),
1884
- g("fieldset", ka, [
1885
- La,
1886
- g("div", Sa, [
1887
- R(o, {
1860
+ f("fieldset", Aa, [
1861
+ xa,
1862
+ f("div", ka, [
1863
+ j(i, {
1888
1864
  class: "col-6",
1889
1865
  label: "Minimum price",
1890
1866
  id: "price-min",
@@ -1892,7 +1868,7 @@ function Ha(e, a, t, i, n, s) {
1892
1868
  type: "select",
1893
1869
  options: t.pricemin
1894
1870
  }, null, 8, ["options"]),
1895
- R(o, {
1871
+ j(i, {
1896
1872
  class: "col-6",
1897
1873
  label: "Maximum price",
1898
1874
  id: "price-max",
@@ -1902,10 +1878,10 @@ function Ha(e, a, t, i, n, s) {
1902
1878
  }, null, 8, ["options"])
1903
1879
  ])
1904
1880
  ]),
1905
- g("fieldset", qa, [
1906
- $a,
1907
- g("div", Ea, [
1908
- R(o, {
1881
+ f("fieldset", La, [
1882
+ Sa,
1883
+ f("div", $a, [
1884
+ j(i, {
1909
1885
  class: "col-6",
1910
1886
  label: "Minimum beds",
1911
1887
  id: "beds-min",
@@ -1913,7 +1889,7 @@ function Ha(e, a, t, i, n, s) {
1913
1889
  type: "select",
1914
1890
  options: t.bedsmin
1915
1891
  }, null, 8, ["options"]),
1916
- R(o, {
1892
+ j(i, {
1917
1893
  class: "col-6",
1918
1894
  label: "Maximum beds",
1919
1895
  id: "beds-max",
@@ -1923,26 +1899,26 @@ function Ha(e, a, t, i, n, s) {
1923
1899
  }, null, 8, ["options"])
1924
1900
  ])
1925
1901
  ]),
1926
- g("fieldset", Ta, [
1927
- R(o, {
1902
+ f("fieldset", qa, [
1903
+ j(i, {
1928
1904
  label: "Property type",
1929
1905
  id: "property-type",
1930
1906
  type: "select",
1931
1907
  options: t.propertytypes
1932
1908
  }, null, 8, ["options"])
1933
1909
  ]),
1934
- Ma
1935
- ], 8, _a)
1910
+ Ea
1911
+ ], 8, wa)
1936
1912
  ]),
1937
- k(e.$slots, "after")
1913
+ _(e.$slots, "after")
1938
1914
  ], 512);
1939
1915
  }
1940
- const si = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
1916
+ const Wi = /* @__PURE__ */ v(ga, [["render", Ta]]), Ha = {
1941
1917
  components: {},
1942
1918
  name: "Nav",
1943
1919
  mounted() {
1944
1920
  this.$nextTick(function() {
1945
- import("./nav.component.min-225d7cc2.mjs").then((e) => {
1921
+ N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/nav/nav.component.js": () => import("./nav.component-8f91e8a0.mjs"), "../../../assets/js/components/nav/nav.component.min.js": () => import("./nav.component.min-7da898cd.mjs") }), "../../../assets/js/components/nav/nav.component.js").then((e) => {
1946
1922
  window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
1947
1923
  }).catch((e) => {
1948
1924
  console.log(e.message);
@@ -1950,14 +1926,14 @@ const si = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
1950
1926
  });
1951
1927
  },
1952
1928
  methods: {}
1953
- }, Ra = { ref: "wrapper" };
1954
- function ja(e, a, t, i, n, s) {
1955
- return p(), b("iam-nav", Ra, [
1956
- k(e.$slots, "default")
1929
+ }, Ma = { ref: "wrapper" };
1930
+ function ja(e, a, t, o, s, n) {
1931
+ return u(), m("iam-nav", Ma, [
1932
+ _(e.$slots, "default")
1957
1933
  ], 512);
1958
1934
  }
1959
- const li = /* @__PURE__ */ _(Ca, [["render", ja]]);
1960
- const Na = {
1935
+ const Gi = /* @__PURE__ */ v(Ha, [["render", ja]]);
1936
+ const Ca = {
1961
1937
  name: "Stepper",
1962
1938
  props: {
1963
1939
  label: {
@@ -1970,26 +1946,26 @@ const Na = {
1970
1946
  default: "Complete"
1971
1947
  }
1972
1948
  }
1973
- }, Da = { class: "container" }, za = ["aria-label"], Pa = {
1949
+ }, Na = { class: "container" }, Ra = ["aria-label"], Da = {
1974
1950
  key: 0,
1975
1951
  class: "h6 stepper__start"
1976
- }, Fa = { class: "list-unstyled" }, Ia = { class: "h6 stepper__end" };
1977
- function Ba(e, a, t, i, n, s) {
1978
- return p(), b("div", Da, [
1979
- g("nav", {
1952
+ }, za = { class: "list-unstyled" }, Fa = { class: "h6 stepper__end" };
1953
+ function Pa(e, a, t, o, s, n) {
1954
+ return u(), m("div", Na, [
1955
+ f("nav", {
1980
1956
  class: "stepper",
1981
1957
  "aria-label": t.label ? t.label : "Progress"
1982
1958
  }, [
1983
- t.label ? (p(), b("span", Pa, E(t.label), 1)) : x("", !0),
1984
- g("ol", Fa, [
1985
- k(e.$slots, "default")
1959
+ t.label ? (u(), m("span", Da, $(t.label), 1)) : w("", !0),
1960
+ f("ol", za, [
1961
+ _(e.$slots, "default")
1986
1962
  ]),
1987
- g("span", Ia, E(t.endlabel), 1)
1988
- ], 8, za)
1963
+ f("span", Fa, $(t.endlabel), 1)
1964
+ ], 8, Ra)
1989
1965
  ]);
1990
1966
  }
1991
- const di = /* @__PURE__ */ _(Na, [["render", Ba]]);
1992
- const Oa = {
1967
+ const Ki = /* @__PURE__ */ v(Ca, [["render", Pa]]);
1968
+ const Ia = {
1993
1969
  name: "Snapshot",
1994
1970
  props: {
1995
1971
  items: {
@@ -1997,33 +1973,33 @@ const Oa = {
1997
1973
  required: !0
1998
1974
  }
1999
1975
  }
2000
- }, Va = {
1976
+ }, Oa = {
2001
1977
  class: "container snapshot",
2002
1978
  ref: "wrapper"
2003
- }, Ua = { class: "row" }, Wa = ["href"], Ya = { class: "lead snapshot__title" }, Ga = { class: "stat" };
2004
- function Ka(e, a, t, i, n, s) {
2005
- return p(), b("div", Va, [
2006
- k(e.$slots, "default"),
2007
- g("div", Ua, [
2008
- (p(!0), b(H, null, C(t.items, (o, r) => (p(), b("div", {
1979
+ }, Ba = { class: "row" }, Ua = ["href"], Va = { class: "lead snapshot__title" }, Wa = { class: "stat" };
1980
+ function Ga(e, a, t, o, s, n) {
1981
+ return u(), m("div", Oa, [
1982
+ _(e.$slots, "default"),
1983
+ f("div", Ba, [
1984
+ (u(!0), m(H, null, M(t.items, (i, l) => (u(), m("div", {
2009
1985
  class: "col",
2010
- key: r
1986
+ key: l
2011
1987
  }, [
2012
- o.link ? (p(), b("a", {
1988
+ i.link ? (u(), m("a", {
2013
1989
  key: 0,
2014
- href: o.link
2015
- }, "View " + E(o.title), 9, Wa)) : x("", !0),
2016
- g("div", {
2017
- class: S(`snapshot__item ${o.bg ? "bg-" + o.bg : ""}`)
1990
+ href: i.link
1991
+ }, "View " + $(i.title), 9, Ua)) : w("", !0),
1992
+ f("div", {
1993
+ class: k(`snapshot__item ${i.bg ? "bg-" + i.bg : ""}`)
2018
1994
  }, [
2019
- g("span", Ya, E(o.title), 1),
2020
- g("span", Ga, E(o.number), 1)
1995
+ f("span", Va, $(i.title), 1),
1996
+ f("span", Wa, $(i.number), 1)
2021
1997
  ], 2)
2022
1998
  ]))), 128))
2023
1999
  ])
2024
2000
  ], 512);
2025
2001
  }
2026
- const ci = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
2002
+ const Yi = /* @__PURE__ */ v(Ia, [["render", Ga]]), Ka = {
2027
2003
  name: "Stepper",
2028
2004
  props: {
2029
2005
  url: {
@@ -2039,111 +2015,43 @@ const ci = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
2039
2015
  required: !1
2040
2016
  }
2041
2017
  }
2042
- }, Ja = ["href", "aria-current"], Qa = {
2018
+ }, Ya = ["href", "aria-current"], Xa = {
2043
2019
  key: 0,
2044
2020
  class: "visually-hidden"
2045
2021
  };
2046
- function Za(e, a, t, i, n, s) {
2047
- return p(), b("li", null, [
2048
- g("a", {
2022
+ function Ja(e, a, t, o, s, n) {
2023
+ return u(), m("li", null, [
2024
+ f("a", {
2049
2025
  href: t.url,
2050
- class: S(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
2026
+ class: k(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
2051
2027
  "aria-current": typeof t.current < "u" ? "step" : !1
2052
2028
  }, [
2053
- g("span", null, [
2054
- k(e.$slots, "default")
2029
+ f("span", null, [
2030
+ _(e.$slots, "default")
2055
2031
  ]),
2056
- t.status ? (p(), b("em", Qa, " - status: " + E(t.status), 1)) : x("", !0)
2057
- ], 10, Ja)
2032
+ t.status ? (u(), m("em", Xa, " - status: " + $(t.status), 1)) : w("", !0)
2033
+ ], 10, Ya)
2058
2034
  ]);
2059
2035
  }
2060
- const ui = /* @__PURE__ */ _(Xa, [["render", Za]]);
2061
- /*!
2062
- * iamKey v5.0.0
2063
- * Copyright 2022-2023 iamproperty
2064
- */
2065
- const to = function(e) {
2066
- const a = e.querySelectorAll(":scope > details");
2067
- e.querySelectorAll(":scope > details > summary");
2068
- let t = e.querySelector(":scope > .tabs__links");
2069
- if (e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), !t) {
2070
- t = document.createElement("div"), t.classList.add("tabs__links");
2071
- let i = document.createElement("div");
2072
- i.classList.add("tabs__links__wrapper"), i.prepend(t), e.prepend(i);
2073
- }
2074
- a.forEach((i, n) => {
2075
- let s = i.querySelector(":scope > summary"), o = s.classList.contains("disabled");
2076
- s.classList.add("visually-hidden");
2077
- let r = document.createElement("button");
2078
- i.hasAttribute("id") && (r = document.createElement("a"), r.setAttribute("href", `#${i.getAttribute("id")}`)), i.hasAttribute("open") && r.setAttribute("aria-pressed", !0), r.innerHTML = `${s.innerText}`, r.classList.add("link"), r.setAttribute("data-index", n), r.setAttribute("tabindex", "-1"), o && r.classList.add("disabled"), t.appendChild(r);
2079
- });
2080
- }, eo = function(e) {
2081
- let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), i = e.querySelectorAll(":scope .tabs__links > .link");
2082
- e.shadowRoot && (i = e.shadowRoot.querySelectorAll(".tabs__links > .link")), i.forEach((n) => {
2083
- n.addEventListener("click", (s) => {
2084
- if (s.preventDefault(), n.classList.contains("disabled"))
2085
- return !1;
2086
- i.forEach((o) => {
2087
- let r = o == n;
2088
- o.setAttribute("aria-pressed", r);
2089
- }), a.forEach((o, r) => {
2090
- let d = n.getAttribute("data-index") == r;
2091
- d ? o.setAttribute("open", d) : o.removeAttribute("open");
2092
- }), n.hasAttribute("href") && history.pushState(void 0, void 0, n.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: n.textContent });
2093
- });
2094
- }), t.forEach((n, s) => {
2095
- n.addEventListener("focus", (o) => {
2096
- i.forEach((r) => {
2097
- r.classList.remove("focus");
2098
- }), i[s].classList.add("focus");
2099
- }), n.addEventListener("click", (o) => {
2100
- o.preventDefault(), i[s].click();
2036
+ const Xi = /* @__PURE__ */ v(Ka, [["render", Ja]]);
2037
+ const Qa = {
2038
+ name: "Tabs",
2039
+ mounted() {
2040
+ this.$nextTick(function() {
2041
+ 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-4068cbd7.mjs") }), "../../../assets/js/components/tabs/tabs.component.js").then((e) => {
2042
+ window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", e.default);
2043
+ }).catch((e) => {
2044
+ console.log(e.message);
2045
+ });
2101
2046
  });
2102
- });
2103
- }, ao = function(e) {
2104
- let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
2105
- e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (a[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
2106
- }, oo = function(e) {
2107
- to(e), eo(e), ao(e);
2108
- };
2109
- window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
2110
- let io = class extends HTMLElement {
2111
- constructor() {
2112
- super(), this.attachShadow({ mode: "open" });
2113
- 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");
2114
- i.innerHTML = `
2115
- <style>
2116
- @import "${t}";
2117
-
2118
- :host(.admin-panel){
2119
- display: contents!important;
2120
- }
2121
-
2122
- ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2123
- </style>
2124
- <div class="tabs">
2125
- <div class="tabs__links__wrapper">
2126
- <div class="tabs__links"></div>
2127
- </div>
2128
- <slot></slot>
2129
- </div>
2130
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
2131
- }
2132
- connectedCallback() {
2133
- let a = this.classList.toString().replace("container", "");
2134
- this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), oo(this);
2135
2047
  }
2136
- };
2137
- window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", io);
2138
- const ro = {
2139
- name: "Tabs"
2140
- }, no = { ref: "wrapper" };
2141
- function so(e, a, t, i, n, s) {
2142
- return p(), b("iam-tabs", no, [
2143
- k(e.$slots, "default")
2048
+ }, Za = { ref: "wrapper" };
2049
+ function ti(e, a, t, o, s, n) {
2050
+ return u(), m("iam-tabs", Za, [
2051
+ _(e.$slots, "default")
2144
2052
  ], 512);
2145
2053
  }
2146
- const hi = /* @__PURE__ */ _(ro, [["render", so]]), lo = {
2054
+ const Ji = /* @__PURE__ */ v(Qa, [["render", ti]]), ei = {
2147
2055
  name: "Tab",
2148
2056
  props: {
2149
2057
  title: {
@@ -2165,23 +2073,23 @@ const hi = /* @__PURE__ */ _(ro, [["render", so]]), lo = {
2165
2073
  isDisabled: !!this.disabled
2166
2074
  };
2167
2075
  }
2168
- }, co = { class: "tab" }, uo = ["innerHTML"];
2169
- function mo(e, a, t, i, n, s) {
2170
- return p(), b("details", co, [
2171
- g("summary", {
2076
+ }, ai = { class: "tab" }, ii = ["innerHTML"];
2077
+ function oi(e, a, t, o, s, n) {
2078
+ return u(), m("details", ai, [
2079
+ f("summary", {
2172
2080
  innerHTML: t.title,
2173
- class: S({ disabled: n.isDisabled })
2174
- }, null, 10, uo),
2175
- k(e.$slots, "default")
2081
+ class: k({ disabled: s.isDisabled })
2082
+ }, null, 10, ii),
2083
+ _(e.$slots, "default")
2176
2084
  ]);
2177
2085
  }
2178
- const pi = /* @__PURE__ */ _(lo, [["render", mo]]);
2179
- let dt = st.props;
2180
- dt.fields.required = !1;
2181
- const ho = {
2086
+ const Qi = /* @__PURE__ */ v(ei, [["render", oi]]);
2087
+ let lt = rt.props;
2088
+ lt.fields.required = !1;
2089
+ const ni = {
2182
2090
  components: {
2183
- Table: st,
2184
- Input: lt
2091
+ Table: rt,
2092
+ Input: st
2185
2093
  },
2186
2094
  data() {
2187
2095
  return {
@@ -2194,9 +2102,9 @@ const ho = {
2194
2102
  console.log(this);
2195
2103
  const a = new FormData(e.target);
2196
2104
  let t = /* @__PURE__ */ new Date();
2197
- const i = t.getFullYear();
2198
- let n = t.getMonth() + 1, s = t.getDate();
2199
- s < 10 && (s = "0" + s), n < 10 && (n = "0" + n), t = s + "/" + n + "/" + i, this.itemsData.unshift({
2105
+ const o = t.getFullYear();
2106
+ let s = t.getMonth() + 1, n = t.getDate();
2107
+ n < 10 && (n = "0" + n), s < 10 && (s = "0" + s), t = n + "/" + s + "/" + o, this.itemsData.unshift({
2200
2108
  date_added: t,
2201
2109
  user: a.get("user"),
2202
2110
  note: a.get("addNote")
@@ -2209,7 +2117,7 @@ const ho = {
2209
2117
  type: String,
2210
2118
  required: !0
2211
2119
  },
2212
- ...dt,
2120
+ ...lt,
2213
2121
  title: {
2214
2122
  type: String,
2215
2123
  required: !1
@@ -2224,166 +2132,166 @@ const ho = {
2224
2132
  required: !1
2225
2133
  }
2226
2134
  }
2227
- }, po = { class: "container note-feed mb-2" }, bo = ["innerHTML"], fo = ["action", "method"], go = ["value"], yo = /* @__PURE__ */ g("button", { class: "btn btn-tertiary" }, "Submit note", -1);
2228
- function vo(e, a, t, i, n, s) {
2229
- const o = F("Table"), r = F("Input");
2230
- return p(), b("div", po, [
2231
- t.title ? (p(), b("span", {
2135
+ }, ri = { class: "container note-feed mb-2" }, si = ["innerHTML"], li = ["action", "method"], di = ["value"], ci = /* @__PURE__ */ f("button", { class: "btn btn-tertiary" }, "Submit note", -1);
2136
+ function ui(e, a, t, o, s, n) {
2137
+ const i = I("Table"), l = I("Input");
2138
+ return u(), m("div", ri, [
2139
+ t.title ? (u(), m("span", {
2232
2140
  key: 0,
2233
2141
  class: "h3",
2234
2142
  innerHTML: t.title
2235
- }, null, 8, bo)) : x("", !0),
2236
- R(o, j({
2143
+ }, null, 8, si)) : w("", !0),
2144
+ j(i, C({
2237
2145
  fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
2238
- items: n.itemsData
2146
+ items: s.itemsData
2239
2147
  }, e.$props, { class: "mb-0" }), null, 16, ["items"]),
2240
- g("form", {
2148
+ f("form", {
2241
2149
  action: t.action,
2242
2150
  method: t.method,
2243
- onSubmit: a[0] || (a[0] = gt((d) => s.submitForm(...arguments), ["prevent"]))
2151
+ onSubmit: a[0] || (a[0] = ft((d) => n.submitForm(...arguments), ["prevent"]))
2244
2152
  }, [
2245
- g("input", {
2153
+ f("input", {
2246
2154
  type: "hidden",
2247
2155
  value: t.user,
2248
2156
  name: "user"
2249
- }, null, 8, go),
2250
- R(r, {
2157
+ }, null, 8, di),
2158
+ j(l, {
2251
2159
  id: "addNote",
2252
2160
  type: "textarea",
2253
2161
  label: "Add note",
2254
2162
  required: "",
2255
2163
  class: "mw-100"
2256
2164
  }),
2257
- yo
2258
- ], 40, fo)
2165
+ ci
2166
+ ], 40, li)
2259
2167
  ]);
2260
2168
  }
2261
- const bi = /* @__PURE__ */ _(ho, [["render", vo]]);
2169
+ const Zi = /* @__PURE__ */ v(ni, [["render", ui]]);
2262
2170
  /*!
2263
- * iamKey v5.0.0
2171
+ * iamKey v5.1.0-beta2
2264
2172
  * Copyright 2022-2023 iamproperty
2265
2173
  */
2266
- function wo(e, a) {
2267
- function t(i, n) {
2268
- let s = !1, o = n.getAttribute("name");
2269
- o.includes("[]") && (o = o.replace("[]", `[${n.value}]`));
2270
- let r = i.querySelector(`[data-name="${o}"]`);
2271
- r && n.getAttribute("type") == "checkbox" && (s = !n.checked);
2272
- let d = n.getAttribute("data-filter-text");
2273
- if (r || (r = document.createElement("button"), i.appendChild(r)), r.setAttribute("type", "button"), r.classList.add("filter"), r.setAttribute("data-name", o), r.innerHTML = d.replace("$value", n.value), (!n.value || s) && r.remove(), n.parentNode.closest("[data-filter-text]")) {
2274
- let l = n.parentNode.closest("[data-filter-text]"), m = !0;
2275
- if (o = "", l.querySelectorAll("input").forEach((c, u) => {
2276
- let h = c.getAttribute("name");
2277
- if (o += `${u != 0 ? "," : ""}${h}`, i.querySelector(`[data-name="${h}"]`) && i.querySelector(`[data-name="${h}"]`).remove(), c.value) {
2278
- let f = document.createElement("button");
2279
- f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", h), f.innerHTML = d.replace("$value", c.value), i.appendChild(f);
2174
+ function mi(e, a) {
2175
+ function t(o, s) {
2176
+ let n = !1, i = s.getAttribute("name");
2177
+ i.includes("[]") && (i = i.replace("[]", `[${s.value}]`));
2178
+ let l = o.querySelector(`[data-name="${i}"]`);
2179
+ l && s.getAttribute("type") == "checkbox" && (n = !s.checked);
2180
+ let d = s.getAttribute("data-filter-text");
2181
+ if (l || (l = document.createElement("button"), o.appendChild(l)), l.setAttribute("type", "button"), l.classList.add("filter"), l.setAttribute("data-name", i), l.innerHTML = d.replace("$value", s.value), (!s.value || n) && l.remove(), s.parentNode.closest("[data-filter-text]")) {
2182
+ let r = s.parentNode.closest("[data-filter-text]"), p = !0;
2183
+ if (i = "", r.querySelectorAll("input").forEach((c, g) => {
2184
+ let b = c.getAttribute("name");
2185
+ if (i += `${g != 0 ? "," : ""}${b}`, o.querySelector(`[data-name="${b}"]`) && o.querySelector(`[data-name="${b}"]`).remove(), c.value) {
2186
+ let h = document.createElement("button");
2187
+ h.setAttribute("type", "button"), h.classList.add("filter"), h.setAttribute("data-name", b), h.innerHTML = d.replace("$value", c.value), o.appendChild(h);
2280
2188
  } else
2281
- m = !1;
2282
- }), i.querySelector(`[data-name="${o}"]`) && i.querySelector(`[data-name="${o}"]`).remove(), m) {
2283
- let c = l.getAttribute("data-filter-text");
2284
- l.querySelectorAll("input").forEach((h, f) => {
2285
- let y = h.getAttribute("name");
2286
- i.querySelector(`[data-name="${y}"]`) && i.querySelector(`[data-name="${y}"]`).remove(), c = c.replace(`$${f + 1}`, h.value);
2189
+ p = !1;
2190
+ }), o.querySelector(`[data-name="${i}"]`) && o.querySelector(`[data-name="${i}"]`).remove(), p) {
2191
+ let c = r.getAttribute("data-filter-text");
2192
+ r.querySelectorAll("input").forEach((b, h) => {
2193
+ let x = b.getAttribute("name");
2194
+ o.querySelector(`[data-name="${x}"]`) && o.querySelector(`[data-name="${x}"]`).remove(), c = c.replace(`$${h + 1}`, b.value);
2287
2195
  });
2288
- let u = document.createElement("button");
2289
- u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", o), u.innerHTML = c, i.appendChild(u);
2196
+ let g = document.createElement("button");
2197
+ g.setAttribute("type", "button"), g.classList.add("filter"), g.setAttribute("data-name", i), g.innerHTML = c, o.appendChild(g);
2290
2198
  }
2291
2199
  }
2292
2200
  }
2293
- Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, n) => {
2294
- t(a, i);
2295
- }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, n) => {
2296
- i.addEventListener("change", function(s) {
2297
- t(a, i), s.stopPropagation();
2201
+ Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((o, s) => {
2202
+ t(a, o);
2203
+ }), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((o, s) => {
2204
+ o.addEventListener("change", function(n) {
2205
+ t(a, o), n.stopPropagation();
2298
2206
  });
2299
- }), e.addEventListener("change", function(i) {
2300
- if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
2301
- let n = i.target.closest("input[data-filter-text]");
2302
- t(a, n);
2303
- }
2304
- }), a.addEventListener("click", function(i) {
2305
- if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
2306
- let o = i.target.closest(".filter"), r = o.getAttribute("data-name").split(",");
2307
- for (var n = 0; n < r.length; n++) {
2308
- let d = r[n], l = `[name="${d}"]`;
2309
- d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), l = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
2310
- let m = e.querySelectorAll(l);
2311
- for (var s = 0; s < m.length; s++) {
2312
- let c = m[s];
2207
+ }), e.addEventListener("change", function(o) {
2208
+ if (o && o.target instanceof HTMLElement && o.target.closest("input[data-filter-text]")) {
2209
+ let s = o.target.closest("input[data-filter-text]");
2210
+ t(a, s);
2211
+ }
2212
+ }), a.addEventListener("click", function(o) {
2213
+ if (o && o.target instanceof HTMLElement && o.target.closest(".filter")) {
2214
+ let i = o.target.closest(".filter"), l = i.getAttribute("data-name").split(",");
2215
+ for (var s = 0; s < l.length; s++) {
2216
+ let d = l[s], r = `[name="${d}"]`;
2217
+ d.match(/\[(.*)\]/) && (d.replace(/\[(.*)\]/, "[]"), r = `[value="${d.replace(/.*\[(.*)\]/, "$1")}"]`);
2218
+ let p = e.querySelectorAll(r);
2219
+ for (var n = 0; n < p.length; n++) {
2220
+ let c = p[n];
2313
2221
  if (c.getAttribute("type") != "radio" && c.getAttribute("type") != "checkbox")
2314
2222
  c.value = "";
2315
2223
  else {
2316
2224
  c.checked = !1;
2317
- var i = new Event("force");
2318
- e.hasAttribute("data-nosubmit") || c.closest("form").dispatchEvent(i);
2225
+ var o = new Event("force");
2226
+ e.hasAttribute("data-nosubmit") || c.closest("form").dispatchEvent(o);
2319
2227
  }
2320
2228
  }
2321
2229
  }
2322
- o.remove();
2230
+ i.remove();
2323
2231
  }
2324
2232
  }, !1);
2325
2233
  }
2326
2234
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
2327
- class Ao extends HTMLElement {
2235
+ class hi extends HTMLElement {
2328
2236
  constructor() {
2329
2237
  super(), this.attachShadow({ mode: "open" });
2330
2238
  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`;
2331
- let i = this.classList.toString();
2332
- const n = document.createElement("template");
2333
- n.innerHTML = `
2239
+ let o = this.classList.toString();
2240
+ const s = document.createElement("template");
2241
+ s.innerHTML = `
2334
2242
  <style>
2335
2243
  @import "${t}";
2336
2244
  .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 */
2337
2245
 
2338
2246
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2339
2247
  </style>
2340
- <div class="applied-filters ${i}"></div>
2248
+ <div class="applied-filters ${o}"></div>
2341
2249
  <slot></slot>
2342
- `, this.shadowRoot.appendChild(n.content.cloneNode(!0));
2250
+ `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
2343
2251
  }
2344
2252
  connectedCallback() {
2345
- wo(this, this.shadowRoot.querySelector(".applied-filters"));
2253
+ mi(this, this.shadowRoot.querySelector(".applied-filters"));
2346
2254
  }
2347
2255
  }
2348
- window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Ao);
2349
- const _o = {
2256
+ window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", hi);
2257
+ const pi = {
2350
2258
  name: "Header"
2351
2259
  };
2352
- function xo(e, a, t, i, n, s) {
2353
- return p(), b("iam-applied-filters", null, [
2354
- k(e.$slots, "default")
2260
+ function bi(e, a, t, o, s, n) {
2261
+ return u(), m("iam-applied-filters", null, [
2262
+ _(e.$slots, "default")
2355
2263
  ]);
2356
2264
  }
2357
- const fi = /* @__PURE__ */ _(_o, [["render", xo]]);
2265
+ const to = /* @__PURE__ */ v(pi, [["render", bi]]);
2358
2266
  /*!
2359
- * iamKey v5.0.0
2267
+ * iamKey v5.1.0-beta2
2360
2268
  * Copyright 2022-2023 iamproperty
2361
2269
  */
2362
- function ko(e, a) {
2363
- Lo(e, a);
2270
+ function fi(e, a) {
2271
+ gi(e, a);
2364
2272
  }
2365
- function Lo(e, a) {
2273
+ function gi(e, a) {
2366
2274
  var t;
2367
- a.addEventListener("keyup", (i) => {
2275
+ a.addEventListener("keyup", (o) => {
2368
2276
  clearTimeout(t), t = setTimeout(function() {
2369
- Q(e, a.value);
2277
+ Z(e, a.value);
2370
2278
  }, 500);
2371
- }), a.addEventListener("change", (i) => {
2372
- clearTimeout(t), Q(e, a.value);
2279
+ }), a.addEventListener("change", (o) => {
2280
+ clearTimeout(t), Z(e, a.value);
2373
2281
  });
2374
2282
  }
2375
- const Q = function(e, a) {
2376
- Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
2377
- let n = t.textContent.toLowerCase();
2378
- t.classList.add("d-none"), n.includes(a.toLowerCase()) && t.classList.remove("d-none");
2283
+ const Z = function(e, a) {
2284
+ Array.from(e.querySelectorAll(":scope > li")).forEach((t, o) => {
2285
+ let s = t.textContent.toLowerCase();
2286
+ t.classList.add("d-none"), s.includes(a.toLowerCase()) && t.classList.remove("d-none");
2379
2287
  }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
2380
2288
  };
2381
2289
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
2382
- class So extends HTMLElement {
2290
+ class yi extends HTMLElement {
2383
2291
  constructor() {
2384
2292
  super(), this.attachShadow({ mode: "open" });
2385
- 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");
2386
- i.innerHTML = `
2293
+ 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`, o = document.createElement("template");
2294
+ o.innerHTML = `
2387
2295
  <style>
2388
2296
  @import "${t}";
2389
2297
  ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
@@ -2410,51 +2318,51 @@ class So extends HTMLElement {
2410
2318
  <div class="list__wrapper">
2411
2319
  <slot></slot>
2412
2320
  </div>
2413
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
2321
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
2414
2322
  }
2415
2323
  connectedCallback() {
2416
2324
  let a = this.classList.toString();
2417
- 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>'), ko(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
2325
+ 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>'), fi(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
2418
2326
  }
2419
2327
  }
2420
- window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", So);
2421
- const qo = {
2328
+ window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", yi);
2329
+ const vi = {
2422
2330
  name: "Filter list"
2423
2331
  };
2424
- function $o(e, a, t, i, n, s) {
2425
- return p(), b("iam-filterlist", null, [
2426
- k(e.$slots, "default")
2332
+ function wi(e, a, t, o, s, n) {
2333
+ return u(), m("iam-filterlist", null, [
2334
+ _(e.$slots, "default")
2427
2335
  ]);
2428
2336
  }
2429
- const gi = /* @__PURE__ */ _(qo, [["render", $o]]);
2430
- function Eo(e) {
2337
+ const eo = /* @__PURE__ */ v(vi, [["render", wi]]);
2338
+ function _i(e) {
2431
2339
  if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
2432
2340
  let t = document.querySelector(".notification__holder");
2433
2341
  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);
2434
2342
  }
2435
2343
  if (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
2436
- event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), K(e));
2344
+ event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
2437
2345
  }, !1), e.hasAttribute("data-timeout")) {
2438
2346
  let t = e.getAttribute("data-timeout");
2439
- var a = new To(function() {
2440
- K(e);
2347
+ var a = new Ai(function() {
2348
+ X(e);
2441
2349
  }, t);
2442
- e.addEventListener("mouseenter", (i) => {
2350
+ e.addEventListener("mouseenter", (o) => {
2443
2351
  a.pause();
2444
- }), e.addEventListener("mouseleave", (i) => {
2352
+ }), e.addEventListener("mouseleave", (o) => {
2445
2353
  a.resume();
2446
2354
  });
2447
2355
  }
2448
2356
  }
2449
- function To(e, a) {
2450
- var t, i, n = a;
2357
+ function Ai(e, a) {
2358
+ var t, o, s = a;
2451
2359
  this.pause = function() {
2452
- window.clearTimeout(t), n -= /* @__PURE__ */ new Date() - i;
2360
+ window.clearTimeout(t), s -= /* @__PURE__ */ new Date() - o;
2453
2361
  }, this.resume = function() {
2454
- i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, n);
2362
+ o = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, s);
2455
2363
  }, this.resume();
2456
2364
  }
2457
- const K = function(e) {
2365
+ const X = function(e) {
2458
2366
  e.classList.add("d-none");
2459
2367
  };
2460
2368
  window.dataLayer = window.dataLayer || [];
@@ -2462,18 +2370,18 @@ window.dataLayer.push({
2462
2370
  event: "customElementRegistered",
2463
2371
  element: "Notification"
2464
2372
  });
2465
- class Mo extends HTMLElement {
2373
+ class xi extends HTMLElement {
2466
2374
  constructor() {
2467
2375
  super(), this.attachShadow({ mode: "open" });
2468
- 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";`, n = this.querySelectorAll("a,button");
2469
- Array.from(n).forEach((o, r) => {
2470
- o.setAttribute("slot", "btns"), o.classList.add("link");
2376
+ 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`, o = `@import "${a}/css/components/notification.css";`, s = `@import "${a}/css/components/notification.global.css";`, n = this.querySelectorAll("a,button");
2377
+ Array.from(n).forEach((l, d) => {
2378
+ l.setAttribute("slot", "btns"), l.classList.add("link");
2471
2379
  }), (n.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
2472
- const s = document.createElement("template");
2473
- s.innerHTML = `
2380
+ const i = document.createElement("template");
2381
+ i.innerHTML = `
2474
2382
  <style>
2475
2383
  @import "${t}";
2476
- ${i}
2384
+ ${o}
2477
2385
  ${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
2478
2386
  </style>
2479
2387
 
@@ -2482,12 +2390,12 @@ class Mo extends HTMLElement {
2482
2390
  <div class="notification__inner"><div class="notification__text"><slot></slot></div>${n.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
2483
2391
  ${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
2484
2392
  </div>
2485
- `, this.shadowRoot.appendChild(s.content.cloneNode(!0));
2393
+ `, this.shadowRoot.appendChild(i.content.cloneNode(!0)), document.getElementById("notificationHolder") || document.head.insertAdjacentHTML("beforeend", `<style id="notificationHolder">${s}</style>`);
2486
2394
  }
2487
2395
  connectedCallback() {
2488
2396
  const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
2489
2397
  this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
2490
- const i = this;
2398
+ const o = this;
2491
2399
  if (!this.querySelector("i"))
2492
2400
  switch (t) {
2493
2401
  case "danger":
@@ -2502,391 +2410,44 @@ class Mo extends HTMLElement {
2502
2410
  default:
2503
2411
  this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
2504
2412
  }
2505
- Eo(i), a && a.addEventListener("click", function(n) {
2506
- K(i);
2413
+ _i(o), a && a.addEventListener("click", function(s) {
2414
+ X(o);
2507
2415
  }, !1);
2508
2416
  }
2509
2417
  }
2510
- const Ho = {
2418
+ const ki = {
2511
2419
  name: "Notification",
2512
2420
  props: {},
2513
2421
  created() {
2514
2422
  this.$nextTick(function() {
2515
- window.customElements.get("iam-notification") || window.customElements.define("iam-notification", Mo);
2423
+ window.customElements.get("iam-notification") || window.customElements.define("iam-notification", xi);
2516
2424
  });
2517
2425
  }
2518
2426
  };
2519
- function Co(e, a, t, i, n, s) {
2520
- return p(), b("iam-notification", null, [
2521
- k(e.$slots, "default")
2427
+ function Li(e, a, t, o, s, n) {
2428
+ return u(), m("iam-notification", null, [
2429
+ _(e.$slots, "default")
2522
2430
  ]);
2523
2431
  }
2524
- const yi = /* @__PURE__ */ _(Ho, [["render", Co]]);
2525
- /*!
2526
- * iamKey v5.0.0
2527
- * Copyright 2022-2023 iamproperty
2528
- */
2529
- const Ro = function(e) {
2530
- typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
2531
- var a = e.getAttribute("data-id"), t = e.getAttribute("id");
2532
- if (typeof t > "u" || t == null) {
2533
- var i = String.fromCharCode(65 + Math.floor(Math.random() * 26));
2534
- t = i + Date.now(), e.setAttribute("id", t);
2535
- }
2536
- function n() {
2537
- window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: s, onStateChange: r } });
2538
- }
2539
- n();
2540
- function s(d) {
2541
- d.target.playVideo();
2542
- }
2543
- var o = !1;
2544
- function r(d) {
2545
- if (d.data == YT.PlayerState.PLAYING && !o) {
2546
- var l = document.getElementById(t);
2547
- l.classList.add("player-ready"), o = !0;
2548
- }
2549
- }
2550
- }, jo = (e) => (Array.from(e.querySelectorAll("dialog[open]")).forEach((a, t) => {
2551
- a.closest(".dialog__wrapper") || (a.removeAttribute("open"), a.showModal(), a.focus(), Z(a));
2552
- }), e.addEventListener("click", (a) => {
2553
- if (a.target.tagName == "IAM-ACTIONBAR")
2554
- return !1;
2555
- if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
2556
- const n = a.target.closest("[data-modal]"), s = n.hasAttribute("data-modal") ? n.getAttribute("data-modal") : n.getAttribute("data-filter"), o = document.querySelector(`dialog#${s}`);
2557
- Z(o), o.showModal(), o.focus();
2558
- let r = o.offsetWidth;
2559
- o.setAttribute("style", `max-width: ${r}px;`), Array.from(o.querySelectorAll("[data-duplicate]")).forEach((d, l) => {
2560
- const m = d.getAttribute("data-duplicate"), c = document.getElementById(m);
2561
- if (d.checked != c.checked) {
2562
- d.checked = c.checked;
2563
- let u = new Event("change");
2564
- d.dispatchEvent(u);
2565
- }
2566
- }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: s });
2567
- }
2568
- if (a && a.target instanceof HTMLElement && a.target.closest("button.dialog__close")) {
2569
- const n = a.target.closest("dialog[open]");
2570
- a.preventDefault(), n.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, o) => {
2571
- s.classList.remove("active");
2572
- }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: n.getAttribute("id") });
2573
- }
2574
- if (a && a.target instanceof HTMLElement && a.target.closest('button[formmethod="dialog"]')) {
2575
- const n = a.target.closest("dialog[open]");
2576
- Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, o) => {
2577
- s.classList.remove("active");
2578
- }), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: n.getAttribute("id") });
2579
- }
2580
- if (a && a.target instanceof HTMLElement && a.target.closest("dialog[open]")) {
2581
- let n = a.target.closest("dialog[open]");
2582
- var t = window.getComputedStyle(n);
2583
- if (t.display === "contents" && (n = n.parentNode.closest("dialog[open]")), !n.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") || n.classList.contains("dialog--multi")) {
2584
- const s = n.getBoundingClientRect();
2585
- (a.clientX < s.left || a.clientX > s.right || a.clientY < s.top || a.clientY > s.bottom) && (a.target.closest('input[type="radio"]') || n.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: n.getAttribute("id") }));
2586
- }
2587
- }
2588
- if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
2589
- a.stopPropagation();
2590
- let n = a.target.closest(".dialog__wrapper > button"), s = a.target.closest(".dialog__wrapper > button").parentNode, o = "openPopover", r = s.querySelector(":scope > dialog");
2591
- if (document.querySelector("*:not([data-keep-open]) > dialog[open]") && document.querySelector("*:not([data-keep-open]) > dialog[open]") != r && document.querySelector("*:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((c, u) => {
2592
- c.removeAttribute("aria-expanded");
2593
- }), r.hasAttribute("open"))
2594
- r.close(), o = "closePopover", r.removeAttribute("style"), n.removeAttribute("aria-expanded");
2595
- else {
2596
- r.show(), n.setAttribute("aria-expanded", !0);
2597
- var i = n.getBoundingClientRect();
2598
- let c = i.top, u = i.left;
2599
- if (n.closest("iam-table")) {
2600
- let h = n.closest("iam-table").parentNode.getBoundingClientRect();
2601
- c -= h.top, u -= h.left;
2602
- }
2603
- r.classList.contains("dialog--fix") && r.setAttribute("style", `position:fixed;top: ${c}px; left: ${u}px; margin: 3rem 0 0 0;`);
2604
- }
2605
- let d = r.getBoundingClientRect(), l = d.bottom - window.scrollY, m = window.innerHeight - window.scrollY;
2606
- if (l > m) {
2607
- let c = r.hasAttribute("style") ? r.getAttribute("style") + " " : "";
2608
- r.setAttribute("style", c + "transform: translate(0, calc(-100% - 4rem))"), d = r.getBoundingClientRect(), d.top - window.scrollY < 100 && r.removeAttribute("style");
2609
- }
2610
- window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: o, id: n.textContent });
2611
- }
2612
- a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((n, s) => {
2613
- n.removeAttribute("aria-expanded");
2614
- }));
2615
- }), null), Z = (e) => {
2616
- e.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") && !e.classList.contains("dialog--multi") && e.addEventListener("cancel", (t) => {
2617
- t.preventDefault();
2618
- });
2619
- let a = e.querySelector(".youtube-embed a");
2620
- if (a && Ro(a), e.classList.contains("dialog--multi") && !e.querySelector(":scope > .steps") && No(e), !e.querySelector(":scope > .mh-lg") && !e.classList.contains("dialog--multi")) {
2621
- e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
2622
- let t = e.querySelector(".mh-lg"), i = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
2623
- if (i) {
2624
- let n = i.previousSibling;
2625
- t.before(i), n && i.before(n);
2626
- }
2627
- }
2628
- e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
2629
- }, No = (e) => {
2630
- let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]")), i = e.querySelector("form");
2631
- t.forEach((o, r) => {
2632
- a += `<button data-title="${o.getAttribute("data-title")}" type="button" class="${r == 0 ? "active" : ""}" tabindex="-1">${o.getAttribute("data-title")}</button>`;
2633
- const d = document.createElement("div");
2634
- if (d.classList.add("btn--wrapper"), o.appendChild(d), r != 0 && (d.innerHTML += `<button data-title="${t[r - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), r != t.length - 1 && (d.innerHTML += `<button data-title="${t[r + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), r == t.length - 1)
2635
- if (i && i.querySelector(':scope > button[type="submit"]')) {
2636
- let l = i.querySelector(':scope > button[type="submit"]');
2637
- l.classList.add("mb-0"), d.insertAdjacentElement("beforeend", l);
2638
- } else
2639
- d.innerHTML += `<button data-title="${t[r].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
2640
- }), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
2641
- let n = Array.from(e.querySelectorAll("fieldset.was-validated"));
2642
- for (let o = 0; o < n.length; o++) {
2643
- let r = n[o], d = r.getAttribute("data-title");
2644
- if (r.querySelector(".is-invalid")) {
2645
- Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((l, m) => {
2646
- l.classList.add("active");
2647
- });
2648
- break;
2649
- } else
2650
- Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((l, m) => {
2651
- l.classList.add("valid");
2652
- });
2653
- }
2654
- e.addEventListener("invalid", function() {
2655
- return function(o) {
2656
- o.preventDefault();
2657
- };
2658
- }(), !0);
2659
- function s(o) {
2660
- const r = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), d = r.getAttribute("data-title");
2661
- let l = !0;
2662
- if (r.classList.add("was-validated"), Array.from(r.querySelectorAll("input")).forEach((u, h) => {
2663
- u.checkValidity() || (l = !1);
2664
- }), l ? Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((u, h) => {
2665
- u.classList.add("valid");
2666
- }) : Array.from(e.querySelectorAll(`[data-title="${d}"]`)).forEach((u, h) => {
2667
- u.classList.remove("valid");
2668
- }), l || !o.hasAttribute("data-next")) {
2669
- const u = e.querySelector(`fieldset[data-title="${o.getAttribute("data-title")}"]`), h = e.querySelector(`.steps button[data-title="${o.getAttribute("data-title")}"]`);
2670
- Array.from(e.querySelectorAll("button")).forEach((f, y) => {
2671
- f.classList.remove("active");
2672
- }), Array.from(e.querySelectorAll("fieldset")).forEach((f, y) => {
2673
- f.classList.remove("active");
2674
- }), h.classList.add("active"), u.classList.add("active");
2675
- }
2676
- let m = Array.from(e.querySelectorAll("fieldset")).length, c = Array.from(e.querySelectorAll("fieldset.valid")).length;
2677
- e.style.setProperty("--progress", `${c / (m - 1) * 100}%`);
2678
- }
2679
- e.addEventListener("keydown", (o) => {
2680
- if (o && o.target instanceof HTMLElement && o.target.closest("button")) {
2681
- const r = o.target.closest("button");
2682
- o.keyCode == 13 && r.getAttribute("type") != "submit" && (o.preventDefault(), s(r));
2683
- }
2684
- o && o.target instanceof HTMLElement && o.target.closest("input") && (o.target.closest("input").classList.remove("is-invalid"), o.keyCode == 13 && o.preventDefault());
2685
- }), e.addEventListener("click", (o) => {
2686
- if (o && o.target instanceof HTMLElement && o.target.closest('button[type="submit"]'))
2687
- o.target.closest("form").classList.add("was-validated");
2688
- else if (o && o.target instanceof HTMLElement && o.target.closest("button[data-title]")) {
2689
- const r = o.target.closest("button[data-title]");
2690
- s(r);
2691
- }
2692
- return null;
2693
- });
2694
- };
2695
- window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "action bar" });
2696
- function tt(e, a) {
2697
- e && a == "all" ? (e.querySelector("input").indeterminate = !1, e.querySelector("input").checked = !0, e.querySelector("label").textContent = "Select all") : e && a == 0 ? (e.querySelector("input").indeterminate = !1, e.querySelector("input").checked = !1, e.querySelector("label").textContent = "Select all") : e && a ? (e.querySelector("input").indeterminate = !0, e.querySelector("input").checked = !1, e.querySelector("label").textContent = `${a} item${a > 1 ? "s" : ""} selected`) : e && (e.querySelector("input").checked = !1, e.querySelector("input").indeterminate = !1, e.querySelector("label").textContent = "Select all");
2698
- }
2699
- class Do extends HTMLElement {
2700
- constructor() {
2701
- super(), this.attachShadow({ mode: "open" });
2702
- 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");
2703
- i.innerHTML = `
2704
- <style>
2705
- @import "${t}";
2706
- .actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin:0 0 0 1rem}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin:0;margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
2707
-
2708
- ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
2709
- </style>
2710
- <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous">
2711
- <div class="actionbar__wrapper">
2712
- <div class="actionbar">
2713
- <div class="safe-area">
2714
- <slot></slot>
2715
- <div class="body">
2716
- <div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
2717
- <button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
2718
- <dialog class="dialog--list">
2719
- <slot name="overflow"></slot>
2720
- <slot name="menu"></slot>
2721
- </dialog>
2722
- </div>
2723
- <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="">Search</button>
2724
- </div>
2725
- </div>
2726
- </div>
2727
- <div class="actionbar--selected">
2728
- <div class="safe-area">
2729
- <slot name="selected"></slot>
2730
- <div class="body">
2731
- <div class="dialog__wrapper dialog__wrapper--right dialog-overflow d-none show">
2732
- <button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0">More actions</button>
2733
- <dialog class="dialog--list">
2734
- <slot name="selected-overflow"></slot>
2735
- </dialog>
2736
- </div>
2737
- </div>
2738
- </div>
2739
- </div>
2740
- <div class="actionbar--search">
2741
- <button data-search class="btn btn-compact fa-xmark-large btn-secondary m-0" >Close</button>
2742
-
2743
- <div class="search-wrapper">
2744
- <label for="search" class="visually-hidden">Input field label</label>
2745
- <button class="suffix"><i class="fa-regular fa-search"></i></button>
2746
- <input type="text" id="search" name="search" required="">
2747
- </div>
2748
-
2749
- </div>
2750
- </div>
2751
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
2752
- }
2753
- connectedCallback() {
2754
- let a = this;
2755
- const t = this.shadowRoot.querySelector(".actionbar__wrapper");
2756
- if (this.hasAttribute("data-selectall")) {
2757
- t.insertAdjacentHTML("afterbegin", '<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');
2758
- let o = this.shadowRoot.querySelector(".selectall");
2759
- this.hasAttribute("data-selected") && tt(o, this.getAttribute("data-selected")), o.addEventListener("change", (d) => {
2760
- d && d.target instanceof HTMLElement && d.target.closest("input") && (d.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
2761
- });
2762
- let r = this.querySelector("button[data-cancel]");
2763
- r && r.addEventListener("click", (d) => {
2764
- this.setAttribute("data-selected", 0);
2765
- });
2766
- }
2767
- if (this.hasAttribute("data-select-watch")) {
2768
- const o = document.getElementById(this.getAttribute("data-select-watch"));
2769
- o.setAttribute("data-select-container", "true"), Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((r, d) => {
2770
- r.parentElement.setAttribute("slot", "checkbox");
2771
- }), o.addEventListener("change", (r) => {
2772
- if (r && r.target instanceof HTMLElement && r.target.closest('[type="checkbox"]')) {
2773
- let d = o.querySelectorAll('input[type="checkbox"]').length, l = o.querySelectorAll('input[type="checkbox"]:checked').length;
2774
- a.setAttribute("data-selected", d == l ? "all" : l), r.target.closest('[type="checkbox"]'), l ? Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((m, c) => {
2775
- m.closest("iam-card") && m.closest("iam-card").setAttribute("data-selected", "true");
2776
- }) : Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((m, c) => {
2777
- m.closest("iam-card") && m.closest("iam-card").removeAttribute("data-selected");
2778
- });
2779
- }
2780
- });
2781
- }
2782
- if (this.hasAttribute("data-switchviews")) {
2783
- let o = "";
2784
- this.getAttribute("data-switchviews").split(",").forEach((r, d) => {
2785
- let l = "fa-grid-2";
2786
- r == "list" ? l = "fa-grip-lines" : r == "small" && (l = "fa-bars"), o += `<button class="btn btn-action btn-compact mb-0 fa-regular ${l}">${r}</button>`;
2787
- }), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${o}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
2788
- if (r && r.target instanceof HTMLElement && r.target.closest(".btn-action")) {
2789
- let d = r.target.closest(".btn-action");
2790
- this.setAttribute("data-view", d.textContent);
2791
- const l = new CustomEvent("switch-view", { detail: { view: d.textContent } });
2792
- this.dispatchEvent(l);
2793
- }
2794
- });
2795
- }
2796
- const i = this.shadowRoot.querySelector(".actionbar--search");
2797
- this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show");
2798
- const n = this.shadowRoot.querySelector("button[data-search]");
2799
- this.shadowRoot.addEventListener("click", (o) => {
2800
- o && o.target instanceof HTMLElement && o.target.closest("button[data-search]") && (i.classList.toggle("show"), n.toggleAttribute("aria-expanded"));
2801
- }), i.addEventListener("keyup", (o) => {
2802
- const r = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
2803
- this.dispatchEvent(r);
2804
- }), i.addEventListener("change", (o) => {
2805
- const r = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
2806
- this.dispatchEvent(r);
2807
- }), i.addEventListener("click", (o) => {
2808
- if (o && o.target instanceof HTMLElement && o.target.closest("button.suffix")) {
2809
- const r = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
2810
- this.dispatchEvent(r);
2811
- }
2812
- }), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((o, r) => {
2813
- jo(o);
2814
- });
2815
- function s() {
2816
- const o = t.scrollWidth, r = document.documentElement.scrollWidth;
2817
- let d = 750, l = 16, m = a.hasAttribute("data-switchviews") ? 144 : 210, c = 1;
2818
- r >= 992 && r <= 1280 ? c = r / 1280 : r >= 576 && r <= 1280 ? c = r / 768 : r < 576 && (c = r / 375), o >= 992 && o <= 1280 ? d = d * c : o >= 576 && o <= 1280 ? d = 450 * c : o < 576 && (d = m * c), l = l * c, o < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((u, h) => {
2819
- u.className = u.className.replace(" btn-compact", " _btn-compact"), u.classList.add("btn-compact"), u.classList.add("js-updated");
2820
- }) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((u, h) => {
2821
- u.classList.remove("btn-compact"), u.classList.remove("js-updated"), u.className = u.className.replace(" _btn-compact", " btn-compact");
2822
- }), Array.from(a.querySelectorAll("[slot]")).forEach((u, h) => {
2823
- u.getAttribute("slot") == "overflow" && u.removeAttribute("slot"), u.getAttribute("slot") == "selected-overflow" && u.setAttribute("slot", "selected");
2824
- }), Array.from(a.querySelectorAll(".show")).forEach((u, h) => {
2825
- u.classList.remove("show");
2826
- }), Array.from(a.shadowRoot.querySelectorAll(".safe-area")).forEach((u, h) => {
2827
- let f = "overflow";
2828
- u.querySelector("slot").hasAttribute("name") && u.querySelector("slot").getAttribute("name") == "selected" && (f = "selected-overflow");
2829
- let y = u.querySelector("slot").assignedElements(), A = 44 * c;
2830
- a.hasAttribute("data-search") && (A += 44 * c);
2831
- for (let v = 0; v < y.length; v++)
2832
- !y[v].classList.contains("btn-action") && !y[v].classList.contains("dialog__wrapper") && (A += y[v].offsetWidth, A += l);
2833
- for (let v = 0; v < y.length; v++)
2834
- if (y[v].classList.contains("dialog__wrapper") && (y[v].classList.add("show"), A += y[v].offsetWidth, A += l / 2, A - l / 2 > d)) {
2835
- y[v].classList.remove("show");
2836
- break;
2837
- }
2838
- for (let v = 0; v < y.length; v++)
2839
- if (y[v].classList.contains("btn-action") && (y[v].classList.add("show"), A += y[v].offsetWidth, A += l / 2, A - l / 2 > d)) {
2840
- y[v].classList.remove("show");
2841
- break;
2842
- }
2843
- let q = u.querySelector(".dialog-overflow");
2844
- q && q.classList.add("d-none");
2845
- for (let v = 0; v < y.length; v++)
2846
- (y[v].classList.contains("btn-action") || y[v].classList.contains("dialog__wrapper")) && (y[v].classList.contains("show") || (y[v].setAttribute("slot", f), q && q.classList.remove("d-none")));
2847
- });
2848
- }
2849
- s(), new ResizeObserver(s).observe(t);
2850
- }
2851
- static get observedAttributes() {
2852
- return ["data-selected"];
2853
- }
2854
- attributeChangedCallback(a, t, i) {
2855
- switch (a) {
2856
- case "data-selected": {
2857
- let n = this.shadowRoot.querySelector(".selectall");
2858
- n && tt(n, i);
2859
- const s = new CustomEvent("selected", { detail: { selected: i } });
2860
- if (this.dispatchEvent(s), i == "all" && this.hasAttribute("data-select-watch")) {
2861
- const o = document.getElementById(this.getAttribute("data-select-watch"));
2862
- Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((r, d) => {
2863
- r.checked = !0, r.closest("iam-card") && r.closest("iam-card").setAttribute("data-selected", "true");
2864
- });
2865
- }
2866
- if (i == "0" && this.hasAttribute("data-select-watch")) {
2867
- const o = document.getElementById(this.getAttribute("data-select-watch"));
2868
- Array.from(o.querySelectorAll('input[type="checkbox"]')).forEach((r, d) => {
2869
- r.checked = !1, r.closest("iam-card") && r.closest("iam-card").removeAttribute("data-selected", "true");
2870
- });
2871
- }
2872
- break;
2873
- }
2874
- }
2875
- }
2876
- }
2877
- window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", Do);
2878
- const zo = {
2432
+ const ao = /* @__PURE__ */ v(ki, [["render", Li]]), Si = {
2879
2433
  name: "Actionbar",
2880
2434
  props: {},
2881
2435
  mounted() {
2436
+ this.$nextTick(function() {
2437
+ 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-ba2c578d.mjs") }), "../../../assets/js/components/actionbar/actionbar.component.js").then((e) => {
2438
+ window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", e.default);
2439
+ }).catch((e) => {
2440
+ console.log(e.message);
2441
+ });
2442
+ });
2882
2443
  }
2883
2444
  };
2884
- function Po(e, a, t, i, n, s) {
2885
- return p(), b("iam-actionbar", null, [
2886
- k(e.$slots, "default")
2445
+ function $i(e, a, t, o, s, n) {
2446
+ return u(), m("iam-actionbar", null, [
2447
+ _(e.$slots, "default")
2887
2448
  ]);
2888
2449
  }
2889
- const vi = /* @__PURE__ */ _(zo, [["render", Po]]), Fo = {
2450
+ const io = /* @__PURE__ */ v(Si, [["render", $i]]), qi = {
2890
2451
  name: "Pagination",
2891
2452
  props: {},
2892
2453
  computed: {},
@@ -2898,19 +2459,14 @@ const vi = /* @__PURE__ */ _(zo, [["render", Po]]), Fo = {
2898
2459
  updated() {
2899
2460
  }
2900
2461
  };
2901
- function Io(e, a, t, i, n, s) {
2902
- return p(), b("iam-pagination");
2462
+ function Ei(e, a, t, o, s, n) {
2463
+ return u(), m("iam-pagination");
2903
2464
  }
2904
- const wi = /* @__PURE__ */ _(Fo, [["render", Io]]), Bo = (e, a) => {
2905
- const t = e[a];
2906
- return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((i, n) => {
2907
- (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, new Error("Unknown variable dynamic import: " + a)));
2908
- });
2909
- }, Oo = {
2465
+ const oo = /* @__PURE__ */ v(qi, [["render", Ei]]), Ti = {
2910
2466
  name: "Address Lookup",
2911
2467
  mounted() {
2912
2468
  this.$nextTick(function() {
2913
- Bo(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-53f26cc5.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-d389641e.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
2469
+ N(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-025d3655.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-1d999380.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
2914
2470
  window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", e.default);
2915
2471
  }).catch((e) => {
2916
2472
  console.log(e.message);
@@ -2918,22 +2474,22 @@ const wi = /* @__PURE__ */ _(Fo, [["render", Io]]), Bo = (e, a) => {
2918
2474
  });
2919
2475
  }
2920
2476
  };
2921
- function Vo(e, a, t, i, n, s) {
2922
- return p(), b("iam-address-lookup", null, [
2923
- k(e.$slots, "default")
2477
+ function Hi(e, a, t, o, s, n) {
2478
+ return u(), m("iam-address-lookup", null, [
2479
+ _(e.$slots, "default")
2924
2480
  ]);
2925
2481
  }
2926
- const Ai = /* @__PURE__ */ _(Oo, [["render", Vo]]);
2482
+ const no = /* @__PURE__ */ v(Ti, [["render", Hi]]);
2927
2483
  /*!
2928
- * iamKey v5.0.0
2484
+ * iamKey v5.1.0-beta2
2929
2485
  * Copyright 2022-2023 iamproperty
2930
2486
  */
2931
2487
  window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
2932
- class Uo extends HTMLElement {
2488
+ class Mi extends HTMLElement {
2933
2489
  constructor() {
2934
2490
  super(), this.attachShadow({ mode: "open" });
2935
- 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");
2936
- i.innerHTML = `
2491
+ 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`, o = document.createElement("template");
2492
+ o.innerHTML = `
2937
2493
  <style class="styles">
2938
2494
  @import "${t}";
2939
2495
  :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 */
@@ -2955,68 +2511,68 @@ class Uo extends HTMLElement {
2955
2511
  </div>
2956
2512
 
2957
2513
  </div>
2958
- `, this.shadowRoot.appendChild(i.content.cloneNode(!0));
2514
+ `, this.shadowRoot.appendChild(o.content.cloneNode(!0));
2959
2515
  }
2960
2516
  connectedCallback() {
2961
- const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), n = this.shadowRoot.querySelector(".side-menu > .btn");
2962
- 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")), n.addEventListener("click", (s) => {
2963
- a.classList.contains("open") ? (a.classList.remove("open"), n.removeAttribute("aria-expanded"), setTimeout(function() {
2517
+ const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), o = this.shadowRoot.querySelector(".main-content"), s = this.shadowRoot.querySelector(".side-menu > .btn");
2518
+ 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>`), o.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", (n) => {
2519
+ a.classList.contains("open") ? (a.classList.remove("open"), s.removeAttribute("aria-expanded"), setTimeout(function() {
2964
2520
  t.classList.add("closed");
2965
2521
  }, 1e3), a.classList.add("pe-none"), setTimeout(function() {
2966
2522
  a.classList.remove("pe-none");
2967
2523
  }, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
2968
- a.classList.add("open"), n.setAttribute("aria-expanded", !0);
2524
+ a.classList.add("open"), s.setAttribute("aria-expanded", !0);
2969
2525
  }, 100));
2970
- }), a.addEventListener("mouseenter", (s) => {
2526
+ }), a.addEventListener("mouseenter", (n) => {
2971
2527
  window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
2972
- }), a.addEventListener("mousemove", (s) => {
2528
+ }), a.addEventListener("mousemove", (n) => {
2973
2529
  window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
2974
- }), a.addEventListener("mouseleave", (s) => {
2530
+ }), a.addEventListener("mouseleave", (n) => {
2975
2531
  window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
2976
2532
  t.classList.add("closed");
2977
2533
  }, 1e3));
2978
2534
  });
2979
2535
  }
2980
2536
  }
2981
- window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Uo);
2982
- const Wo = {
2537
+ window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Mi);
2538
+ const ji = {
2983
2539
  name: "CollapsibleSideMenu",
2984
2540
  props: {},
2985
2541
  mounted() {
2986
2542
  }
2987
2543
  };
2988
- function Yo(e, a, t, i, n, s) {
2989
- return p(), b("iam-collapsible-side", null, [
2990
- k(e.$slots, "default")
2544
+ function Ci(e, a, t, o, s, n) {
2545
+ return u(), m("iam-collapsible-side", null, [
2546
+ _(e.$slots, "default")
2991
2547
  ]);
2992
2548
  }
2993
- const _i = /* @__PURE__ */ _(Wo, [["render", Yo]]);
2549
+ const ro = /* @__PURE__ */ v(ji, [["render", Ci]]);
2994
2550
  export {
2995
- ti as Accordion,
2996
- ei as AccordionItem,
2997
- vi as Actionbar,
2998
- Ai as AddressLookup,
2999
- fi as AppliedFilters,
3000
- ai as Banner,
3001
- je as Card,
3002
- oi as Carousel,
3003
- _i as CollapsibleSideMenu,
3004
- Qo as FileUpload,
3005
- gi as Filterlist,
3006
- ii as Header,
3007
- lt as Input,
3008
- Xo as Logo,
3009
- li as Nav,
3010
- bi as NoteFeed,
3011
- yi as Notification,
3012
- wi as Pagination,
3013
- si as PropertySearchbar,
3014
- ci as Snapshot,
3015
- ui as Step,
3016
- di as Stepper,
3017
- pi as Tab,
3018
- st as Table,
3019
- hi as Tabs,
3020
- ri as Testimonial,
3021
- ni as Timeline
2551
+ Fi as Accordion,
2552
+ Pi as AccordionItem,
2553
+ io as Actionbar,
2554
+ no as AddressLookup,
2555
+ to as AppliedFilters,
2556
+ Ii as Banner,
2557
+ Me as Card,
2558
+ Oi as Carousel,
2559
+ ro as CollapsibleSideMenu,
2560
+ zi as FileUpload,
2561
+ eo as Filterlist,
2562
+ Bi as Header,
2563
+ st as Input,
2564
+ Di as Logo,
2565
+ Gi as Nav,
2566
+ Zi as NoteFeed,
2567
+ ao as Notification,
2568
+ oo as Pagination,
2569
+ Wi as PropertySearchbar,
2570
+ Yi as Snapshot,
2571
+ Xi as Step,
2572
+ Ki as Stepper,
2573
+ Qi as Tab,
2574
+ rt as Table,
2575
+ Ji as Tabs,
2576
+ Ui as Testimonial,
2577
+ Vi as Timeline
3022
2578
  };