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