@iamproperty/components 3.7.5 → 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.js +12 -9
- package/assets/js/components/table/table.component.min.js +13 -14
- 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 +25 -26
- 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/components/table/table.component.ts +17 -12
- package/assets/ts/modules/table.ts +15 -10
- package/dist/components.es.js +852 -843
- package/dist/components.umd.js +29 -33
- 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,382 +46,393 @@ 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) => {
|
|
347
346
|
if (!e)
|
|
348
347
|
return !1;
|
|
349
348
|
e.addEventListener("click", (t) => {
|
|
350
|
-
|
|
349
|
+
$t(a);
|
|
351
350
|
});
|
|
352
|
-
},
|
|
353
|
-
for (var a = [], t = e.getElementsByTagName("tr"),
|
|
354
|
-
for (var
|
|
355
|
-
|
|
356
|
-
a.push(
|
|
351
|
+
}, $t = function(e) {
|
|
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,14 +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
|
-
|
|
439
|
-
i = i.replace("table--cta", ""), i = i.replace("table--loading", "");
|
|
440
|
-
const o = document.createElement("template");
|
|
441
|
-
o.innerHTML = `
|
|
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 = `
|
|
442
450
|
<style>
|
|
443
451
|
@import "${t}";
|
|
444
452
|
|
|
@@ -454,28 +462,29 @@ class Et extends HTMLElement {
|
|
|
454
462
|
|
|
455
463
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
456
464
|
</style>
|
|
457
|
-
|
|
458
|
-
<div class="table__wrapper
|
|
465
|
+
<div class="table--cta">
|
|
466
|
+
<div class="table__wrapper">
|
|
459
467
|
<slot></slot>
|
|
460
468
|
</div>
|
|
461
|
-
|
|
462
|
-
${s ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ""}
|
|
469
|
+
</div>
|
|
463
470
|
<div class="table__pagination"></div>
|
|
464
|
-
`, this.shadowRoot.appendChild(
|
|
471
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
465
472
|
}
|
|
466
473
|
connectedCallback() {
|
|
467
474
|
const a = new URLSearchParams(window.location.search);
|
|
468
|
-
this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", a.has("page") ? a.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")))
|
|
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")));
|
|
476
|
+
let t = this.classList.toString();
|
|
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) => {
|
|
469
478
|
this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
|
|
470
479
|
});
|
|
471
480
|
}
|
|
472
481
|
static get observedAttributes() {
|
|
473
482
|
return ["data-total", "data-pages", "data-page", "data-show"];
|
|
474
483
|
}
|
|
475
|
-
attributeChangedCallback(a, t,
|
|
484
|
+
attributeChangedCallback(a, t, i) {
|
|
476
485
|
}
|
|
477
486
|
}
|
|
478
|
-
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) {
|
|
479
488
|
return e = e.toLowerCase(), e = Ht(e), e = e.replace(/\W/g, ""), e;
|
|
480
489
|
}, Dt = {
|
|
481
490
|
name: "Table",
|
|
@@ -491,42 +500,42 @@ const Tt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Mt = (e) => e.replace(
|
|
|
491
500
|
},
|
|
492
501
|
computed: {
|
|
493
502
|
cellHeading() {
|
|
494
|
-
return (e) => `${
|
|
503
|
+
return (e) => `${Et(Mt(e))}`;
|
|
495
504
|
}
|
|
496
505
|
},
|
|
497
506
|
created() {
|
|
498
507
|
this.$nextTick(function() {
|
|
499
|
-
window.customElements.get("iam-table") || window.customElements.define("iam-table",
|
|
508
|
+
window.customElements.get("iam-table") || window.customElements.define("iam-table", Tt);
|
|
500
509
|
});
|
|
501
510
|
},
|
|
502
511
|
updated() {
|
|
503
512
|
}
|
|
504
|
-
}, Nt = { key: 0 }, Rt = { key: 0 }, zt = ["data-row-id"],
|
|
505
|
-
function
|
|
513
|
+
}, Nt = { key: 0 }, Rt = { key: 0 }, zt = ["data-row-id"], Pt = ["innerHTML"];
|
|
514
|
+
function It(e, a, t, i, n, r) {
|
|
506
515
|
return u(), m("iam-table", null, [
|
|
507
516
|
t.fields ? (u(), m("table", Nt, [
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
(u(!0), m(T, null,
|
|
511
|
-
key:
|
|
512
|
-
}, q(
|
|
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))
|
|
513
522
|
])
|
|
514
523
|
]),
|
|
515
524
|
t.items ? (u(), m("tbody", Rt, [
|
|
516
|
-
(u(!0), m(T, null,
|
|
517
|
-
key:
|
|
518
|
-
"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
|
|
519
528
|
}, [
|
|
520
|
-
(u(!0), m(T, null,
|
|
521
|
-
key:
|
|
522
|
-
innerHTML:
|
|
523
|
-
}, 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))
|
|
524
533
|
], 8, zt))), 128))
|
|
525
534
|
])) : g("", !0)
|
|
526
535
|
])) : _(e.$slots, "default", { key: 1 })
|
|
527
536
|
]);
|
|
528
537
|
}
|
|
529
|
-
const
|
|
538
|
+
const st = /* @__PURE__ */ k(Dt, [["render", It]]), Bt = {
|
|
530
539
|
name: "Input",
|
|
531
540
|
props: {
|
|
532
541
|
value: {
|
|
@@ -710,23 +719,23 @@ const rt = /* @__PURE__ */ S(Dt, [["render", Pt]]), Bt = {
|
|
|
710
719
|
this.$emit("bus");
|
|
711
720
|
}
|
|
712
721
|
}
|
|
713
|
-
}, 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 = {
|
|
714
723
|
key: 5,
|
|
715
724
|
class: "input-group"
|
|
716
|
-
}, 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 = {
|
|
717
726
|
key: 6,
|
|
718
727
|
class: "input-group"
|
|
719
|
-
},
|
|
720
|
-
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) {
|
|
721
730
|
return u(), m("div", {
|
|
722
|
-
class: A(
|
|
731
|
+
class: A(r.wrapperClass()),
|
|
723
732
|
ref: "wrapper"
|
|
724
733
|
}, [
|
|
725
|
-
|
|
734
|
+
r.needsLabel() ? (u(), m("label", {
|
|
726
735
|
key: 0,
|
|
727
736
|
class: A(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
728
737
|
for: t.id,
|
|
729
|
-
innerHTML:
|
|
738
|
+
innerHTML: r.displayLabel(),
|
|
730
739
|
title: t.title
|
|
731
740
|
}, null, 10, Ft)) : g("", !0),
|
|
732
741
|
t.prefix ? (u(), m("span", {
|
|
@@ -734,92 +743,92 @@ function ne(e, a, t, r, s, i) {
|
|
|
734
743
|
class: A(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
|
|
735
744
|
innerHTML: t.prefix,
|
|
736
745
|
role: "presentation"
|
|
737
|
-
}, null, 10,
|
|
746
|
+
}, null, 10, Vt)) : g("", !0),
|
|
738
747
|
t.suffix ? (u(), m("span", {
|
|
739
748
|
key: 2,
|
|
740
749
|
class: A(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
|
|
741
750
|
innerHTML: t.suffix,
|
|
742
751
|
role: "presentation"
|
|
743
|
-
}, null, 10,
|
|
744
|
-
|
|
752
|
+
}, null, 10, jt)) : g("", !0),
|
|
753
|
+
r.isInput() ? P((u(), m("input", M({
|
|
745
754
|
key: 3,
|
|
746
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
755
|
+
"onUpdate:modelValue": a[0] || (a[0] = (s) => r.inputVal = s),
|
|
747
756
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
748
757
|
type: t.type,
|
|
749
758
|
name: t.name ? t.name : t.id,
|
|
750
759
|
id: t.id,
|
|
751
|
-
pattern:
|
|
752
|
-
list:
|
|
760
|
+
pattern: r.needPattern(),
|
|
761
|
+
list: r.hasOptions()
|
|
753
762
|
}, e.$attrs, {
|
|
754
|
-
onKeyup: a[1] || (a[1] = (...
|
|
755
|
-
}), null, 16,
|
|
756
|
-
[
|
|
763
|
+
onKeyup: a[1] || (a[1] = (...s) => r.inputKeyup && r.inputKeyup(...s))
|
|
764
|
+
}), null, 16, Ot)), [
|
|
765
|
+
[G, r.inputVal]
|
|
757
766
|
]) : g("", !0),
|
|
758
|
-
t.type == "textarea" ?
|
|
767
|
+
t.type == "textarea" ? P((u(), m("textarea", M({
|
|
759
768
|
key: 4,
|
|
760
|
-
"onUpdate:modelValue": a[2] || (a[2] = (
|
|
769
|
+
"onUpdate:modelValue": a[2] || (a[2] = (s) => r.inputVal = s),
|
|
761
770
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
762
771
|
type: t.type,
|
|
763
772
|
name: t.name ? t.name : t.id,
|
|
764
773
|
id: t.id,
|
|
765
|
-
pattern:
|
|
766
|
-
}, e.$attrs), null, 16,
|
|
767
|
-
[ct,
|
|
774
|
+
pattern: r.needPattern()
|
|
775
|
+
}, e.$attrs), null, 16, Wt)), [
|
|
776
|
+
[ct, r.inputVal]
|
|
768
777
|
]) : g("", !0),
|
|
769
|
-
t.type == "range" ? (u(), m("div",
|
|
770
|
-
|
|
771
|
-
"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),
|
|
772
781
|
class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
773
782
|
type: t.type,
|
|
774
783
|
name: t.name ? t.name : t.id,
|
|
775
784
|
id: t.id,
|
|
776
|
-
pattern:
|
|
777
|
-
list:
|
|
785
|
+
pattern: r.needPattern(),
|
|
786
|
+
list: r.hasOptions()
|
|
778
787
|
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Gt), [
|
|
779
|
-
[
|
|
788
|
+
[G, r.inputVal]
|
|
780
789
|
]),
|
|
781
|
-
|
|
790
|
+
c("output", Kt, q(t.value), 1)
|
|
782
791
|
])) : g("", !0),
|
|
783
|
-
t.type == "color" ? (u(), m("div",
|
|
784
|
-
|
|
785
|
-
"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),
|
|
786
795
|
class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
787
796
|
type: t.type,
|
|
788
797
|
name: t.name ? t.name : t.id,
|
|
789
798
|
id: t.id,
|
|
790
|
-
pattern:
|
|
791
|
-
list:
|
|
792
|
-
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16,
|
|
793
|
-
[
|
|
799
|
+
pattern: r.needPattern(),
|
|
800
|
+
list: r.hasOptions()
|
|
801
|
+
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Yt), [
|
|
802
|
+
[G, r.inputVal]
|
|
794
803
|
]),
|
|
795
|
-
|
|
804
|
+
c("output", Zt, q(t.value ? e.vale : "#000000"), 1)
|
|
796
805
|
])) : g("", !0),
|
|
797
|
-
t.type == "select" ?
|
|
806
|
+
t.type == "select" ? P((u(), m("select", M({
|
|
798
807
|
key: 7,
|
|
799
|
-
"onUpdate:modelValue": a[5] || (a[5] = (
|
|
808
|
+
"onUpdate:modelValue": a[5] || (a[5] = (s) => r.inputVal = s),
|
|
800
809
|
class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
801
810
|
type: t.type,
|
|
802
811
|
name: t.id,
|
|
803
812
|
id: t.id,
|
|
804
|
-
pattern:
|
|
813
|
+
pattern: r.needPattern()
|
|
805
814
|
}, e.$attrs), [
|
|
806
|
-
(u(!0), m(T, null,
|
|
807
|
-
key:
|
|
808
|
-
value:
|
|
809
|
-
}, q(
|
|
810
|
-
], 16,
|
|
811
|
-
[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]
|
|
812
821
|
]) : g("", !0),
|
|
813
|
-
|
|
822
|
+
r.allowDatalist() ? (u(), m("datalist", {
|
|
814
823
|
key: 8,
|
|
815
824
|
id: t.id + "-list"
|
|
816
825
|
}, [
|
|
817
|
-
(u(!0), m(T, null,
|
|
818
|
-
key:
|
|
819
|
-
value:
|
|
820
|
-
}, q(
|
|
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))
|
|
821
830
|
], 8, te)) : g("", !0),
|
|
822
|
-
t.type == "checkbox" || t.type == "radio" ? (u(), m("input",
|
|
831
|
+
t.type == "checkbox" || t.type == "radio" ? (u(), m("input", M({
|
|
823
832
|
key: 9,
|
|
824
833
|
class: "form-check-input",
|
|
825
834
|
type: t.type,
|
|
@@ -831,33 +840,33 @@ function ne(e, a, t, r, s, i) {
|
|
|
831
840
|
class: A(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
832
841
|
for: t.id,
|
|
833
842
|
innerHTML: t.label
|
|
834
|
-
}, null, 10,
|
|
835
|
-
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({
|
|
836
845
|
key: 11,
|
|
837
846
|
class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
838
847
|
type: t.type.replace("-btn", ""),
|
|
839
848
|
autocomplete: "off",
|
|
840
849
|
name: t.name ? t.name : t.id,
|
|
841
850
|
id: t.id
|
|
842
|
-
}, e.$attrs), null, 16,
|
|
851
|
+
}, e.$attrs), null, 16, se)) : g("", !0),
|
|
843
852
|
t.type == "checkbox-btn" || t.type == "radio-btn" ? (u(), m("label", {
|
|
844
853
|
key: 12,
|
|
845
854
|
class: A(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
846
855
|
for: t.id,
|
|
847
856
|
innerHTML: t.label,
|
|
848
|
-
onClick: a[6] || (a[6] = (...
|
|
849
|
-
}, null, 10,
|
|
857
|
+
onClick: a[6] || (a[6] = (...s) => r.clickEvent && r.clickEvent(...s))
|
|
858
|
+
}, null, 10, re)) : g("", !0),
|
|
850
859
|
t.errormsg ? (u(), m("p", {
|
|
851
860
|
key: 13,
|
|
852
861
|
class: "invalid-feedback mb-0",
|
|
853
862
|
innerHTML: t.errormsg
|
|
854
|
-
}, null, 8,
|
|
863
|
+
}, null, 8, oe)) : g("", !0),
|
|
855
864
|
_(e.$slots, "default")
|
|
856
865
|
], 2);
|
|
857
866
|
}
|
|
858
|
-
const
|
|
867
|
+
const O = /* @__PURE__ */ k(Bt, [["render", ne]]), le = {
|
|
859
868
|
components: {
|
|
860
|
-
Input:
|
|
869
|
+
Input: O
|
|
861
870
|
},
|
|
862
871
|
name: "FileUploads",
|
|
863
872
|
props: {
|
|
@@ -878,21 +887,21 @@ const F = /* @__PURE__ */ S(Bt, [["render", ne]]), le = {
|
|
|
878
887
|
required: !1
|
|
879
888
|
}
|
|
880
889
|
}
|
|
881
|
-
}, ce = { class: "multiple-file-uploads mb-4" }, de = { class: "row" }, ue = { class: "col-12 col-md me-auto" }, me = /* @__PURE__ */
|
|
882
|
-
/* @__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", {
|
|
883
892
|
type: "button",
|
|
884
893
|
class: "btn btn-tertiary me-0",
|
|
885
894
|
"data-delete": ""
|
|
886
895
|
}, "Delete")
|
|
887
896
|
], -1), he = ["data-maxfiles"];
|
|
888
|
-
function fe(e, a, t,
|
|
889
|
-
const
|
|
897
|
+
function fe(e, a, t, i, n, r) {
|
|
898
|
+
const s = R("Input");
|
|
890
899
|
return u(), m("div", ce, [
|
|
891
|
-
|
|
892
|
-
|
|
900
|
+
c("div", de, [
|
|
901
|
+
c("div", {
|
|
893
902
|
class: A(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
|
|
894
903
|
}, [
|
|
895
|
-
x(
|
|
904
|
+
x(s, {
|
|
896
905
|
type: "file",
|
|
897
906
|
id: t.id,
|
|
898
907
|
name: `${t.id}[]`,
|
|
@@ -903,12 +912,12 @@ function fe(e, a, t, r, s, i) {
|
|
|
903
912
|
"data-filesize": t.maxfilesize
|
|
904
913
|
}, null, 8, ["id", "name", "data-filesize"])
|
|
905
914
|
], 2),
|
|
906
|
-
|
|
915
|
+
c("div", ue, [
|
|
907
916
|
_(e.$slots, "default")
|
|
908
917
|
]),
|
|
909
918
|
me
|
|
910
919
|
]),
|
|
911
|
-
|
|
920
|
+
c("button", {
|
|
912
921
|
type: "button",
|
|
913
922
|
class: "btn btn-secondary me-0",
|
|
914
923
|
"data-add": "",
|
|
@@ -916,23 +925,23 @@ function fe(e, a, t, r, s, i) {
|
|
|
916
925
|
}, "+ Add file", 8, he)
|
|
917
926
|
]);
|
|
918
927
|
}
|
|
919
|
-
const
|
|
928
|
+
const ds = /* @__PURE__ */ k(le, [["render", fe]]);
|
|
920
929
|
/*!
|
|
921
|
-
* iamKey v3.7.
|
|
930
|
+
* iamKey v3.7.7
|
|
922
931
|
* Copyright 2022-2023 iamproperty
|
|
923
932
|
*/
|
|
924
933
|
function be(e) {
|
|
925
934
|
let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
|
|
926
|
-
if (a.forEach((
|
|
927
|
-
|
|
928
|
-
}), t.forEach((
|
|
929
|
-
|
|
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");
|
|
930
939
|
}), !e.classList.contains("accordion--keep-open")) {
|
|
931
|
-
const
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
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");
|
|
936
945
|
});
|
|
937
946
|
});
|
|
938
947
|
});
|
|
@@ -942,8 +951,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
942
951
|
let pe = class extends HTMLElement {
|
|
943
952
|
constructor() {
|
|
944
953
|
super(), this.attachShadow({ mode: "open" });
|
|
945
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`,
|
|
946
|
-
|
|
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 = `
|
|
947
956
|
<style>
|
|
948
957
|
@import "${t}";
|
|
949
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 */
|
|
@@ -953,7 +962,7 @@ let pe = class extends HTMLElement {
|
|
|
953
962
|
<div class="accordion">
|
|
954
963
|
<slot></slot>
|
|
955
964
|
</div>
|
|
956
|
-
`, this.shadowRoot.appendChild(
|
|
965
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
957
966
|
}
|
|
958
967
|
connectedCallback() {
|
|
959
968
|
be(this);
|
|
@@ -966,12 +975,12 @@ const ye = {
|
|
|
966
975
|
mounted() {
|
|
967
976
|
}
|
|
968
977
|
}, ge = { ref: "wrapper" };
|
|
969
|
-
function _e(e, a, t,
|
|
978
|
+
function _e(e, a, t, i, n, r) {
|
|
970
979
|
return u(), m("iam-accordion", ge, [
|
|
971
980
|
_(e.$slots, "default")
|
|
972
981
|
], 512);
|
|
973
982
|
}
|
|
974
|
-
const
|
|
983
|
+
const ms = /* @__PURE__ */ k(ye, [["render", _e]]), ve = {
|
|
975
984
|
name: "AccordionItem",
|
|
976
985
|
props: {
|
|
977
986
|
title: {
|
|
@@ -1007,11 +1016,11 @@ const mo = /* @__PURE__ */ S(ye, [["render", _e]]), ve = {
|
|
|
1007
1016
|
};
|
|
1008
1017
|
}
|
|
1009
1018
|
}, we = ["id"], Ae = ["classList"];
|
|
1010
|
-
function
|
|
1019
|
+
function ke(e, a, t, i, n, r) {
|
|
1011
1020
|
return u(), m("details", {
|
|
1012
|
-
id:
|
|
1021
|
+
id: r.createID(t.title)
|
|
1013
1022
|
}, [
|
|
1014
|
-
|
|
1023
|
+
c("summary", {
|
|
1015
1024
|
classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
|
|
1016
1025
|
}, [
|
|
1017
1026
|
ut(q(t.title), 1),
|
|
@@ -1023,7 +1032,7 @@ function Se(e, a, t, r, s, i) {
|
|
|
1023
1032
|
_(e.$slots, "default")
|
|
1024
1033
|
], 8, we);
|
|
1025
1034
|
}
|
|
1026
|
-
const
|
|
1035
|
+
const hs = /* @__PURE__ */ k(ve, [["render", ke]]), Se = {
|
|
1027
1036
|
name: "Header",
|
|
1028
1037
|
props: {
|
|
1029
1038
|
title: {
|
|
@@ -1040,34 +1049,34 @@ const ho = /* @__PURE__ */ S(ve, [["render", Se]]), ke = {
|
|
|
1040
1049
|
required: !1
|
|
1041
1050
|
}
|
|
1042
1051
|
}
|
|
1043
|
-
}, Le = { class: "container" }, xe = { class: "row" },
|
|
1044
|
-
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) {
|
|
1045
1054
|
return u(), m("div", Le, [
|
|
1046
|
-
|
|
1055
|
+
c("div", {
|
|
1047
1056
|
class: A("bg-" + t.background + " mb-4")
|
|
1048
1057
|
}, [
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1058
|
+
c("div", xe, [
|
|
1059
|
+
c("div", qe, [
|
|
1060
|
+
c("div", $e, [
|
|
1061
|
+
c("h2", null, q(t.title), 1),
|
|
1053
1062
|
_(e.$slots, "default")
|
|
1054
1063
|
])
|
|
1055
1064
|
]),
|
|
1056
|
-
|
|
1065
|
+
c("div", Te, [
|
|
1057
1066
|
t.image ? (u(), m("img", {
|
|
1058
1067
|
key: 0,
|
|
1059
1068
|
src: t.image,
|
|
1060
1069
|
alt: "",
|
|
1061
1070
|
class: "h-100 w-100 object-cover"
|
|
1062
|
-
}, null, 8,
|
|
1071
|
+
}, null, 8, Ee)) : g("", !0)
|
|
1063
1072
|
])
|
|
1064
1073
|
])
|
|
1065
1074
|
], 2)
|
|
1066
1075
|
]);
|
|
1067
1076
|
}
|
|
1068
|
-
const
|
|
1077
|
+
const fs = /* @__PURE__ */ k(Se, [["render", Me]]);
|
|
1069
1078
|
/*!
|
|
1070
|
-
* iamKey v3.7.
|
|
1079
|
+
* iamKey v3.7.7
|
|
1071
1080
|
* Copyright 2022-2023 iamproperty
|
|
1072
1081
|
*/
|
|
1073
1082
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Card" });
|
|
@@ -1075,10 +1084,10 @@ class He extends HTMLElement {
|
|
|
1075
1084
|
constructor() {
|
|
1076
1085
|
super(), this.attachShadow({ mode: "open" }), this.querySelector('[class*="fa-"]') && this.classList.add("card--has-icon");
|
|
1077
1086
|
let a = this.classList.toString();
|
|
1078
|
-
const t = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
1079
|
-
|
|
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 = `
|
|
1080
1089
|
<style>
|
|
1081
|
-
@import "${
|
|
1090
|
+
@import "${i}";
|
|
1082
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 */
|
|
1083
1092
|
|
|
1084
1093
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
@@ -1092,15 +1101,15 @@ class He extends HTMLElement {
|
|
|
1092
1101
|
</div>
|
|
1093
1102
|
${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
|
|
1094
1103
|
</div>
|
|
1095
|
-
`, this.shadowRoot.appendChild(
|
|
1104
|
+
`, this.shadowRoot.appendChild(n.content.cloneNode(!0));
|
|
1096
1105
|
}
|
|
1097
1106
|
connectedCallback() {
|
|
1098
1107
|
this.classList.add("loaded");
|
|
1099
1108
|
const a = this.parentNode.closest("a, button, label"), t = this.shadowRoot.querySelector(".card");
|
|
1100
|
-
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) => {
|
|
1101
1110
|
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? t.classList.remove("active") : t.classList.add("active") : a.click();
|
|
1102
|
-
}), t.addEventListener("keydown", (
|
|
1103
|
-
switch (
|
|
1111
|
+
}), t.addEventListener("keydown", (i) => {
|
|
1112
|
+
switch (i.keyCode) {
|
|
1104
1113
|
case 32:
|
|
1105
1114
|
case 13:
|
|
1106
1115
|
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? t.classList.remove("active") : t.classList.add("active") : a.click();
|
|
@@ -1111,15 +1120,15 @@ class He extends HTMLElement {
|
|
|
1111
1120
|
static get observedAttributes() {
|
|
1112
1121
|
return ["data-total", "class"];
|
|
1113
1122
|
}
|
|
1114
|
-
attributeChangedCallback(a, t,
|
|
1123
|
+
attributeChangedCallback(a, t, i) {
|
|
1115
1124
|
switch (a) {
|
|
1116
1125
|
case "data-total": {
|
|
1117
|
-
this.shadowRoot.querySelector(".card__total").innerHTML =
|
|
1126
|
+
this.shadowRoot.querySelector(".card__total").innerHTML = i;
|
|
1118
1127
|
break;
|
|
1119
1128
|
}
|
|
1120
1129
|
case "class": {
|
|
1121
|
-
let
|
|
1122
|
-
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}`);
|
|
1123
1132
|
break;
|
|
1124
1133
|
}
|
|
1125
1134
|
}
|
|
@@ -1133,51 +1142,51 @@ const Ce = {
|
|
|
1133
1142
|
});
|
|
1134
1143
|
}
|
|
1135
1144
|
};
|
|
1136
|
-
function De(e, a, t,
|
|
1145
|
+
function De(e, a, t, i, n, r) {
|
|
1137
1146
|
return u(), m("iam-card", null, [
|
|
1138
1147
|
_(e.$slots, "default")
|
|
1139
1148
|
]);
|
|
1140
1149
|
}
|
|
1141
|
-
const Ne = /* @__PURE__ */
|
|
1150
|
+
const Ne = /* @__PURE__ */ k(Ce, [["render", De]]);
|
|
1142
1151
|
function Re(e) {
|
|
1143
1152
|
var a;
|
|
1144
|
-
let t = e.querySelector(".carousel__inner"),
|
|
1153
|
+
let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
|
|
1145
1154
|
e.getAttribute("data-cols");
|
|
1146
|
-
let
|
|
1147
|
-
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) {
|
|
1148
1157
|
clearTimeout(a), a = setTimeout(function() {
|
|
1149
|
-
let
|
|
1150
|
-
Array.from(e.querySelectorAll(".carousel__controls a")).forEach((
|
|
1151
|
-
|
|
1152
|
-
}), 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");
|
|
1153
1162
|
}, 100);
|
|
1154
|
-
}, !1), e.addEventListener("click", function(
|
|
1155
|
-
for (var
|
|
1156
|
-
if (
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
}),
|
|
1160
|
-
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"));
|
|
1161
1170
|
t.scroll({
|
|
1162
1171
|
top: 0,
|
|
1163
|
-
left:
|
|
1172
|
+
left: d.offsetLeft,
|
|
1164
1173
|
behavior: "smooth"
|
|
1165
1174
|
});
|
|
1166
1175
|
break;
|
|
1167
1176
|
}
|
|
1168
|
-
}, !1), e.addEventListener("click", function(
|
|
1169
|
-
for (var
|
|
1170
|
-
if (
|
|
1171
|
-
|
|
1172
|
-
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;
|
|
1173
1182
|
t.scroll({
|
|
1174
1183
|
top: 0,
|
|
1175
|
-
left:
|
|
1184
|
+
left: d,
|
|
1176
1185
|
behavior: "smooth"
|
|
1177
1186
|
});
|
|
1178
1187
|
break;
|
|
1179
1188
|
}
|
|
1180
|
-
}, !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");
|
|
1181
1190
|
}
|
|
1182
1191
|
const ze = {
|
|
1183
1192
|
components: {
|
|
@@ -1258,37 +1267,37 @@ const ze = {
|
|
|
1258
1267
|
Re(this.$refs.wrapper);
|
|
1259
1268
|
});
|
|
1260
1269
|
}
|
|
1261
|
-
},
|
|
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", {
|
|
1262
1271
|
class: "btn btn-prev",
|
|
1263
1272
|
"data-go": "0",
|
|
1264
1273
|
disabled: ""
|
|
1265
|
-
}, "Prev", -1),
|
|
1274
|
+
}, "Prev", -1), We = /* @__PURE__ */ c("button", {
|
|
1266
1275
|
class: "btn btn-next",
|
|
1267
1276
|
"data-go": "2"
|
|
1268
1277
|
}, "Next", -1);
|
|
1269
|
-
function
|
|
1270
|
-
const
|
|
1278
|
+
function Ue(e, a, t, i, n, r) {
|
|
1279
|
+
const s = R("Card");
|
|
1271
1280
|
return u(), m("div", {
|
|
1272
1281
|
class: "container carousel",
|
|
1273
|
-
id: "carousel" +
|
|
1282
|
+
id: "carousel" + n.id,
|
|
1274
1283
|
ref: "wrapper",
|
|
1275
1284
|
"data-cols": t.cols,
|
|
1276
1285
|
"data-sm-cols": t.smcols,
|
|
1277
1286
|
"data-md-cols": t.mdcols
|
|
1278
1287
|
}, [
|
|
1279
1288
|
_(e.$slots, "default"),
|
|
1280
|
-
|
|
1281
|
-
|
|
1289
|
+
c("div", Ie, [
|
|
1290
|
+
c("div", Be, [
|
|
1282
1291
|
t.type == "card" ? (u(), m("div", {
|
|
1283
1292
|
key: 0,
|
|
1284
1293
|
class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1285
1294
|
}, [
|
|
1286
|
-
(u(!0), m(T, null,
|
|
1295
|
+
(u(!0), m(T, null, E(t.items, (l, d) => (u(), m("div", {
|
|
1287
1296
|
class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1288
|
-
key:
|
|
1289
|
-
id: "carousel" +
|
|
1297
|
+
key: d,
|
|
1298
|
+
id: "carousel" + n.id + "slide" + (d + 1)
|
|
1290
1299
|
}, [
|
|
1291
|
-
x(
|
|
1300
|
+
x(s, M(l, {
|
|
1292
1301
|
class: t.cardclass,
|
|
1293
1302
|
type: t.cardtype,
|
|
1294
1303
|
btnyype: t.btntype,
|
|
@@ -1302,39 +1311,39 @@ function We(e, a, t, r, s, i) {
|
|
|
1302
1311
|
key: 1,
|
|
1303
1312
|
class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1304
1313
|
}, [
|
|
1305
|
-
(u(!0), m(T, null,
|
|
1314
|
+
(u(!0), m(T, null, E(t.items, (l, d) => (u(), m("div", {
|
|
1306
1315
|
class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1307
|
-
key:
|
|
1308
|
-
innerHTML:
|
|
1309
|
-
id: "carousel" +
|
|
1310
|
-
}, null, 10,
|
|
1316
|
+
key: d,
|
|
1317
|
+
innerHTML: r.content(l),
|
|
1318
|
+
id: "carousel" + n.id + "slide" + (d + 1)
|
|
1319
|
+
}, null, 10, Ve))), 128))
|
|
1311
1320
|
], 2)) : g("", !0)
|
|
1312
1321
|
]),
|
|
1313
|
-
|
|
1322
|
+
c("div", {
|
|
1314
1323
|
class: A(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
|
|
1315
1324
|
}, [
|
|
1316
|
-
(u(!0), m(T, null,
|
|
1317
|
-
key:
|
|
1318
|
-
href: "#carousel" +
|
|
1319
|
-
class: A(`control-${
|
|
1320
|
-
}, "Slide " + q(
|
|
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))
|
|
1321
1330
|
], 2),
|
|
1322
|
-
|
|
1323
|
-
|
|
1331
|
+
Oe,
|
|
1332
|
+
We
|
|
1324
1333
|
])
|
|
1325
|
-
], 8,
|
|
1334
|
+
], 8, Pe);
|
|
1326
1335
|
}
|
|
1327
|
-
const
|
|
1336
|
+
const bs = /* @__PURE__ */ k(ze, [["render", Ue]]);
|
|
1328
1337
|
/*!
|
|
1329
|
-
* iamKey v3.7.
|
|
1338
|
+
* iamKey v3.7.7
|
|
1330
1339
|
* Copyright 2022-2023 iamproperty
|
|
1331
1340
|
*/
|
|
1332
1341
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
|
|
1333
1342
|
class Ge extends HTMLElement {
|
|
1334
1343
|
constructor() {
|
|
1335
1344
|
super(), this.attachShadow({ mode: "open" });
|
|
1336
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`,
|
|
1337
|
-
|
|
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 = `
|
|
1338
1347
|
<style>
|
|
1339
1348
|
@import "${t}";
|
|
1340
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 */
|
|
@@ -1355,7 +1364,7 @@ class Ge extends HTMLElement {
|
|
|
1355
1364
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
1356
1365
|
</picture>
|
|
1357
1366
|
</div>
|
|
1358
|
-
`, this.shadowRoot.appendChild(
|
|
1367
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1359
1368
|
}
|
|
1360
1369
|
connectedCallback() {
|
|
1361
1370
|
this.classList.add("loaded");
|
|
@@ -1380,8 +1389,8 @@ const Ke = {
|
|
|
1380
1389
|
window.customElements.get("iam-header") || window.customElements.define("iam-header", Ge);
|
|
1381
1390
|
});
|
|
1382
1391
|
}
|
|
1383
|
-
},
|
|
1384
|
-
function
|
|
1392
|
+
}, Qe = ["image"], Ye = ["innerHTML"];
|
|
1393
|
+
function Ze(e, a, t, i, n, r) {
|
|
1385
1394
|
return u(), m("iam-header", {
|
|
1386
1395
|
class: "bg-secondary",
|
|
1387
1396
|
image: t.image
|
|
@@ -1390,40 +1399,40 @@ function Je(e, a, t, r, s, i) {
|
|
|
1390
1399
|
t.title ? (u(), m("h1", {
|
|
1391
1400
|
key: 0,
|
|
1392
1401
|
innerHTML: t.title
|
|
1393
|
-
}, null, 8,
|
|
1402
|
+
}, null, 8, Ye)) : g("", !0),
|
|
1394
1403
|
_(e.$slots, "default")
|
|
1395
|
-
], 8,
|
|
1404
|
+
], 8, Qe);
|
|
1396
1405
|
}
|
|
1397
|
-
const
|
|
1398
|
-
function
|
|
1406
|
+
const ps = /* @__PURE__ */ k(Ke, [["render", Ze]]);
|
|
1407
|
+
function Je(e) {
|
|
1399
1408
|
var a;
|
|
1400
|
-
const t = e.querySelector(".testimonial__images"),
|
|
1401
|
-
if (
|
|
1409
|
+
const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
|
|
1410
|
+
if (i == 1)
|
|
1402
1411
|
return !1;
|
|
1403
1412
|
e.classList.add("testimonial--multi");
|
|
1404
|
-
const
|
|
1405
|
-
const
|
|
1406
|
-
|
|
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);
|
|
1407
1416
|
};
|
|
1408
|
-
t.addEventListener("scroll", function(
|
|
1417
|
+
t.addEventListener("scroll", function(r) {
|
|
1409
1418
|
clearTimeout(a), a = setTimeout(function() {
|
|
1410
|
-
let
|
|
1411
|
-
|
|
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);
|
|
1412
1421
|
}, 300);
|
|
1413
|
-
}, !1), e.addEventListener("click", function(
|
|
1414
|
-
for (var
|
|
1415
|
-
if (
|
|
1416
|
-
let
|
|
1417
|
-
|
|
1418
|
-
top:
|
|
1419
|
-
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,
|
|
1420
1429
|
behavior: "smooth"
|
|
1421
1430
|
});
|
|
1422
1431
|
break;
|
|
1423
1432
|
}
|
|
1424
1433
|
}, !1);
|
|
1425
1434
|
}
|
|
1426
|
-
const
|
|
1435
|
+
const Xe = {
|
|
1427
1436
|
name: "Testimonial",
|
|
1428
1437
|
props: {
|
|
1429
1438
|
items: {
|
|
@@ -1437,56 +1446,56 @@ const Qe = {
|
|
|
1437
1446
|
}
|
|
1438
1447
|
},
|
|
1439
1448
|
mounted() {
|
|
1440
|
-
|
|
1449
|
+
Je(this.$refs.wrapper);
|
|
1441
1450
|
}
|
|
1442
1451
|
}, ta = {
|
|
1443
1452
|
class: "container testimonial mb-5",
|
|
1444
1453
|
"data-show": "1",
|
|
1445
1454
|
ref: "wrapper"
|
|
1446
|
-
}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" },
|
|
1447
|
-
/* @__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", {
|
|
1448
1457
|
"data-go": "0",
|
|
1449
1458
|
disabled: "",
|
|
1450
1459
|
class: "btn-prev"
|
|
1451
1460
|
}, "Previous"),
|
|
1452
|
-
/* @__PURE__ */
|
|
1461
|
+
/* @__PURE__ */ c("button", {
|
|
1453
1462
|
"data-go": "2",
|
|
1454
1463
|
class: "btn-next"
|
|
1455
1464
|
}, "Next")
|
|
1456
|
-
], -1),
|
|
1457
|
-
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) {
|
|
1458
1467
|
return u(), m("div", ta, [
|
|
1459
|
-
|
|
1468
|
+
c("div", {
|
|
1460
1469
|
class: A("bg-" + t.background)
|
|
1461
1470
|
}, [
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
(u(!0), m(T, null,
|
|
1466
|
-
key:
|
|
1467
|
-
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==",
|
|
1468
1477
|
alt: "",
|
|
1469
|
-
class: A("h-100 w-100 object-cover" + (
|
|
1470
|
-
}, null, 10,
|
|
1478
|
+
class: A("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
|
|
1479
|
+
}, null, 10, sa))), 128))
|
|
1471
1480
|
]),
|
|
1472
|
-
|
|
1481
|
+
ra
|
|
1473
1482
|
]),
|
|
1474
|
-
|
|
1483
|
+
c("div", oa, [
|
|
1475
1484
|
na,
|
|
1476
|
-
|
|
1477
|
-
(u(!0), m(T, null,
|
|
1478
|
-
key:
|
|
1479
|
-
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)
|
|
1480
1489
|
}, [
|
|
1481
|
-
|
|
1482
|
-
innerHTML:
|
|
1490
|
+
c("div", {
|
|
1491
|
+
innerHTML: s.quote
|
|
1483
1492
|
}, null, 8, ca),
|
|
1484
|
-
|
|
1485
|
-
innerHTML:
|
|
1493
|
+
c("cite", {
|
|
1494
|
+
innerHTML: s.cite
|
|
1486
1495
|
}, null, 8, da)
|
|
1487
1496
|
], 2))), 128))
|
|
1488
1497
|
]),
|
|
1489
|
-
|
|
1498
|
+
c("div", ua, [
|
|
1490
1499
|
_(e.$slots, "default")
|
|
1491
1500
|
])
|
|
1492
1501
|
])
|
|
@@ -1495,10 +1504,10 @@ function ha(e, a, t, r, s, i) {
|
|
|
1495
1504
|
], 2)
|
|
1496
1505
|
], 512);
|
|
1497
1506
|
}
|
|
1498
|
-
const
|
|
1507
|
+
const ys = /* @__PURE__ */ k(Xe, [["render", ha]]);
|
|
1499
1508
|
const fa = {
|
|
1500
1509
|
components: {
|
|
1501
|
-
Input:
|
|
1510
|
+
Input: O
|
|
1502
1511
|
},
|
|
1503
1512
|
name: "PropertySearchbar",
|
|
1504
1513
|
props: {
|
|
@@ -1645,43 +1654,43 @@ const fa = {
|
|
|
1645
1654
|
}, ba = {
|
|
1646
1655
|
class: "container",
|
|
1647
1656
|
ref: "wrapper"
|
|
1648
|
-
}, 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 = {
|
|
1649
1658
|
class: "row",
|
|
1650
1659
|
"data-input-range": ""
|
|
1651
|
-
}, 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 = {
|
|
1652
1661
|
class: "row",
|
|
1653
1662
|
"data-input-range": ""
|
|
1654
|
-
}, La = { class: "col-12 col-md-2" }, xa = /* @__PURE__ */
|
|
1655
|
-
/* @__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", {
|
|
1656
1665
|
class: "btn w-100 me-0",
|
|
1657
1666
|
type: "submit",
|
|
1658
1667
|
value: "submit"
|
|
1659
1668
|
}, "Search")
|
|
1660
1669
|
], -1);
|
|
1661
|
-
function
|
|
1662
|
-
const
|
|
1670
|
+
function qa(e, a, t, i, n, r) {
|
|
1671
|
+
const s = R("Input");
|
|
1663
1672
|
return u(), m("div", ba, [
|
|
1664
1673
|
_(e.$slots, "default"),
|
|
1665
|
-
|
|
1666
|
-
|
|
1674
|
+
c("div", pa, [
|
|
1675
|
+
c("form", {
|
|
1667
1676
|
class: "row",
|
|
1668
1677
|
action: t.formaction,
|
|
1669
1678
|
method: t.formmethod
|
|
1670
1679
|
}, [
|
|
1671
|
-
|
|
1672
|
-
x(
|
|
1680
|
+
c("fieldset", ga, [
|
|
1681
|
+
x(s, {
|
|
1673
1682
|
inputClass: "input--locations",
|
|
1674
|
-
modelValue:
|
|
1675
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
1683
|
+
modelValue: r.locationSet,
|
|
1684
|
+
"onUpdate:modelValue": a[0] || (a[0] = (l) => r.locationSet = l),
|
|
1676
1685
|
label: "Location",
|
|
1677
1686
|
id: "location",
|
|
1678
|
-
options:
|
|
1687
|
+
options: r.locationsList(),
|
|
1679
1688
|
required: "",
|
|
1680
1689
|
placeholder: "i.e. Newcastle or NE1",
|
|
1681
|
-
onKeyupEvent: a[1] || (a[1] = (
|
|
1690
|
+
onKeyupEvent: a[1] || (a[1] = (l) => r.locationKeyup(...arguments)),
|
|
1682
1691
|
ref: "search"
|
|
1683
1692
|
}, null, 8, ["modelValue", "options"]),
|
|
1684
|
-
x(
|
|
1693
|
+
x(s, {
|
|
1685
1694
|
class: "select--miles",
|
|
1686
1695
|
label: "Miles",
|
|
1687
1696
|
id: "miles",
|
|
@@ -1689,10 +1698,10 @@ function $a(e, a, t, r, s, i) {
|
|
|
1689
1698
|
options: t.distances
|
|
1690
1699
|
}, null, 8, ["options"])
|
|
1691
1700
|
]),
|
|
1692
|
-
|
|
1701
|
+
c("fieldset", _a, [
|
|
1693
1702
|
va,
|
|
1694
|
-
|
|
1695
|
-
x(
|
|
1703
|
+
c("div", wa, [
|
|
1704
|
+
x(s, {
|
|
1696
1705
|
class: "col-6",
|
|
1697
1706
|
label: "Minimum price",
|
|
1698
1707
|
id: "price-min",
|
|
@@ -1700,7 +1709,7 @@ function $a(e, a, t, r, s, i) {
|
|
|
1700
1709
|
type: "select",
|
|
1701
1710
|
options: t.pricemin
|
|
1702
1711
|
}, null, 8, ["options"]),
|
|
1703
|
-
x(
|
|
1712
|
+
x(s, {
|
|
1704
1713
|
class: "col-6",
|
|
1705
1714
|
label: "Maximum price",
|
|
1706
1715
|
id: "price-max",
|
|
@@ -1710,10 +1719,10 @@ function $a(e, a, t, r, s, i) {
|
|
|
1710
1719
|
}, null, 8, ["options"])
|
|
1711
1720
|
])
|
|
1712
1721
|
]),
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
x(
|
|
1722
|
+
c("fieldset", Aa, [
|
|
1723
|
+
ka,
|
|
1724
|
+
c("div", Sa, [
|
|
1725
|
+
x(s, {
|
|
1717
1726
|
class: "col-6",
|
|
1718
1727
|
label: "Minimum beds",
|
|
1719
1728
|
id: "beds-min",
|
|
@@ -1721,7 +1730,7 @@ function $a(e, a, t, r, s, i) {
|
|
|
1721
1730
|
type: "select",
|
|
1722
1731
|
options: t.bedsmin
|
|
1723
1732
|
}, null, 8, ["options"]),
|
|
1724
|
-
x(
|
|
1733
|
+
x(s, {
|
|
1725
1734
|
class: "col-6",
|
|
1726
1735
|
label: "Maximum beds",
|
|
1727
1736
|
id: "beds-max",
|
|
@@ -1731,8 +1740,8 @@ function $a(e, a, t, r, s, i) {
|
|
|
1731
1740
|
}, null, 8, ["options"])
|
|
1732
1741
|
])
|
|
1733
1742
|
]),
|
|
1734
|
-
|
|
1735
|
-
x(
|
|
1743
|
+
c("fieldset", La, [
|
|
1744
|
+
x(s, {
|
|
1736
1745
|
label: "Property type",
|
|
1737
1746
|
id: "property-type",
|
|
1738
1747
|
type: "select",
|
|
@@ -1745,11 +1754,11 @@ function $a(e, a, t, r, s, i) {
|
|
|
1745
1754
|
_(e.$slots, "after")
|
|
1746
1755
|
], 512);
|
|
1747
1756
|
}
|
|
1748
|
-
const
|
|
1757
|
+
const gs = /* @__PURE__ */ k(fa, [["render", qa]]), $a = (e) => {
|
|
1749
1758
|
Array.from(e.querySelectorAll("details")).forEach((a, t) => {
|
|
1750
|
-
a.addEventListener("mouseenter", function(
|
|
1759
|
+
a.addEventListener("mouseenter", function(i) {
|
|
1751
1760
|
window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
|
|
1752
|
-
}, !1), a.addEventListener("mouseleave", function(
|
|
1761
|
+
}, !1), a.addEventListener("mouseleave", function(i) {
|
|
1753
1762
|
window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
|
|
1754
1763
|
}, !1);
|
|
1755
1764
|
}), "IntersectionObserver" in window && new IntersectionObserver(
|
|
@@ -1757,9 +1766,9 @@ const go = /* @__PURE__ */ S(fa, [["render", $a]]), qa = (e) => {
|
|
|
1757
1766
|
{ threshold: [1] }
|
|
1758
1767
|
).observe(e);
|
|
1759
1768
|
};
|
|
1760
|
-
const
|
|
1769
|
+
const Ta = {
|
|
1761
1770
|
components: {
|
|
1762
|
-
Input:
|
|
1771
|
+
Input: O,
|
|
1763
1772
|
Logo: yt
|
|
1764
1773
|
},
|
|
1765
1774
|
name: "Nav",
|
|
@@ -1830,20 +1839,20 @@ const Ea = {
|
|
|
1830
1839
|
},
|
|
1831
1840
|
mounted() {
|
|
1832
1841
|
this.$nextTick(function() {
|
|
1833
|
-
|
|
1842
|
+
$a(this.$refs.wrapper);
|
|
1834
1843
|
});
|
|
1835
1844
|
}
|
|
1836
|
-
},
|
|
1845
|
+
}, Ea = /* @__PURE__ */ c("input", {
|
|
1837
1846
|
type: "checkbox",
|
|
1838
1847
|
name: "showMenu",
|
|
1839
1848
|
id: "showMenu",
|
|
1840
1849
|
class: "d-none"
|
|
1841
|
-
}, null, -1), Ma = /* @__PURE__ */
|
|
1850
|
+
}, null, -1), Ma = /* @__PURE__ */ c("input", {
|
|
1842
1851
|
type: "checkbox",
|
|
1843
1852
|
name: "showSearch",
|
|
1844
1853
|
id: "showSearch",
|
|
1845
1854
|
class: "d-none"
|
|
1846
|
-
}, null, -1), Ha = /* @__PURE__ */
|
|
1855
|
+
}, null, -1), Ha = /* @__PURE__ */ c("input", {
|
|
1847
1856
|
type: "checkbox",
|
|
1848
1857
|
name: "showAccount",
|
|
1849
1858
|
id: "showAccount",
|
|
@@ -1854,37 +1863,37 @@ const Ea = {
|
|
|
1854
1863
|
}, za = {
|
|
1855
1864
|
key: 1,
|
|
1856
1865
|
class: "col mw-md-fit-content nav__logo"
|
|
1857
|
-
},
|
|
1866
|
+
}, Pa = {
|
|
1858
1867
|
href: "/",
|
|
1859
1868
|
class: "text-decoration-none mb-0"
|
|
1860
|
-
},
|
|
1861
|
-
/* @__PURE__ */
|
|
1862
|
-
], -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 = {
|
|
1863
1872
|
key: 0,
|
|
1864
1873
|
class: "col mw-md-fit-content nav__logo"
|
|
1865
|
-
},
|
|
1874
|
+
}, Oa = {
|
|
1866
1875
|
key: 1,
|
|
1867
1876
|
class: "col mw-md-fit-content nav__logo"
|
|
1868
|
-
},
|
|
1877
|
+
}, Wa = {
|
|
1869
1878
|
href: "/",
|
|
1870
1879
|
class: "text-decoration-none mb-0"
|
|
1871
|
-
},
|
|
1880
|
+
}, Ua = {
|
|
1872
1881
|
key: 2,
|
|
1873
1882
|
class: "col mw-fit-content nav__search-btn flex-row align-items-center"
|
|
1874
|
-
}, Ga = /* @__PURE__ */
|
|
1875
|
-
/* @__PURE__ */
|
|
1883
|
+
}, Ga = /* @__PURE__ */ c("label", { for: "showSearch" }, [
|
|
1884
|
+
/* @__PURE__ */ c("svg", {
|
|
1876
1885
|
class: "icon",
|
|
1877
1886
|
viewBox: "0 0 32 32"
|
|
1878
1887
|
}, [
|
|
1879
|
-
/* @__PURE__ */
|
|
1880
|
-
/* @__PURE__ */
|
|
1888
|
+
/* @__PURE__ */ c("title", null, "Search"),
|
|
1889
|
+
/* @__PURE__ */ c("ellipse", {
|
|
1881
1890
|
cx: "14.92",
|
|
1882
1891
|
cy: "13.81",
|
|
1883
1892
|
rx: "11.92",
|
|
1884
1893
|
ry: "11.81",
|
|
1885
1894
|
class: "icon__outline"
|
|
1886
1895
|
}),
|
|
1887
|
-
/* @__PURE__ */
|
|
1896
|
+
/* @__PURE__ */ c("line", {
|
|
1888
1897
|
x1: "22.68",
|
|
1889
1898
|
y1: "22.75",
|
|
1890
1899
|
x2: "30",
|
|
@@ -1894,69 +1903,69 @@ const Ea = {
|
|
|
1894
1903
|
])
|
|
1895
1904
|
], -1), Ka = [
|
|
1896
1905
|
Ga
|
|
1897
|
-
],
|
|
1898
|
-
/* @__PURE__ */
|
|
1899
|
-
], -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 = {
|
|
1900
1909
|
key: 3,
|
|
1901
1910
|
class: "col nav__account-btn flex-row align-items-center"
|
|
1902
|
-
},
|
|
1903
|
-
/* @__PURE__ */
|
|
1911
|
+
}, Ja = /* @__PURE__ */ c("label", { for: "showAccount" }, [
|
|
1912
|
+
/* @__PURE__ */ c("svg", {
|
|
1904
1913
|
class: "icon",
|
|
1905
1914
|
viewBox: "0 0 28 28"
|
|
1906
1915
|
}, [
|
|
1907
|
-
/* @__PURE__ */
|
|
1916
|
+
/* @__PURE__ */ c("path", {
|
|
1908
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",
|
|
1909
1918
|
transform: "translate(0 -0.001)"
|
|
1910
1919
|
}),
|
|
1911
|
-
/* @__PURE__ */
|
|
1920
|
+
/* @__PURE__ */ c("path", {
|
|
1912
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",
|
|
1913
1922
|
transform: "translate(8.8 4.8)"
|
|
1914
1923
|
})
|
|
1915
1924
|
]),
|
|
1916
|
-
/* @__PURE__ */
|
|
1917
|
-
], -1),
|
|
1918
|
-
|
|
1919
|
-
],
|
|
1925
|
+
/* @__PURE__ */ c("span", null, "My account")
|
|
1926
|
+
], -1), Xa = [
|
|
1927
|
+
Ja
|
|
1928
|
+
], ti = {
|
|
1920
1929
|
key: 4,
|
|
1921
1930
|
class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
|
|
1922
|
-
},
|
|
1931
|
+
}, ei = ["href", "innerHTML"], ai = {
|
|
1923
1932
|
key: 0,
|
|
1924
1933
|
class: "nav__menu--secondary"
|
|
1925
|
-
},
|
|
1934
|
+
}, ii = { class: "container" }, si = {
|
|
1926
1935
|
key: 1,
|
|
1927
1936
|
class: "nav__menu--search"
|
|
1928
|
-
},
|
|
1937
|
+
}, ri = { class: "bg-gradient pt-4" }, oi = { class: "container" }, ni = {
|
|
1929
1938
|
key: 0,
|
|
1930
1939
|
class: "nav__menu--account"
|
|
1931
|
-
},
|
|
1940
|
+
}, li = { class: "container" }, ci = { class: "row mb-4" }, di = {
|
|
1932
1941
|
key: 0,
|
|
1933
1942
|
class: "col mw-md-fit-content nav__logo"
|
|
1934
|
-
},
|
|
1943
|
+
}, ui = {
|
|
1935
1944
|
key: 1,
|
|
1936
1945
|
class: "col mw-md-fit-content nav__logo"
|
|
1937
|
-
},
|
|
1946
|
+
}, mi = {
|
|
1938
1947
|
href: "/",
|
|
1939
1948
|
class: "text-decoration-none mb-0"
|
|
1940
|
-
},
|
|
1941
|
-
/* @__PURE__ */
|
|
1942
|
-
], -1),
|
|
1943
|
-
function
|
|
1944
|
-
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");
|
|
1945
1954
|
return u(), m("nav", {
|
|
1946
|
-
class: A(`nav${
|
|
1955
|
+
class: A(`nav${r.hasSecondarySlot ? " has-secondary" : ""}`),
|
|
1947
1956
|
ref: "wrapper"
|
|
1948
1957
|
}, [
|
|
1949
|
-
|
|
1958
|
+
Ea,
|
|
1950
1959
|
Ma,
|
|
1951
1960
|
Ha,
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1961
|
+
c("div", Ca, [
|
|
1962
|
+
c("div", Da, [
|
|
1963
|
+
c("div", Na, [
|
|
1964
|
+
r.hasLogoSlot ? (u(), m("div", Ra, [
|
|
1956
1965
|
_(e.$slots, "logo")
|
|
1957
1966
|
])) : (u(), m("div", za, [
|
|
1958
|
-
|
|
1959
|
-
x(
|
|
1967
|
+
c("a", Pa, [
|
|
1968
|
+
x(s, {
|
|
1960
1969
|
id: t.logo,
|
|
1961
1970
|
path: t.logopath,
|
|
1962
1971
|
desc: t.logotext,
|
|
@@ -1964,18 +1973,18 @@ function pr(e, a, t, r, s, i) {
|
|
|
1964
1973
|
}, null, 8, ["id", "path", "desc"])
|
|
1965
1974
|
])
|
|
1966
1975
|
])),
|
|
1967
|
-
|
|
1976
|
+
Ia
|
|
1968
1977
|
])
|
|
1969
1978
|
])
|
|
1970
1979
|
]),
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1980
|
+
c("div", Ba, [
|
|
1981
|
+
c("div", Fa, [
|
|
1982
|
+
c("div", Va, [
|
|
1983
|
+
r.hasLogoSlot ? (u(), m("div", ja, [
|
|
1975
1984
|
_(e.$slots, "logo")
|
|
1976
|
-
])) : (u(), m("div",
|
|
1977
|
-
|
|
1978
|
-
x(
|
|
1985
|
+
])) : (u(), m("div", Oa, [
|
|
1986
|
+
c("a", Wa, [
|
|
1987
|
+
x(s, {
|
|
1979
1988
|
id: t.logo,
|
|
1980
1989
|
path: t.logopath,
|
|
1981
1990
|
desc: t.logotext,
|
|
@@ -1983,42 +1992,42 @@ function pr(e, a, t, r, s, i) {
|
|
|
1983
1992
|
}, null, 8, ["id", "path", "desc"])
|
|
1984
1993
|
])
|
|
1985
1994
|
])),
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1995
|
+
r.hasSearchSlot ? (u(), m("div", Ua, Ka)) : g("", !0),
|
|
1996
|
+
Qa,
|
|
1997
|
+
c("div", Ya, [
|
|
1989
1998
|
_(e.$slots, "default")
|
|
1990
1999
|
]),
|
|
1991
|
-
|
|
1992
|
-
t.btnlink ? (u(), m("div",
|
|
1993
|
-
|
|
2000
|
+
r.hasAccountSlot ? (u(), m("div", Za, Xa)) : g("", !0),
|
|
2001
|
+
t.btnlink ? (u(), m("div", ti, [
|
|
2002
|
+
c("a", {
|
|
1994
2003
|
href: t.btnlink,
|
|
1995
2004
|
class: "btn me-0",
|
|
1996
2005
|
innerHTML: t.btntext
|
|
1997
|
-
}, null, 8,
|
|
2006
|
+
}, null, 8, ei)
|
|
1998
2007
|
])) : g("", !0)
|
|
1999
2008
|
])
|
|
2000
2009
|
]),
|
|
2001
|
-
|
|
2002
|
-
|
|
2010
|
+
r.hasSecondarySlot ? (u(), m("div", ai, [
|
|
2011
|
+
c("div", ii, [
|
|
2003
2012
|
_(e.$slots, "secondary")
|
|
2004
2013
|
])
|
|
2005
2014
|
])) : g("", !0),
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2015
|
+
r.hasSearchSlot ? (u(), m("div", si, [
|
|
2016
|
+
c("div", ri, [
|
|
2017
|
+
c("div", oi, [
|
|
2009
2018
|
_(e.$slots, "search")
|
|
2010
2019
|
])
|
|
2011
2020
|
])
|
|
2012
2021
|
])) : g("", !0)
|
|
2013
2022
|
]),
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2023
|
+
r.hasAccountSlot ? (u(), m("div", ni, [
|
|
2024
|
+
c("div", li, [
|
|
2025
|
+
c("div", ci, [
|
|
2026
|
+
r.hasLogoSlot ? (u(), m("div", di, [
|
|
2018
2027
|
_(e.$slots, "logo")
|
|
2019
|
-
])) : (u(), m("div",
|
|
2020
|
-
|
|
2021
|
-
x(
|
|
2028
|
+
])) : (u(), m("div", ui, [
|
|
2029
|
+
c("a", mi, [
|
|
2030
|
+
x(s, {
|
|
2022
2031
|
id: t.logo,
|
|
2023
2032
|
path: t.logopath,
|
|
2024
2033
|
desc: t.logotext,
|
|
@@ -2026,18 +2035,18 @@ function pr(e, a, t, r, s, i) {
|
|
|
2026
2035
|
}, null, 8, ["id", "path", "desc"])
|
|
2027
2036
|
])
|
|
2028
2037
|
])),
|
|
2029
|
-
|
|
2038
|
+
hi
|
|
2030
2039
|
])
|
|
2031
2040
|
]),
|
|
2032
|
-
|
|
2041
|
+
c("div", fi, [
|
|
2033
2042
|
_(e.$slots, "account")
|
|
2034
2043
|
])
|
|
2035
2044
|
])) : g("", !0),
|
|
2036
|
-
|
|
2045
|
+
bi
|
|
2037
2046
|
], 2);
|
|
2038
2047
|
}
|
|
2039
|
-
const
|
|
2040
|
-
const
|
|
2048
|
+
const _s = /* @__PURE__ */ k(Ta, [["render", pi]]);
|
|
2049
|
+
const yi = {
|
|
2041
2050
|
name: "Stepper",
|
|
2042
2051
|
props: {
|
|
2043
2052
|
label: {
|
|
@@ -2050,25 +2059,25 @@ const yr = {
|
|
|
2050
2059
|
default: "Complete"
|
|
2051
2060
|
}
|
|
2052
2061
|
}
|
|
2053
|
-
},
|
|
2062
|
+
}, gi = { class: "container" }, _i = ["aria-label"], vi = {
|
|
2054
2063
|
key: 0,
|
|
2055
2064
|
class: "h6 stepper__start"
|
|
2056
|
-
},
|
|
2057
|
-
function
|
|
2058
|
-
return u(), m("div",
|
|
2059
|
-
|
|
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", {
|
|
2060
2069
|
class: "stepper",
|
|
2061
2070
|
"aria-label": t.label ? t.label : "Progress"
|
|
2062
2071
|
}, [
|
|
2063
|
-
t.label ? (u(), m("span",
|
|
2064
|
-
|
|
2072
|
+
t.label ? (u(), m("span", vi, q(t.label), 1)) : g("", !0),
|
|
2073
|
+
c("ol", wi, [
|
|
2065
2074
|
_(e.$slots, "default")
|
|
2066
2075
|
]),
|
|
2067
|
-
|
|
2068
|
-
], 8,
|
|
2076
|
+
c("span", Ai, q(t.endlabel), 1)
|
|
2077
|
+
], 8, _i)
|
|
2069
2078
|
]);
|
|
2070
2079
|
}
|
|
2071
|
-
const
|
|
2080
|
+
const vs = /* @__PURE__ */ k(yi, [["render", ki]]), Si = {
|
|
2072
2081
|
name: "Stepper",
|
|
2073
2082
|
props: {
|
|
2074
2083
|
url: {
|
|
@@ -2084,72 +2093,72 @@ const vo = /* @__PURE__ */ S(yr, [["render", Sr]]), kr = {
|
|
|
2084
2093
|
required: !1
|
|
2085
2094
|
}
|
|
2086
2095
|
}
|
|
2087
|
-
},
|
|
2096
|
+
}, Li = ["href", "aria-current"], xi = {
|
|
2088
2097
|
key: 0,
|
|
2089
2098
|
class: "visually-hidden"
|
|
2090
2099
|
};
|
|
2091
|
-
function
|
|
2100
|
+
function qi(e, a, t, i, n, r) {
|
|
2092
2101
|
return u(), m("li", null, [
|
|
2093
|
-
|
|
2102
|
+
c("a", {
|
|
2094
2103
|
href: t.url,
|
|
2095
2104
|
class: A(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
|
|
2096
2105
|
"aria-current": typeof t.current < "u"
|
|
2097
2106
|
}, [
|
|
2098
|
-
|
|
2107
|
+
c("span", null, [
|
|
2099
2108
|
_(e.$slots, "default")
|
|
2100
2109
|
]),
|
|
2101
|
-
t.status ? (u(), m("em",
|
|
2102
|
-
], 10,
|
|
2110
|
+
t.status ? (u(), m("em", xi, " - status: " + q(t.status), 1)) : g("", !0)
|
|
2111
|
+
], 10, Li)
|
|
2103
2112
|
]);
|
|
2104
2113
|
}
|
|
2105
|
-
const
|
|
2114
|
+
const ws = /* @__PURE__ */ k(Si, [["render", qi]]);
|
|
2106
2115
|
/*!
|
|
2107
|
-
* iamKey v3.7.
|
|
2116
|
+
* iamKey v3.7.7
|
|
2108
2117
|
* Copyright 2022-2023 iamproperty
|
|
2109
2118
|
*/
|
|
2110
|
-
const
|
|
2119
|
+
const $i = function(e) {
|
|
2111
2120
|
const a = e.querySelectorAll(":scope > details");
|
|
2112
2121
|
e.querySelectorAll(":scope > details > summary");
|
|
2113
2122
|
let t = e.querySelector(":scope > .tabs__links");
|
|
2114
|
-
e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((
|
|
2115
|
-
let
|
|
2116
|
-
|
|
2117
|
-
let
|
|
2118
|
-
|
|
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);
|
|
2119
2128
|
});
|
|
2120
|
-
},
|
|
2121
|
-
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"),
|
|
2122
|
-
e.shadowRoot && (
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
let
|
|
2126
|
-
|
|
2127
|
-
}), a.forEach((
|
|
2128
|
-
let
|
|
2129
|
-
|
|
2130
|
-
}),
|
|
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 });
|
|
2131
2140
|
});
|
|
2132
|
-
}), t.forEach((
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
}), r
|
|
2137
|
-
}),
|
|
2138
|
-
|
|
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();
|
|
2139
2148
|
});
|
|
2140
2149
|
});
|
|
2141
|
-
},
|
|
2150
|
+
}, Ei = function(e) {
|
|
2142
2151
|
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
|
|
2143
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));
|
|
2144
|
-
},
|
|
2145
|
-
|
|
2153
|
+
}, Mi = function(e) {
|
|
2154
|
+
$i(e), Ti(e), Ei(e);
|
|
2146
2155
|
};
|
|
2147
2156
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
|
|
2148
|
-
class
|
|
2157
|
+
class Hi extends HTMLElement {
|
|
2149
2158
|
constructor() {
|
|
2150
2159
|
super(), this.attachShadow({ mode: "open" });
|
|
2151
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`,
|
|
2152
|
-
|
|
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 = `
|
|
2153
2162
|
<style>
|
|
2154
2163
|
@import "${t}";
|
|
2155
2164
|
|
|
@@ -2163,23 +2172,23 @@ class Hr extends HTMLElement {
|
|
|
2163
2172
|
<div class="tabs__links"></div>
|
|
2164
2173
|
<slot></slot>
|
|
2165
2174
|
</div>
|
|
2166
|
-
`, this.shadowRoot.appendChild(
|
|
2175
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2167
2176
|
}
|
|
2168
2177
|
connectedCallback() {
|
|
2169
2178
|
let a = this.classList.toString().replace("container", "");
|
|
2170
|
-
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`),
|
|
2179
|
+
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Mi(this);
|
|
2171
2180
|
}
|
|
2172
2181
|
}
|
|
2173
|
-
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs",
|
|
2174
|
-
const
|
|
2182
|
+
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Hi);
|
|
2183
|
+
const Ci = {
|
|
2175
2184
|
name: "Tabs"
|
|
2176
|
-
},
|
|
2177
|
-
function
|
|
2178
|
-
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, [
|
|
2179
2188
|
_(e.$slots, "default")
|
|
2180
2189
|
], 512);
|
|
2181
2190
|
}
|
|
2182
|
-
const
|
|
2191
|
+
const As = /* @__PURE__ */ k(Ci, [["render", Ni]]), Ri = {
|
|
2183
2192
|
name: "Tab",
|
|
2184
2193
|
props: {
|
|
2185
2194
|
title: {
|
|
@@ -2201,20 +2210,20 @@ const Ao = /* @__PURE__ */ S(Cr, [["render", Nr]]), Rr = {
|
|
|
2201
2210
|
console.log(e);
|
|
2202
2211
|
}
|
|
2203
2212
|
}
|
|
2204
|
-
},
|
|
2205
|
-
function
|
|
2206
|
-
return u(), m("details",
|
|
2207
|
-
|
|
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),
|
|
2208
2217
|
_(e.$slots, "default")
|
|
2209
2218
|
]);
|
|
2210
2219
|
}
|
|
2211
|
-
const
|
|
2212
|
-
let
|
|
2213
|
-
|
|
2214
|
-
const
|
|
2220
|
+
const ks = /* @__PURE__ */ k(Ri, [["render", Ii]]);
|
|
2221
|
+
let rt = st.props;
|
|
2222
|
+
rt.fields.required = !1;
|
|
2223
|
+
const Bi = {
|
|
2215
2224
|
components: {
|
|
2216
|
-
Table:
|
|
2217
|
-
Input:
|
|
2225
|
+
Table: st,
|
|
2226
|
+
Input: O
|
|
2218
2227
|
},
|
|
2219
2228
|
data() {
|
|
2220
2229
|
return {
|
|
@@ -2227,9 +2236,9 @@ const Br = {
|
|
|
2227
2236
|
console.log(this);
|
|
2228
2237
|
const a = new FormData(e.target);
|
|
2229
2238
|
let t = /* @__PURE__ */ new Date();
|
|
2230
|
-
const
|
|
2231
|
-
let
|
|
2232
|
-
|
|
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({
|
|
2233
2242
|
date_added: t,
|
|
2234
2243
|
user: a.get("user"),
|
|
2235
2244
|
note: a.get("addNote")
|
|
@@ -2242,7 +2251,7 @@ const Br = {
|
|
|
2242
2251
|
type: String,
|
|
2243
2252
|
required: !0
|
|
2244
2253
|
},
|
|
2245
|
-
...
|
|
2254
|
+
...rt,
|
|
2246
2255
|
title: {
|
|
2247
2256
|
type: String,
|
|
2248
2257
|
required: !1
|
|
@@ -2257,162 +2266,162 @@ const Br = {
|
|
|
2257
2266
|
required: !1
|
|
2258
2267
|
}
|
|
2259
2268
|
}
|
|
2260
|
-
},
|
|
2261
|
-
function
|
|
2262
|
-
const
|
|
2263
|
-
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, [
|
|
2264
2273
|
t.title ? (u(), m("span", {
|
|
2265
2274
|
key: 0,
|
|
2266
2275
|
class: "h3",
|
|
2267
2276
|
innerHTML: t.title
|
|
2268
|
-
}, null, 8,
|
|
2269
|
-
x(
|
|
2277
|
+
}, null, 8, Vi)) : g("", !0),
|
|
2278
|
+
x(s, M({
|
|
2270
2279
|
fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
|
|
2271
|
-
items:
|
|
2280
|
+
items: n.itemsData
|
|
2272
2281
|
}, e.$props, { class: "mb-0" }), null, 16, ["items"]),
|
|
2273
|
-
|
|
2282
|
+
c("form", {
|
|
2274
2283
|
action: t.action,
|
|
2275
2284
|
method: t.method,
|
|
2276
|
-
onSubmit: a[0] || (a[0] = mt((
|
|
2285
|
+
onSubmit: a[0] || (a[0] = mt((d) => r.submitForm(...arguments), ["prevent"]))
|
|
2277
2286
|
}, [
|
|
2278
|
-
|
|
2287
|
+
c("input", {
|
|
2279
2288
|
type: "hidden",
|
|
2280
2289
|
value: t.user,
|
|
2281
2290
|
name: "user"
|
|
2282
|
-
}, null, 8,
|
|
2283
|
-
x(
|
|
2291
|
+
}, null, 8, Oi),
|
|
2292
|
+
x(l, {
|
|
2284
2293
|
id: "addNote",
|
|
2285
2294
|
type: "textarea",
|
|
2286
2295
|
label: "Add note",
|
|
2287
2296
|
required: "",
|
|
2288
2297
|
class: "mw-100"
|
|
2289
2298
|
}),
|
|
2290
|
-
|
|
2291
|
-
], 40,
|
|
2299
|
+
Wi
|
|
2300
|
+
], 40, ji)
|
|
2292
2301
|
]);
|
|
2293
2302
|
}
|
|
2294
|
-
const
|
|
2303
|
+
const Ss = /* @__PURE__ */ k(Bi, [["render", Ui]]);
|
|
2295
2304
|
/*!
|
|
2296
|
-
* iamKey v3.7.
|
|
2305
|
+
* iamKey v3.7.7
|
|
2297
2306
|
* Copyright 2022-2023 iamproperty
|
|
2298
2307
|
*/
|
|
2299
|
-
function
|
|
2300
|
-
function t(
|
|
2301
|
-
let
|
|
2302
|
-
|
|
2303
|
-
let
|
|
2304
|
-
|
|
2305
|
-
let
|
|
2306
|
-
if (
|
|
2307
|
-
let
|
|
2308
|
-
if (
|
|
2309
|
-
let y =
|
|
2310
|
-
if (
|
|
2311
|
-
let
|
|
2312
|
-
|
|
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);
|
|
2313
2322
|
} else
|
|
2314
|
-
|
|
2315
|
-
}),
|
|
2316
|
-
let
|
|
2317
|
-
|
|
2318
|
-
let
|
|
2319
|
-
|
|
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);
|
|
2320
2329
|
});
|
|
2321
|
-
let
|
|
2322
|
-
|
|
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);
|
|
2323
2332
|
}
|
|
2324
2333
|
}
|
|
2325
2334
|
}
|
|
2326
|
-
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((
|
|
2327
|
-
t(a,
|
|
2328
|
-
}), e.addEventListener("change", function(
|
|
2329
|
-
if (
|
|
2330
|
-
let
|
|
2331
|
-
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);
|
|
2332
2341
|
}
|
|
2333
|
-
}, !1), a.addEventListener("click", function(
|
|
2334
|
-
if (
|
|
2335
|
-
let
|
|
2336
|
-
for (var
|
|
2337
|
-
let
|
|
2338
|
-
|
|
2339
|
-
let
|
|
2340
|
-
for (var
|
|
2341
|
-
let
|
|
2342
|
-
if (
|
|
2343
|
-
|
|
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 = "";
|
|
2344
2353
|
else {
|
|
2345
|
-
|
|
2346
|
-
var
|
|
2347
|
-
|
|
2354
|
+
h.checked = !1;
|
|
2355
|
+
var i = new Event("force");
|
|
2356
|
+
h.closest("form").dispatchEvent(i);
|
|
2348
2357
|
}
|
|
2349
2358
|
}
|
|
2350
2359
|
}
|
|
2351
|
-
|
|
2360
|
+
s.remove();
|
|
2352
2361
|
}
|
|
2353
2362
|
}, !1);
|
|
2354
2363
|
}
|
|
2355
2364
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
|
|
2356
|
-
class
|
|
2365
|
+
class Ki extends HTMLElement {
|
|
2357
2366
|
constructor() {
|
|
2358
2367
|
super(), this.attachShadow({ mode: "open" });
|
|
2359
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`;
|
|
2360
|
-
let
|
|
2361
|
-
const
|
|
2362
|
-
|
|
2369
|
+
let i = this.classList.toString();
|
|
2370
|
+
const n = document.createElement("template");
|
|
2371
|
+
n.innerHTML = `
|
|
2363
2372
|
<style>
|
|
2364
2373
|
@import "${t}";
|
|
2365
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 */
|
|
2366
2375
|
|
|
2367
2376
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2368
2377
|
</style>
|
|
2369
|
-
<div class="applied-filters ${
|
|
2378
|
+
<div class="applied-filters ${i}"></div>
|
|
2370
2379
|
<slot></slot>
|
|
2371
|
-
`, this.shadowRoot.appendChild(
|
|
2380
|
+
`, this.shadowRoot.appendChild(n.content.cloneNode(!0));
|
|
2372
2381
|
}
|
|
2373
2382
|
connectedCallback() {
|
|
2374
|
-
|
|
2383
|
+
Gi(this, this.shadowRoot.querySelector(".applied-filters"));
|
|
2375
2384
|
}
|
|
2376
2385
|
}
|
|
2377
|
-
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters",
|
|
2378
|
-
const
|
|
2386
|
+
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Ki);
|
|
2387
|
+
const Qi = {
|
|
2379
2388
|
name: "Header"
|
|
2380
2389
|
};
|
|
2381
|
-
function
|
|
2390
|
+
function Yi(e, a, t, i, n, r) {
|
|
2382
2391
|
return u(), m("iam-applied-filters", null, [
|
|
2383
2392
|
_(e.$slots, "default")
|
|
2384
2393
|
]);
|
|
2385
2394
|
}
|
|
2386
|
-
const
|
|
2395
|
+
const Ls = /* @__PURE__ */ k(Qi, [["render", Yi]]);
|
|
2387
2396
|
/*!
|
|
2388
|
-
* iamKey v3.7.
|
|
2397
|
+
* iamKey v3.7.7
|
|
2389
2398
|
* Copyright 2022-2023 iamproperty
|
|
2390
2399
|
*/
|
|
2391
|
-
function
|
|
2392
|
-
|
|
2400
|
+
function Zi(e, a) {
|
|
2401
|
+
Ji(e, a);
|
|
2393
2402
|
}
|
|
2394
|
-
function
|
|
2403
|
+
function Ji(e, a) {
|
|
2395
2404
|
var t;
|
|
2396
|
-
a.addEventListener("keyup", (
|
|
2405
|
+
a.addEventListener("keyup", (i) => {
|
|
2397
2406
|
clearTimeout(t), t = setTimeout(function() {
|
|
2398
|
-
|
|
2407
|
+
X(e, a.value);
|
|
2399
2408
|
}, 500);
|
|
2400
|
-
}), a.addEventListener("change", (
|
|
2401
|
-
clearTimeout(t),
|
|
2409
|
+
}), a.addEventListener("change", (i) => {
|
|
2410
|
+
clearTimeout(t), X(e, a.value);
|
|
2402
2411
|
});
|
|
2403
2412
|
}
|
|
2404
|
-
const
|
|
2405
|
-
Array.from(e.querySelectorAll(":scope > li")).forEach((t,
|
|
2406
|
-
let
|
|
2407
|
-
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");
|
|
2408
2417
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
|
|
2409
2418
|
};
|
|
2410
2419
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
|
|
2411
|
-
class
|
|
2420
|
+
class Xi extends HTMLElement {
|
|
2412
2421
|
constructor() {
|
|
2413
2422
|
super(), this.attachShadow({ mode: "open" });
|
|
2414
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`,
|
|
2415
|
-
|
|
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 = `
|
|
2416
2425
|
<style>
|
|
2417
2426
|
@import "${t}";
|
|
2418
2427
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
@@ -2439,51 +2448,51 @@ class Qr extends HTMLElement {
|
|
|
2439
2448
|
<div class="list__wrapper">
|
|
2440
2449
|
<slot></slot>
|
|
2441
2450
|
</div>
|
|
2442
|
-
`, this.shadowRoot.appendChild(
|
|
2451
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2443
2452
|
}
|
|
2444
2453
|
connectedCallback() {
|
|
2445
2454
|
let a = this.classList.toString();
|
|
2446
|
-
this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),
|
|
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"));
|
|
2447
2456
|
}
|
|
2448
2457
|
}
|
|
2449
|
-
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist",
|
|
2450
|
-
const
|
|
2458
|
+
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Xi);
|
|
2459
|
+
const ts = {
|
|
2451
2460
|
name: "Filter list"
|
|
2452
2461
|
};
|
|
2453
|
-
function
|
|
2462
|
+
function es(e, a, t, i, n, r) {
|
|
2454
2463
|
return u(), m("iam-filterlist", null, [
|
|
2455
2464
|
_(e.$slots, "default")
|
|
2456
2465
|
]);
|
|
2457
2466
|
}
|
|
2458
|
-
const
|
|
2459
|
-
function
|
|
2467
|
+
const xs = /* @__PURE__ */ k(ts, [["render", es]]);
|
|
2468
|
+
function as(e) {
|
|
2460
2469
|
if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
|
|
2461
2470
|
let t = document.querySelector(".notification__holder");
|
|
2462
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);
|
|
2463
2472
|
}
|
|
2464
2473
|
if (e.setAttribute("role", "alert"), e.addEventListener("click", function(t) {
|
|
2465
|
-
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));
|
|
2466
2475
|
}, !1), e.hasAttribute("data-timeout")) {
|
|
2467
2476
|
let t = e.getAttribute("data-timeout");
|
|
2468
|
-
var a = new
|
|
2469
|
-
|
|
2477
|
+
var a = new is(function() {
|
|
2478
|
+
Q(e);
|
|
2470
2479
|
}, t);
|
|
2471
|
-
e.addEventListener("mouseenter", (
|
|
2480
|
+
e.addEventListener("mouseenter", (i) => {
|
|
2472
2481
|
a.pause();
|
|
2473
|
-
}), e.addEventListener("mouseleave", (
|
|
2482
|
+
}), e.addEventListener("mouseleave", (i) => {
|
|
2474
2483
|
a.resume();
|
|
2475
2484
|
});
|
|
2476
2485
|
}
|
|
2477
2486
|
}
|
|
2478
|
-
function
|
|
2479
|
-
var t,
|
|
2487
|
+
function is(e, a) {
|
|
2488
|
+
var t, i, n = a;
|
|
2480
2489
|
this.pause = function() {
|
|
2481
|
-
window.clearTimeout(t),
|
|
2490
|
+
window.clearTimeout(t), n -= /* @__PURE__ */ new Date() - i;
|
|
2482
2491
|
}, this.resume = function() {
|
|
2483
|
-
|
|
2492
|
+
i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, n);
|
|
2484
2493
|
}, this.resume();
|
|
2485
2494
|
}
|
|
2486
|
-
const
|
|
2495
|
+
const Q = function(e) {
|
|
2487
2496
|
e.classList.add("d-none");
|
|
2488
2497
|
};
|
|
2489
2498
|
window.dataLayer = window.dataLayer || [];
|
|
@@ -2491,32 +2500,32 @@ window.dataLayer.push({
|
|
|
2491
2500
|
event: "customElementRegistered",
|
|
2492
2501
|
element: "Notification"
|
|
2493
2502
|
});
|
|
2494
|
-
class
|
|
2503
|
+
class ss extends HTMLElement {
|
|
2495
2504
|
constructor() {
|
|
2496
2505
|
super(), this.attachShadow({ mode: "open" });
|
|
2497
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`,
|
|
2498
|
-
Array.from(
|
|
2499
|
-
|
|
2500
|
-
}), (
|
|
2501
|
-
const
|
|
2502
|
-
|
|
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 = `
|
|
2503
2512
|
<style>
|
|
2504
2513
|
@import "${t}";
|
|
2505
|
-
${
|
|
2514
|
+
${i}
|
|
2506
2515
|
${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
|
|
2507
2516
|
</style>
|
|
2508
2517
|
|
|
2509
2518
|
<div class="notification">
|
|
2510
2519
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
2511
|
-
<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>
|
|
2512
2521
|
${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
|
|
2513
2522
|
</div>
|
|
2514
|
-
`, this.shadowRoot.appendChild(
|
|
2523
|
+
`, this.shadowRoot.appendChild(r.content.cloneNode(!0));
|
|
2515
2524
|
}
|
|
2516
2525
|
connectedCallback() {
|
|
2517
2526
|
const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
|
|
2518
2527
|
this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
|
|
2519
|
-
const
|
|
2528
|
+
const i = this;
|
|
2520
2529
|
if (!this.querySelector("i"))
|
|
2521
2530
|
switch (t) {
|
|
2522
2531
|
case "danger":
|
|
@@ -2531,46 +2540,46 @@ class oo extends HTMLElement {
|
|
|
2531
2540
|
default:
|
|
2532
2541
|
this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
|
|
2533
2542
|
}
|
|
2534
|
-
|
|
2535
|
-
|
|
2543
|
+
as(i), a && a.addEventListener("click", function(n) {
|
|
2544
|
+
Q(i);
|
|
2536
2545
|
}, !1);
|
|
2537
2546
|
}
|
|
2538
2547
|
}
|
|
2539
|
-
const
|
|
2548
|
+
const rs = {
|
|
2540
2549
|
name: "Notification",
|
|
2541
2550
|
props: {},
|
|
2542
2551
|
created() {
|
|
2543
2552
|
this.$nextTick(function() {
|
|
2544
|
-
window.customElements.get("iam-notification") || window.customElements.define("iam-notification",
|
|
2553
|
+
window.customElements.get("iam-notification") || window.customElements.define("iam-notification", ss);
|
|
2545
2554
|
});
|
|
2546
2555
|
}
|
|
2547
2556
|
};
|
|
2548
|
-
function
|
|
2557
|
+
function os(e, a, t, i, n, r) {
|
|
2549
2558
|
return u(), m("iam-notification", null, [
|
|
2550
2559
|
_(e.$slots, "default")
|
|
2551
2560
|
]);
|
|
2552
2561
|
}
|
|
2553
|
-
const
|
|
2562
|
+
const qs = /* @__PURE__ */ k(rs, [["render", os]]);
|
|
2554
2563
|
export {
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2564
|
+
ms as Accordion,
|
|
2565
|
+
hs as AccordionItem,
|
|
2566
|
+
Ls as AppliedFilters,
|
|
2567
|
+
fs as Banner,
|
|
2559
2568
|
Ne as Card,
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2569
|
+
bs as Carousel,
|
|
2570
|
+
ds as FileUploads,
|
|
2571
|
+
xs as Filterlist,
|
|
2572
|
+
ps as Header,
|
|
2573
|
+
O as Input,
|
|
2565
2574
|
yt as Logo,
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
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
|
|
2576
2585
|
};
|