@iamproperty/components 3.7.3 → 3.7.5

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