@iamproperty/components 3.7.0 → 3.7.2
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/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/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/table/table.component.js +8 -1
- package/assets/js/components/table/table.component.min.js +13 -13
- 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 +2 -2
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/applied-filters.js +1 -1
- package/assets/js/modules/dialogs.js +12 -1
- package/assets/js/modules/table.js +202 -65
- package/assets/js/scripts.bundle.js +21 -21
- 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/js/tests/table.spec.js +19 -13
- package/assets/sass/components/table.scss +125 -75
- package/assets/sass/foundations/reboot.scss +7 -3
- package/assets/ts/components/table/table.component.ts +12 -1
- package/assets/ts/modules/applied-filters.ts +1 -1
- package/assets/ts/modules/dialogs.ts +16 -5
- package/assets/ts/modules/table.ts +244 -69
- package/assets/ts/tests/table.spec.ts +6 -6
- package/dist/components.es.js +904 -839
- package/dist/components.umd.js +21 -21
- package/package.json +1 -1
package/dist/components.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { openBlock as d, createElementBlock as u, normalizeClass as
|
|
2
|
-
const
|
|
1
|
+
import { openBlock as d, createElementBlock as u, normalizeClass as A, createElementVNode as c, toDisplayString as q, createCommentVNode as g, Fragment as T, renderList as H, renderSlot as _, withDirectives as I, mergeProps as M, vModelDynamic as O, vModelText as dt, vModelSelect as ut, resolveComponent as R, createVNode as x, createTextVNode as ht, normalizeStyle as mt, withModifiers as ft } from "vue";
|
|
2
|
+
const S = (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
|
+
}, bt = {
|
|
8
8
|
name: "Logo",
|
|
9
9
|
props: {
|
|
10
10
|
id: {
|
|
@@ -29,322 +29,390 @@ const A = (e, a) => {
|
|
|
29
29
|
return "brand brand--" + this.id;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
},
|
|
33
|
-
function
|
|
32
|
+
}, yt = ["xlink:href"], pt = ["innerHTML"];
|
|
33
|
+
function gt(e, a, t, i, n, r) {
|
|
34
34
|
return d(), u("div", {
|
|
35
|
-
class:
|
|
35
|
+
class: A(r.className)
|
|
36
36
|
}, [
|
|
37
37
|
(d(), u("svg", null, [
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"xlink:href": t.path +
|
|
41
|
-
}, null, 8,
|
|
38
|
+
c("title", null, "iam " + q(t.id), 1),
|
|
39
|
+
c("use", {
|
|
40
|
+
"xlink:href": t.path + r.src
|
|
41
|
+
}, null, 8, yt)
|
|
42
42
|
])),
|
|
43
43
|
t.desc ? (d(), u("span", {
|
|
44
44
|
key: 0,
|
|
45
45
|
innerHTML: t.desc
|
|
46
|
-
}, null, 8,
|
|
46
|
+
}, null, 8, pt)) : g("", !0)
|
|
47
47
|
], 2);
|
|
48
48
|
}
|
|
49
|
-
const
|
|
49
|
+
const _t = /* @__PURE__ */ S(bt, [["render", gt]]), vt = function(e) {
|
|
50
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
51
|
!isNaN(parseFloat(e));
|
|
52
|
-
},
|
|
52
|
+
}, At = (e, a) => String(e).padStart(a, "0"), wt = (e) => e.charAt(0).toUpperCase() + e.slice(1), K = function(e, a) {
|
|
53
53
|
if (!e.getAttribute("data-pages"))
|
|
54
54
|
return !1;
|
|
55
55
|
e.getAttribute("data-page") || e.setAttribute("data-page", 1);
|
|
56
|
-
let t = e.getAttribute("data-page"),
|
|
57
|
-
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)
|
|
58
58
|
return a.innerHTML = "", !1;
|
|
59
|
-
let
|
|
60
|
-
for (let h = 1; h <=
|
|
61
|
-
h == t ?
|
|
59
|
+
let o = "";
|
|
60
|
+
for (let h = 1; h <= i; h++)
|
|
61
|
+
h == t ? o += `<li class="page-item active" aria-current="page"><span class="page-link">${h}</span></li>` : o += `<li class="page-item"><a href="?page=${h}" class="page-link" data-page="${h}">${h}</a></li>`;
|
|
62
62
|
return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
|
|
63
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>`}
|
|
64
|
-
${
|
|
65
|
-
${t ==
|
|
64
|
+
${o}
|
|
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>`}
|
|
66
66
|
</ul>`, a.innerHTML += `<div class="d-sm-none text-center">
|
|
67
|
-
<span class="d-block pb-2">You've viewed ${
|
|
68
|
-
<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>
|
|
69
69
|
</div>`, !0;
|
|
70
|
-
},
|
|
70
|
+
}, X = (e) => {
|
|
71
71
|
const a = Array.from(e.querySelectorAll("thead th"));
|
|
72
|
-
Array.from(e.querySelectorAll("tbody tr")).forEach((
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
const
|
|
76
|
-
if (typeof
|
|
77
|
-
let
|
|
78
|
-
|
|
79
|
-
let m =
|
|
80
|
-
|
|
72
|
+
Array.from(e.querySelectorAll("tbody tr")).forEach((i, n) => {
|
|
73
|
+
const r = Array.from(i.querySelectorAll("th, td")), s = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "incomplete", "completed", "requires approval"];
|
|
74
|
+
r.forEach((o, h) => {
|
|
75
|
+
const l = a[h];
|
|
76
|
+
if (typeof l < "u") {
|
|
77
|
+
let b = document.createElement("div");
|
|
78
|
+
b.innerHTML = l.innerHTML;
|
|
79
|
+
let m = b.textContent || b.innerText || "";
|
|
80
|
+
o.setAttribute("data-label", m), l.hasAttribute("data-td-class") && o.setAttribute("class", l.getAttribute("data-td-class")), l.hasAttribute("data-format") && (o.setAttribute("data-format", l.getAttribute("data-format")), o.innerHTML = U(l.getAttribute("data-format"), o.textContent.trim())), s.includes(o.textContent.trim().toLowerCase()) && o.setAttribute("data-content", o.textContent.trim().toLowerCase());
|
|
81
81
|
}
|
|
82
82
|
});
|
|
83
83
|
});
|
|
84
|
-
},
|
|
84
|
+
}, St = (e) => {
|
|
85
85
|
let a = 0;
|
|
86
|
-
return Array.from(e.querySelectorAll("tr")).forEach((t,
|
|
87
|
-
let
|
|
88
|
-
if (
|
|
89
|
-
let
|
|
90
|
-
|
|
86
|
+
return Array.from(e.querySelectorAll("tr")).forEach((t, i) => {
|
|
87
|
+
let n = window.getComputedStyle(document.querySelector("html")), r = t.querySelector(":scope > *:last-child > *:first-child");
|
|
88
|
+
if (r) {
|
|
89
|
+
let o = r.offsetWidth / parseFloat(n.fontSize);
|
|
90
|
+
o += 1.5, a = a > o ? a : o;
|
|
91
91
|
}
|
|
92
|
-
let
|
|
93
|
-
t.style.setProperty("--row-height", `${
|
|
92
|
+
let s = t.offsetHeight / parseFloat(n.fontSize);
|
|
93
|
+
t.style.setProperty("--row-height", `${s}rem`);
|
|
94
94
|
}), a;
|
|
95
|
-
},
|
|
95
|
+
}, Lt = (e) => {
|
|
96
96
|
if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
|
|
97
97
|
return !1;
|
|
98
98
|
Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
|
|
99
|
-
let
|
|
100
|
-
if (
|
|
101
|
-
|
|
99
|
+
let i = a.querySelector(":scope > :is(td,th):first-child"), n = i.textContent;
|
|
100
|
+
if (n != "")
|
|
101
|
+
i.innerHTML = `<span class="td__content">${n}</span><button type="button" class="d-none">${n}</button>`;
|
|
102
102
|
else {
|
|
103
|
-
let
|
|
104
|
-
|
|
103
|
+
let r = a.querySelector(":scope > :is(td,th):nth-child(2)"), s = r.textContent;
|
|
104
|
+
r.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
|
|
105
105
|
}
|
|
106
106
|
});
|
|
107
|
-
},
|
|
107
|
+
}, kt = (e) => {
|
|
108
108
|
e.addEventListener("click", (a) => {
|
|
109
109
|
if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
|
|
110
|
-
let t = a.target.closest("tr > :is(td,th):first-child button"),
|
|
111
|
-
|
|
110
|
+
let t = a.target.closest("tr > :is(td,th):first-child button"), i = t.parentNode.closest("tr");
|
|
111
|
+
i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
|
-
},
|
|
114
|
+
}, tt = (e, a) => {
|
|
115
115
|
let t = a.querySelector("[data-search]");
|
|
116
116
|
if (!t)
|
|
117
117
|
return !1;
|
|
118
|
-
const
|
|
119
|
-
let
|
|
120
|
-
|
|
121
|
-
Array.from(e.querySelectorAll('td[data-label="' +
|
|
122
|
-
|
|
118
|
+
const i = t.getAttribute("id"), n = t.getAttribute("data-search").split(",");
|
|
119
|
+
let r = t.parentNode, s = {};
|
|
120
|
+
n.forEach((o, h) => {
|
|
121
|
+
Array.from(e.querySelectorAll('td[data-label="' + o.trim() + '"]')).forEach((l, b) => {
|
|
122
|
+
l.querySelector(".td__content") ? s[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : s[l.textContent] = l.textContent;
|
|
123
123
|
});
|
|
124
|
-
}), t.setAttribute("list", `${
|
|
125
|
-
},
|
|
126
|
-
var
|
|
127
|
-
let
|
|
128
|
-
|
|
124
|
+
}), 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((o) => `<option value="${o}"></option>`).join("")}`;
|
|
125
|
+
}, xt = (e, a, t, i, n) => {
|
|
126
|
+
var r;
|
|
127
|
+
let s = function(l = !1) {
|
|
128
|
+
if (a.hasAttribute("data-ajax")) {
|
|
129
|
+
if (!l) {
|
|
130
|
+
let b = a.querySelector("[data-pagination]");
|
|
131
|
+
b.value = 1, i.setAttribute("data-page", 1);
|
|
132
|
+
}
|
|
133
|
+
st(e, a, t, i);
|
|
134
|
+
} else
|
|
135
|
+
a.hasAttribute("data-submit") ? a.submit() : (et(e, a, i), K(i, t), G(e, a));
|
|
129
136
|
};
|
|
130
|
-
a.addEventListener("keyup", (
|
|
131
|
-
clearTimeout(
|
|
132
|
-
|
|
137
|
+
a.addEventListener("keyup", (l) => {
|
|
138
|
+
clearTimeout(r), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (r = setTimeout(function() {
|
|
139
|
+
s();
|
|
133
140
|
}, 500));
|
|
134
|
-
}), a.addEventListener("change", (
|
|
135
|
-
clearTimeout(
|
|
136
|
-
}), a.addEventListener("click", (
|
|
137
|
-
clearTimeout(
|
|
138
|
-
}), a.addEventListener("submit", (
|
|
139
|
-
clearTimeout(
|
|
140
|
-
}), a.addEventListener("force", (
|
|
141
|
-
|
|
141
|
+
}), a.addEventListener("change", (l) => {
|
|
142
|
+
clearTimeout(r), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Z(e, a, n), s()), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && s(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") && s(), l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog") && s(), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && s(), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && s();
|
|
143
|
+
}), a.addEventListener("click", (l) => {
|
|
144
|
+
clearTimeout(r), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || Z(e, a, n), s());
|
|
145
|
+
}), a.addEventListener("submit", (l) => {
|
|
146
|
+
clearTimeout(r), a.hasAttribute("data-submit") || l.preventDefault(), s();
|
|
147
|
+
}), a.addEventListener("force", (l) => {
|
|
148
|
+
s();
|
|
149
|
+
}), a.addEventListener("paginate", (l) => {
|
|
150
|
+
s(!0);
|
|
151
|
+
});
|
|
152
|
+
let o = [], h = [];
|
|
153
|
+
Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, b) => {
|
|
154
|
+
let m = l.getAttribute("data-mimic");
|
|
155
|
+
Array.from(document.querySelectorAll(`[name="${m}"]`)).forEach((y, p) => {
|
|
156
|
+
let f = y.closest("form");
|
|
157
|
+
o.includes(f) || o.push(f), h.includes(m) || h.push(m);
|
|
158
|
+
});
|
|
159
|
+
}), o.forEach((l, b) => {
|
|
160
|
+
const m = function() {
|
|
161
|
+
let y = [], p = new FormData(l);
|
|
162
|
+
for (const [f, k] of p)
|
|
163
|
+
document.querySelector(`[data-mimic="${f}"]`) && !y.includes(f) ? (y.push(f), document.querySelector(`[data-mimic="${f}"]`).value = k) : document.querySelector(`[data-mimic="${f}"]`) && (document.querySelector(`[data-mimic="${f}"]`).value += "," + k);
|
|
164
|
+
for (const f of y) {
|
|
165
|
+
const k = new Event("force");
|
|
166
|
+
a.dispatchEvent(k);
|
|
167
|
+
}
|
|
168
|
+
for (const f of h)
|
|
169
|
+
if (!p.has(f) && l.querySelector(`[name="${f}"]`)) {
|
|
170
|
+
document.querySelector(`[data-mimic="${f}"]`).value = "";
|
|
171
|
+
const k = new Event("force");
|
|
172
|
+
a.dispatchEvent(k);
|
|
173
|
+
}
|
|
174
|
+
};
|
|
175
|
+
l.addEventListener("force", (y) => {
|
|
176
|
+
m();
|
|
177
|
+
}), l.addEventListener("change", (y) => {
|
|
178
|
+
m();
|
|
179
|
+
});
|
|
142
180
|
});
|
|
143
|
-
},
|
|
181
|
+
}, Z = (e, a, t) => {
|
|
144
182
|
if (a.getAttribute("data-ajax"))
|
|
145
183
|
return !1;
|
|
146
|
-
let
|
|
147
|
-
if (!
|
|
148
|
-
return
|
|
149
|
-
let
|
|
150
|
-
["asc", "desc", "descending"].includes(
|
|
151
|
-
let
|
|
152
|
-
Array.from(
|
|
153
|
-
let
|
|
154
|
-
|
|
155
|
-
const
|
|
156
|
-
index:
|
|
184
|
+
let i = e.querySelector("tbody"), n = a.querySelector("[data-sort]"), r = n.querySelector(`option:nth-child(${n.selectedIndex + 1})`), s = r.getAttribute("data-sort"), o = r.getAttribute("data-order"), h = r.getAttribute("data-format");
|
|
185
|
+
if (!s)
|
|
186
|
+
return i.innerHTML = t.innerHTML, X(e), !1;
|
|
187
|
+
let l = [];
|
|
188
|
+
["asc", "desc", "descending"].includes(o) || (l = o.split(","));
|
|
189
|
+
let b = [];
|
|
190
|
+
Array.from(i.querySelectorAll("tr")).forEach((y, p) => {
|
|
191
|
+
let f = y.querySelector('td[data-label="' + s + '"], th[data-label="' + s + '"]').textContent.trim();
|
|
192
|
+
l.length && l.includes(f) && (f = l.indexOf(f)), vt(f) && (f = At(f, 10)), h && h == "date" && (f = new Date(f));
|
|
193
|
+
const k = {
|
|
194
|
+
index: f,
|
|
157
195
|
row: y
|
|
158
196
|
};
|
|
159
|
-
|
|
160
|
-
}),
|
|
197
|
+
b.push(k);
|
|
198
|
+
}), b.sort((y, p) => y.index > p.index ? 1 : -1), (o == "descending" || o == "desc") && (b = b.reverse());
|
|
161
199
|
let m = "";
|
|
162
|
-
|
|
200
|
+
b.forEach((y, p) => {
|
|
163
201
|
m += y.row.outerHTML;
|
|
164
|
-
}),
|
|
165
|
-
},
|
|
202
|
+
}), i.innerHTML = m;
|
|
203
|
+
}, et = (e, a, t) => {
|
|
166
204
|
e.classList.remove("table--filtered");
|
|
167
|
-
let
|
|
168
|
-
if (Array.from(e.querySelectorAll("tbody tr")).forEach((
|
|
169
|
-
|
|
170
|
-
}), Array.from(a.querySelectorAll("[data-filter]")).forEach((
|
|
171
|
-
if (!(
|
|
172
|
-
if (
|
|
173
|
-
for (const [m, y] of Object.entries(JSON.parse(
|
|
174
|
-
|
|
175
|
-
else
|
|
176
|
-
|
|
205
|
+
let i = [], n = [], r = 0, s = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, o = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
|
|
206
|
+
if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, b) => {
|
|
207
|
+
l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
|
|
208
|
+
}), Array.from(a.querySelectorAll("[data-filter]")).forEach((l, b) => {
|
|
209
|
+
if (!(l.type == "radio" && !l.checked) && !(l.type == "checkbox" && !l.checked)) {
|
|
210
|
+
if (l.getAttribute("data-filter") == "multi")
|
|
211
|
+
for (const [m, y] of Object.entries(JSON.parse(l.value)))
|
|
212
|
+
i[l.getAttribute("data-filter")].push(y);
|
|
213
|
+
else if (l && l.value) {
|
|
214
|
+
let m = l.getAttribute("data-filter");
|
|
215
|
+
i[m] || (i[m] = new Array()), i[m].push(l.value);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
177
218
|
}), a.querySelector("[data-search]")) {
|
|
178
|
-
let
|
|
219
|
+
let l = a.querySelector("[data-search]");
|
|
179
220
|
a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m, y) => {
|
|
180
|
-
|
|
221
|
+
n.push({ column: `${m.trim()}`, value: `${l.value}` });
|
|
181
222
|
});
|
|
182
223
|
}
|
|
183
|
-
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((
|
|
184
|
-
|
|
185
|
-
}),
|
|
186
|
-
|
|
224
|
+
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, b) => {
|
|
225
|
+
l.innerHTML = "";
|
|
226
|
+
}), i.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, b) => {
|
|
227
|
+
l.innerHTML += `(${i.length})`;
|
|
187
228
|
}), e.classList.add("table--filtered");
|
|
188
|
-
for (const [
|
|
229
|
+
for (const [l, b] of Object.entries(i))
|
|
189
230
|
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((m, y) => {
|
|
190
|
-
let
|
|
191
|
-
|
|
192
|
-
let C = m.querySelector(`[data-label="${
|
|
193
|
-
if (
|
|
194
|
-
|
|
195
|
-
else if (
|
|
196
|
-
let
|
|
197
|
-
|
|
198
|
-
} else if (
|
|
199
|
-
let
|
|
200
|
-
if (
|
|
201
|
-
|
|
231
|
+
let p = !1;
|
|
232
|
+
b.forEach((f, k) => {
|
|
233
|
+
let C = m.querySelector(`[data-label="${l}"]`);
|
|
234
|
+
if (f && f == "$today")
|
|
235
|
+
f = U("date", /* @__PURE__ */ new Date());
|
|
236
|
+
else if (f && f == "$yesterday") {
|
|
237
|
+
let L = /* @__PURE__ */ new Date();
|
|
238
|
+
L.setDate(L.getDate() - 1), f = U("date", L);
|
|
239
|
+
} else if (f && (f == "$thisWeek" || f == "$lastWeek")) {
|
|
240
|
+
let L = /* @__PURE__ */ new Date(), v = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), $ = new Date(L.setDate(L.getDate() - L.getDay() + 7)), w = new Date(C.textContent.toLowerCase());
|
|
241
|
+
if (L.setHours(0, 0, 0, 0), v.setHours(0, 0, 0, 0), $.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), f == "$thisWeek")
|
|
242
|
+
p = w >= v && w <= $;
|
|
202
243
|
else {
|
|
203
|
-
let
|
|
204
|
-
|
|
244
|
+
let D = new Date(v.setDate(v.getDate() - 7)), N = new Date($.setDate($.getDate() - 7));
|
|
245
|
+
D.setHours(0, 0, 0, 0), N.setHours(0, 0, 0, 0), p = w >= D && w <= N;
|
|
205
246
|
}
|
|
206
|
-
} else if (
|
|
207
|
-
let
|
|
208
|
-
var
|
|
209
|
-
let
|
|
210
|
-
|
|
211
|
-
} else if (
|
|
212
|
-
let
|
|
213
|
-
var
|
|
214
|
-
let
|
|
215
|
-
|
|
247
|
+
} else if (f && f == "$thisMonth") {
|
|
248
|
+
let L = /* @__PURE__ */ new Date(), v = L.getFullYear(), $ = L.getMonth();
|
|
249
|
+
var P = new Date(v, $, 1), z = new Date(v, $ + 1, 0);
|
|
250
|
+
let w = new Date(C.textContent.toLowerCase());
|
|
251
|
+
P.setHours(0, 0, 0, 0), z.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), p = w >= P && w <= z;
|
|
252
|
+
} else if (f && f == "$lastMonth") {
|
|
253
|
+
let L = /* @__PURE__ */ new Date(), v = L.getFullYear(), $ = L.getMonth();
|
|
254
|
+
var E = new Date(v, $ - 1, 1), V = new Date(v, $, 0);
|
|
255
|
+
let w = new Date(C.textContent.toLowerCase());
|
|
256
|
+
E.setHours(0, 0, 0, 0), V.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), p = w >= E && w <= V;
|
|
216
257
|
}
|
|
217
|
-
C && C.textContent.toLowerCase().includes(
|
|
218
|
-
}),
|
|
258
|
+
C && C.textContent.toLowerCase().includes(f.toLowerCase()) && (p = !0);
|
|
259
|
+
}), p || (m.classList.add("filtered"), m.setAttribute("data-filtered-by", l));
|
|
219
260
|
});
|
|
220
|
-
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((
|
|
221
|
-
let m = !(
|
|
222
|
-
|
|
223
|
-
let
|
|
224
|
-
|
|
225
|
-
}), m ||
|
|
226
|
-
}), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((
|
|
227
|
-
|
|
228
|
-
}), t && (t.setAttribute("data-page",
|
|
229
|
-
},
|
|
230
|
-
Array.from(a.querySelectorAll("[data-query]")).forEach((
|
|
231
|
-
let
|
|
232
|
-
if (
|
|
233
|
-
|
|
234
|
-
else if (!
|
|
235
|
-
let
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
}),
|
|
239
|
-
} else if (!
|
|
240
|
-
|
|
241
|
-
else if (
|
|
242
|
-
let
|
|
243
|
-
|
|
244
|
-
let
|
|
245
|
-
for (const [
|
|
246
|
-
let
|
|
247
|
-
(!
|
|
261
|
+
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((l, b) => {
|
|
262
|
+
let m = !(n.length > 0 && n[0].value.length >= 3);
|
|
263
|
+
n.forEach((y, p) => {
|
|
264
|
+
let f = l.querySelector(`[data-label="${y.column}"]`);
|
|
265
|
+
f && y.value.length >= 3 && f.textContent.toLowerCase().includes(y.value.toLowerCase()) && (m = !0);
|
|
266
|
+
}), m || l.classList.add("filtered");
|
|
267
|
+
}), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, b) => {
|
|
268
|
+
r++, l.classList.add("filtered--matched"), Math.ceil(r / o) == parseInt(s) && l.classList.add("filtered--show");
|
|
269
|
+
}), t && (t.setAttribute("data-page", s), t.setAttribute("data-pages", Math.ceil(r / o)), t.setAttribute("data-total", r), t.setAttribute("data-show", o));
|
|
270
|
+
}, G = (e, a, t) => {
|
|
271
|
+
Array.from(a.querySelectorAll("[data-query]")).forEach((n, r) => {
|
|
272
|
+
let s = n.getAttribute("data-query"), o;
|
|
273
|
+
if (s == "total")
|
|
274
|
+
t.hasAttribute("data-total") ? o = t.getAttribute("data-total") : o = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
|
|
275
|
+
else if (!s.includes(" == ") && s.includes(" & ")) {
|
|
276
|
+
let h = s.split(" & "), l = "";
|
|
277
|
+
h.forEach((b) => {
|
|
278
|
+
l += `:not([data-filtered-by="${b}"])`;
|
|
279
|
+
}), o = Array.from(e.querySelectorAll(`tbody tr${l}`)).length;
|
|
280
|
+
} else if (!s.includes(" == "))
|
|
281
|
+
o = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
|
|
282
|
+
else if (s.includes(" && ")) {
|
|
283
|
+
let h = s.split(" && ");
|
|
284
|
+
o = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(l) {
|
|
285
|
+
let b = !0;
|
|
286
|
+
for (const [m, y] of Object.entries(h)) {
|
|
287
|
+
let p = y.split(" == ");
|
|
288
|
+
(!l.querySelector(`td[data-label="${p[0]}"]`) || l.querySelector(`td[data-label="${p[0]}"]`).textContent != `${p[1]}`) && (b = !1);
|
|
248
289
|
}
|
|
249
|
-
return
|
|
290
|
+
return b;
|
|
250
291
|
}).length;
|
|
251
292
|
} else {
|
|
252
|
-
let
|
|
253
|
-
|
|
254
|
-
return
|
|
293
|
+
let h = s.split(" == ");
|
|
294
|
+
o = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${h[0]}"], tbody tr[data-filtered-by="${h[0]}"] td[data-label="${h[0]}"]`)).filter(function(l) {
|
|
295
|
+
return l.textContent === h[1];
|
|
255
296
|
}).length;
|
|
256
297
|
}
|
|
257
|
-
|
|
298
|
+
n.hasAttribute("data-total") ? n.setAttribute("data-total", o) : n.innerHTML = o;
|
|
258
299
|
});
|
|
259
|
-
},
|
|
260
|
-
t.addEventListener("click", (
|
|
261
|
-
if (
|
|
262
|
-
|
|
263
|
-
let
|
|
264
|
-
if (
|
|
265
|
-
const
|
|
266
|
-
|
|
300
|
+
}, qt = function(e, a, t, i) {
|
|
301
|
+
t.addEventListener("click", (n) => {
|
|
302
|
+
if (n && n.target instanceof HTMLElement && n.target.closest("[data-page]")) {
|
|
303
|
+
n.preventDefault();
|
|
304
|
+
let r = a.querySelector("[data-pagination]"), s = n.target.closest("[data-page]").getAttribute("data-page");
|
|
305
|
+
if (r.value = s, i.setAttribute("data-page", s), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
|
|
306
|
+
const o = new URL(location);
|
|
307
|
+
o.searchParams.set("page", s), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: s }, "", o);
|
|
267
308
|
}
|
|
268
309
|
}
|
|
269
|
-
if (
|
|
270
|
-
|
|
271
|
-
let
|
|
272
|
-
|
|
310
|
+
if (n && n.target instanceof HTMLElement && n.target.closest("[data-show]")) {
|
|
311
|
+
n.preventDefault();
|
|
312
|
+
let r = a.querySelector("[data-show]"), s = n.target.closest("[data-show]").getAttribute("data-show");
|
|
313
|
+
r.value = s, i.setAttribute("data-show", s), a.dispatchEvent(new Event("submit"));
|
|
273
314
|
}
|
|
274
315
|
});
|
|
275
|
-
},
|
|
316
|
+
}, $t = (e, a) => {
|
|
276
317
|
if (!e)
|
|
277
318
|
return !1;
|
|
278
319
|
e.addEventListener("click", (t) => {
|
|
279
|
-
|
|
320
|
+
Tt(a);
|
|
280
321
|
});
|
|
281
|
-
},
|
|
282
|
-
for (var a = [], t = e.getElementsByTagName("tr"),
|
|
283
|
-
for (var
|
|
284
|
-
|
|
285
|
-
a.push(
|
|
322
|
+
}, Tt = function(e) {
|
|
323
|
+
for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
|
|
324
|
+
for (var n = t[i].querySelectorAll("td,th"), r = [], s = 0; s < n.length; s++)
|
|
325
|
+
r.push(`"${n[s].textContent}"`);
|
|
326
|
+
a.push(r.join(","));
|
|
286
327
|
}
|
|
287
328
|
a = a.join(`
|
|
288
329
|
`);
|
|
289
|
-
let
|
|
330
|
+
let o = new Blob([a], {
|
|
290
331
|
type: "text/csv"
|
|
291
332
|
});
|
|
292
333
|
var h = document.createElement("a");
|
|
293
334
|
h.download = "export.csv";
|
|
294
|
-
var
|
|
295
|
-
h.href =
|
|
296
|
-
},
|
|
297
|
-
if (
|
|
298
|
-
const
|
|
299
|
-
|
|
335
|
+
var l = window.URL.createObjectURL(o);
|
|
336
|
+
h.href = l, h.style.display = "none", document.body.appendChild(h), h.click(), document.body.removeChild(h);
|
|
337
|
+
}, at = function(e, a, t, i) {
|
|
338
|
+
if (X(e), Lt(e), G(e, a, i), i && i.classList.contains("table--cta")) {
|
|
339
|
+
const n = St(e);
|
|
340
|
+
i.style.setProperty("--cta-width", `${n}rem`);
|
|
300
341
|
}
|
|
301
|
-
},
|
|
302
|
-
const
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
342
|
+
}, st = async function(e, a, t, i) {
|
|
343
|
+
const n = (m, y, p) => y.split(/[\.\[\]\'\"]/).filter((f) => f).reduce((f, k) => f ? f[k] : p, m);
|
|
344
|
+
let r = new FormData(a), s = new URLSearchParams(r).toString(), o = e.querySelectorAll("thead tr th"), h = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
|
|
345
|
+
i.classList.add("table--loading"), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
|
|
346
|
+
const { signal: b } = controller[l];
|
|
347
|
+
try {
|
|
348
|
+
await fetch(l + "?" + s, {
|
|
349
|
+
signal: b,
|
|
350
|
+
method: "get",
|
|
351
|
+
credentials: "same-origin",
|
|
352
|
+
headers: new Headers({
|
|
353
|
+
"Content-Type": "application/json",
|
|
354
|
+
Accept: "application/json",
|
|
355
|
+
"X-Requested-With": "XMLHttpRequest"
|
|
356
|
+
})
|
|
357
|
+
}).then((m) => m.json()).then((m) => {
|
|
358
|
+
let y = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", p = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", f = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", k = n(m, p, 1), C = n(m, f, 1), P = n(m, y), z = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
|
|
359
|
+
if (P ? (h.innerHTML = "", P.forEach((E, V) => {
|
|
360
|
+
var L = document.createElement("tr");
|
|
361
|
+
o.forEach((v, $) => {
|
|
362
|
+
let w = "";
|
|
363
|
+
var D = document.createElement("td");
|
|
364
|
+
if (D.setAttribute("data-label", v.innerText), v.getAttribute("data-output")) {
|
|
365
|
+
var N = v.getAttribute("data-output");
|
|
366
|
+
w = N.replace(new RegExp(/{(.*?)}/, "gm"), function(Q) {
|
|
367
|
+
return n(E, Q.replace("{", "").replace("}", ""));
|
|
368
|
+
});
|
|
369
|
+
}
|
|
370
|
+
if (v.hasAttribute("data-output-array")) {
|
|
371
|
+
var N = v.getAttribute("data-output");
|
|
372
|
+
let nt = n(E, N.replace("{", "").replace("}", ""));
|
|
373
|
+
w = "", nt.forEach((Y, ci) => {
|
|
374
|
+
let ot = v.getAttribute("data-output-array"), F = "";
|
|
375
|
+
if (v.hasAttribute("data-output-array-property") && v.hasAttribute("data-output-array-transform")) {
|
|
376
|
+
const j = n(Y, v.getAttribute("data-output-array-property")), ct = JSON.parse(v.getAttribute("data-output-array-transform"))[j];
|
|
377
|
+
F = ot.replace(`{${v.getAttribute("data-output-array-property")}}`, ct);
|
|
378
|
+
}
|
|
379
|
+
F = F.replace(new RegExp(/{(.*?)}/, "gm"), function(j) {
|
|
380
|
+
return n(Y, j.replace("{", "").replace("}", ""));
|
|
381
|
+
}), w += F;
|
|
382
|
+
});
|
|
383
|
+
}
|
|
384
|
+
v.hasAttribute("data-transform") && (w = JSON.parse(v.getAttribute("data-transform"))[w], !w && v.hasAttribute("data-default") && (w = v.getAttribute("data-default"))), D.innerHTML = w, L.appendChild(D);
|
|
385
|
+
}), h.appendChild(L);
|
|
386
|
+
}), tt(e, a), i.setAttribute("data-total", parseInt(k)), i.setAttribute("data-page", parseInt(C)), i.setAttribute("data-pages", Math.ceil(i.getAttribute("data-total") / i.getAttribute("data-show"))), at(e, a, t, i), K(i, t), parseInt(k) == 0 && (h.innerHTML = `<tr><td colspan="100%"><span>${z}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
387
|
+
event: "Ajax table loaded",
|
|
388
|
+
url: l,
|
|
389
|
+
formData: s
|
|
390
|
+
})) : h.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>', a.hasAttribute("data-ajax-post")) {
|
|
391
|
+
const E = new XMLHttpRequest();
|
|
392
|
+
E.open("GET", `${window.location.href}?ajax=true&${s}`), E.send();
|
|
393
|
+
}
|
|
394
|
+
});
|
|
395
|
+
} catch (m) {
|
|
396
|
+
console.log(m);
|
|
397
|
+
}
|
|
398
|
+
}, U = (e, a) => {
|
|
330
399
|
switch (e) {
|
|
400
|
+
case "datetime":
|
|
401
|
+
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" });
|
|
331
402
|
case "date":
|
|
332
|
-
|
|
333
|
-
break;
|
|
403
|
+
return new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
|
|
334
404
|
case "capitalise":
|
|
335
|
-
a =
|
|
336
|
-
break;
|
|
405
|
+
return a = wt(a);
|
|
337
406
|
}
|
|
338
|
-
return a;
|
|
339
407
|
};
|
|
340
|
-
class
|
|
408
|
+
class Ht extends HTMLElement {
|
|
341
409
|
constructor() {
|
|
342
410
|
super(), this.attachShadow({ mode: "open" });
|
|
343
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = this.classList.contains("table--cta"),
|
|
344
|
-
let
|
|
345
|
-
|
|
346
|
-
const
|
|
347
|
-
|
|
411
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = this.classList.contains("table--cta"), i = this.classList.contains("table--export");
|
|
412
|
+
let n = this.classList.toString();
|
|
413
|
+
n = n.replace("table--cta", "");
|
|
414
|
+
const r = document.createElement("template");
|
|
415
|
+
r.innerHTML = `
|
|
348
416
|
<style>
|
|
349
417
|
@import "${a}/css/core.min.css";
|
|
350
418
|
|
|
@@ -359,30 +427,30 @@ class St extends HTMLElement {
|
|
|
359
427
|
}
|
|
360
428
|
</style>
|
|
361
429
|
${t ? '<div class="table--cta">' : ""}
|
|
362
|
-
<div class="table__wrapper ${
|
|
430
|
+
<div class="table__wrapper ${n}">
|
|
363
431
|
<slot></slot>
|
|
364
432
|
</div>
|
|
365
433
|
${t ? "</div>" : ""}
|
|
366
|
-
${
|
|
434
|
+
${i ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ""}
|
|
367
435
|
<div class="table__pagination"></div>
|
|
368
|
-
`, this.shadowRoot.appendChild(
|
|
369
|
-
const
|
|
370
|
-
this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page",
|
|
436
|
+
`, this.shadowRoot.appendChild(r.content.cloneNode(!0));
|
|
437
|
+
const s = new URLSearchParams(window.location.search);
|
|
438
|
+
this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", s.has("page") ? s.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.hasAttribute("data-increment") || this.setAttribute("data-increment", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
|
|
371
439
|
}
|
|
372
440
|
connectedCallback() {
|
|
373
|
-
this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling),
|
|
374
|
-
this.table.querySelector("dialog[open]") && this.table.querySelector("dialog[open]").close();
|
|
441
|
+
this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"), tt(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), kt(this.table), xt(this.table, this.form, this.pagination, this, this.savedTableBody), qt(this.table, this.form, this.pagination, this), $t(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? st(this.table, this.form, this.pagination, this) : (at(this.table, this.form, this.pagination, this), et(this.table, this.form, this), K(this, this.pagination), G(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (a) => {
|
|
442
|
+
this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
|
|
375
443
|
});
|
|
376
444
|
}
|
|
377
445
|
static get observedAttributes() {
|
|
378
446
|
return ["data-total", "data-pages", "data-page", "data-show"];
|
|
379
447
|
}
|
|
380
|
-
attributeChangedCallback(a, t,
|
|
448
|
+
attributeChangedCallback(a, t, i) {
|
|
381
449
|
}
|
|
382
450
|
}
|
|
383
|
-
const
|
|
384
|
-
return e = e.toLowerCase(), e =
|
|
385
|
-
},
|
|
451
|
+
const Mt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Et = (e) => e.replace(/_/g, " "), Ct = (e) => e.replace(/ /g, "_"), Dt = function(e) {
|
|
452
|
+
return e = e.toLowerCase(), e = Ct(e), e = e.replace(/\W/g, ""), e;
|
|
453
|
+
}, Nt = {
|
|
386
454
|
name: "Table",
|
|
387
455
|
props: {
|
|
388
456
|
items: {
|
|
@@ -396,42 +464,42 @@ const Lt = (e) => e.charAt(0).toUpperCase() + e.slice(1), kt = (e) => e.replace(
|
|
|
396
464
|
},
|
|
397
465
|
computed: {
|
|
398
466
|
cellHeading() {
|
|
399
|
-
return (e) => `${
|
|
467
|
+
return (e) => `${Mt(Et(e))}`;
|
|
400
468
|
}
|
|
401
469
|
},
|
|
402
470
|
created() {
|
|
403
471
|
this.$nextTick(function() {
|
|
404
|
-
window.customElements.get("iam-table") || window.customElements.define("iam-table",
|
|
472
|
+
window.customElements.get("iam-table") || window.customElements.define("iam-table", Ht);
|
|
405
473
|
});
|
|
406
474
|
},
|
|
407
475
|
updated() {
|
|
408
476
|
}
|
|
409
|
-
},
|
|
410
|
-
function
|
|
477
|
+
}, Rt = { key: 0 }, Pt = { key: 0 }, It = ["data-row-id"], zt = ["innerHTML"];
|
|
478
|
+
function Ft(e, a, t, i, n, r) {
|
|
411
479
|
return d(), u("iam-table", null, [
|
|
412
|
-
t.fields ? (d(), u("table",
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
(d(!0), u(
|
|
416
|
-
key:
|
|
417
|
-
},
|
|
480
|
+
t.fields ? (d(), u("table", Rt, [
|
|
481
|
+
c("thead", null, [
|
|
482
|
+
c("tr", null, [
|
|
483
|
+
(d(!0), u(T, null, H(t.fields, (s) => (d(), u("th", {
|
|
484
|
+
key: s.key
|
|
485
|
+
}, q(r.cellHeading(s.key)), 1))), 128))
|
|
418
486
|
])
|
|
419
487
|
]),
|
|
420
|
-
t.items ? (d(), u("tbody",
|
|
421
|
-
(d(!0), u(
|
|
422
|
-
key:
|
|
423
|
-
"data-row-id":
|
|
488
|
+
t.items ? (d(), u("tbody", Pt, [
|
|
489
|
+
(d(!0), u(T, null, H(t.items, (s, o) => (d(), u("tr", {
|
|
490
|
+
key: o,
|
|
491
|
+
"data-row-id": s.rowid
|
|
424
492
|
}, [
|
|
425
|
-
(d(!0), u(
|
|
426
|
-
key:
|
|
493
|
+
(d(!0), u(T, null, H(Object.fromEntries(Object.entries(s).filter(([h]) => h !== "rowid")), (h, l) => (d(), u("td", {
|
|
494
|
+
key: l,
|
|
427
495
|
innerHTML: h
|
|
428
|
-
}, null, 8,
|
|
429
|
-
], 8,
|
|
430
|
-
])) :
|
|
496
|
+
}, null, 8, zt))), 128))
|
|
497
|
+
], 8, It))), 128))
|
|
498
|
+
])) : g("", !0)
|
|
431
499
|
])) : _(e.$slots, "default", { key: 1 })
|
|
432
500
|
]);
|
|
433
501
|
}
|
|
434
|
-
const
|
|
502
|
+
const it = /* @__PURE__ */ S(Nt, [["render", Ft]]), Bt = {
|
|
435
503
|
name: "Input",
|
|
436
504
|
props: {
|
|
437
505
|
value: {
|
|
@@ -615,154 +683,154 @@ const tt = /* @__PURE__ */ A($t, [["render", Et]]), Nt = {
|
|
|
615
683
|
this.$emit("bus");
|
|
616
684
|
}
|
|
617
685
|
}
|
|
618
|
-
},
|
|
686
|
+
}, Vt = ["for", "innerHTML", "title"], jt = ["innerHTML"], Ot = ["innerHTML"], Wt = ["type", "name", "id", "pattern", "list"], Ut = ["type", "name", "id", "pattern"], Kt = {
|
|
619
687
|
key: 5,
|
|
620
688
|
class: "input-group"
|
|
621
|
-
},
|
|
689
|
+
}, Gt = ["type", "name", "id", "pattern", "list"], Qt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Yt = {
|
|
622
690
|
key: 6,
|
|
623
691
|
class: "input-group"
|
|
624
|
-
},
|
|
625
|
-
function
|
|
692
|
+
}, Zt = ["type", "name", "id", "pattern", "list"], Jt = { class: "input-group-text flex-fill" }, Xt = ["type", "name", "id", "pattern"], te = ["value"], ee = ["id"], ae = ["value"], se = ["type", "name", "id"], ie = ["for", "innerHTML"], re = ["type", "name", "id"], le = ["for", "innerHTML"], ne = ["innerHTML"];
|
|
693
|
+
function oe(e, a, t, i, n, r) {
|
|
626
694
|
return d(), u("div", {
|
|
627
|
-
class:
|
|
695
|
+
class: A(r.wrapperClass()),
|
|
628
696
|
ref: "wrapper"
|
|
629
697
|
}, [
|
|
630
|
-
|
|
698
|
+
r.needsLabel() ? (d(), u("label", {
|
|
631
699
|
key: 0,
|
|
632
|
-
class:
|
|
700
|
+
class: A(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
633
701
|
for: t.id,
|
|
634
|
-
innerHTML:
|
|
702
|
+
innerHTML: r.displayLabel(),
|
|
635
703
|
title: t.title
|
|
636
|
-
}, null, 10,
|
|
704
|
+
}, null, 10, Vt)) : g("", !0),
|
|
637
705
|
t.prefix ? (d(), u("span", {
|
|
638
706
|
key: 1,
|
|
639
|
-
class:
|
|
707
|
+
class: A(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
|
|
640
708
|
innerHTML: t.prefix,
|
|
641
709
|
role: "presentation"
|
|
642
|
-
}, null, 10,
|
|
710
|
+
}, null, 10, jt)) : g("", !0),
|
|
643
711
|
t.suffix ? (d(), u("span", {
|
|
644
712
|
key: 2,
|
|
645
|
-
class:
|
|
713
|
+
class: A(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
|
|
646
714
|
innerHTML: t.suffix,
|
|
647
715
|
role: "presentation"
|
|
648
|
-
}, null, 10,
|
|
649
|
-
|
|
716
|
+
}, null, 10, Ot)) : g("", !0),
|
|
717
|
+
r.isInput() ? I((d(), u("input", M({
|
|
650
718
|
key: 3,
|
|
651
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
719
|
+
"onUpdate:modelValue": a[0] || (a[0] = (s) => r.inputVal = s),
|
|
652
720
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
653
721
|
type: t.type,
|
|
654
722
|
name: t.name ? t.name : t.id,
|
|
655
723
|
id: t.id,
|
|
656
|
-
pattern:
|
|
657
|
-
list:
|
|
724
|
+
pattern: r.needPattern(),
|
|
725
|
+
list: r.hasOptions()
|
|
658
726
|
}, e.$attrs, {
|
|
659
|
-
onKeyup: a[1] || (a[1] = (...
|
|
660
|
-
}), null, 16,
|
|
661
|
-
[
|
|
662
|
-
]) :
|
|
663
|
-
t.type == "textarea" ?
|
|
727
|
+
onKeyup: a[1] || (a[1] = (...s) => r.inputKeyup && r.inputKeyup(...s))
|
|
728
|
+
}), null, 16, Wt)), [
|
|
729
|
+
[O, r.inputVal]
|
|
730
|
+
]) : g("", !0),
|
|
731
|
+
t.type == "textarea" ? I((d(), u("textarea", M({
|
|
664
732
|
key: 4,
|
|
665
|
-
"onUpdate:modelValue": a[2] || (a[2] = (
|
|
733
|
+
"onUpdate:modelValue": a[2] || (a[2] = (s) => r.inputVal = s),
|
|
666
734
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
667
735
|
type: t.type,
|
|
668
736
|
name: t.name ? t.name : t.id,
|
|
669
737
|
id: t.id,
|
|
670
|
-
pattern:
|
|
671
|
-
}, e.$attrs), null, 16,
|
|
672
|
-
[
|
|
673
|
-
]) :
|
|
674
|
-
t.type == "range" ? (d(), u("div",
|
|
675
|
-
|
|
676
|
-
"onUpdate:modelValue": a[3] || (a[3] = (
|
|
738
|
+
pattern: r.needPattern()
|
|
739
|
+
}, e.$attrs), null, 16, Ut)), [
|
|
740
|
+
[dt, r.inputVal]
|
|
741
|
+
]) : g("", !0),
|
|
742
|
+
t.type == "range" ? (d(), u("div", Kt, [
|
|
743
|
+
I(c("input", M({
|
|
744
|
+
"onUpdate:modelValue": a[3] || (a[3] = (s) => r.inputVal = s),
|
|
677
745
|
class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
678
746
|
type: t.type,
|
|
679
747
|
name: t.name ? t.name : t.id,
|
|
680
748
|
id: t.id,
|
|
681
|
-
pattern:
|
|
682
|
-
list:
|
|
683
|
-
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16,
|
|
684
|
-
[
|
|
749
|
+
pattern: r.needPattern(),
|
|
750
|
+
list: r.hasOptions()
|
|
751
|
+
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Gt), [
|
|
752
|
+
[O, r.inputVal]
|
|
685
753
|
]),
|
|
686
|
-
|
|
687
|
-
])) :
|
|
688
|
-
t.type == "color" ? (d(), u("div",
|
|
689
|
-
|
|
690
|
-
"onUpdate:modelValue": a[4] || (a[4] = (
|
|
754
|
+
c("output", Qt, q(t.value), 1)
|
|
755
|
+
])) : g("", !0),
|
|
756
|
+
t.type == "color" ? (d(), u("div", Yt, [
|
|
757
|
+
I(c("input", M({
|
|
758
|
+
"onUpdate:modelValue": a[4] || (a[4] = (s) => r.inputVal = s),
|
|
691
759
|
class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
692
760
|
type: t.type,
|
|
693
761
|
name: t.name ? t.name : t.id,
|
|
694
762
|
id: t.id,
|
|
695
|
-
pattern:
|
|
696
|
-
list:
|
|
697
|
-
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16,
|
|
698
|
-
[
|
|
763
|
+
pattern: r.needPattern(),
|
|
764
|
+
list: r.hasOptions()
|
|
765
|
+
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Zt), [
|
|
766
|
+
[O, r.inputVal]
|
|
699
767
|
]),
|
|
700
|
-
|
|
701
|
-
])) :
|
|
702
|
-
t.type == "select" ?
|
|
768
|
+
c("output", Jt, q(t.value ? e.vale : "#000000"), 1)
|
|
769
|
+
])) : g("", !0),
|
|
770
|
+
t.type == "select" ? I((d(), u("select", M({
|
|
703
771
|
key: 7,
|
|
704
|
-
"onUpdate:modelValue": a[5] || (a[5] = (
|
|
772
|
+
"onUpdate:modelValue": a[5] || (a[5] = (s) => r.inputVal = s),
|
|
705
773
|
class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
706
774
|
type: t.type,
|
|
707
775
|
name: t.id,
|
|
708
776
|
id: t.id,
|
|
709
|
-
pattern:
|
|
777
|
+
pattern: r.needPattern()
|
|
710
778
|
}, e.$attrs), [
|
|
711
|
-
(d(!0), u(
|
|
712
|
-
key:
|
|
713
|
-
value:
|
|
714
|
-
},
|
|
715
|
-
], 16,
|
|
716
|
-
[
|
|
717
|
-
]) :
|
|
718
|
-
|
|
779
|
+
(d(!0), u(T, null, H(t.options, (s, o) => (d(), u("option", {
|
|
780
|
+
key: o,
|
|
781
|
+
value: s.value
|
|
782
|
+
}, q(s.display ? s.display : s.value), 9, te))), 128))
|
|
783
|
+
], 16, Xt)), [
|
|
784
|
+
[ut, r.inputVal]
|
|
785
|
+
]) : g("", !0),
|
|
786
|
+
r.allowDatalist() ? (d(), u("datalist", {
|
|
719
787
|
key: 8,
|
|
720
788
|
id: t.id + "-list"
|
|
721
789
|
}, [
|
|
722
|
-
(d(!0), u(
|
|
723
|
-
key:
|
|
724
|
-
value:
|
|
725
|
-
},
|
|
726
|
-
], 8,
|
|
727
|
-
t.type == "checkbox" || t.type == "radio" ? (d(), u("input",
|
|
790
|
+
(d(!0), u(T, null, H(t.options, (s, o) => (d(), u("option", {
|
|
791
|
+
key: o,
|
|
792
|
+
value: s.value
|
|
793
|
+
}, q(s.value), 9, ae))), 128))
|
|
794
|
+
], 8, ee)) : g("", !0),
|
|
795
|
+
t.type == "checkbox" || t.type == "radio" ? (d(), u("input", M({
|
|
728
796
|
key: 9,
|
|
729
797
|
class: "form-check-input",
|
|
730
798
|
type: t.type,
|
|
731
799
|
name: t.name ? t.name : t.id,
|
|
732
800
|
id: t.id
|
|
733
|
-
}, e.$attrs), null, 16,
|
|
801
|
+
}, e.$attrs), null, 16, se)) : g("", !0),
|
|
734
802
|
t.type == "checkbox" || t.type == "radio" ? (d(), u("label", {
|
|
735
803
|
key: 10,
|
|
736
|
-
class:
|
|
804
|
+
class: A(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
737
805
|
for: t.id,
|
|
738
806
|
innerHTML: t.label
|
|
739
|
-
}, null, 10,
|
|
740
|
-
t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("input",
|
|
807
|
+
}, null, 10, ie)) : g("", !0),
|
|
808
|
+
t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("input", M({
|
|
741
809
|
key: 11,
|
|
742
810
|
class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
743
811
|
type: t.type.replace("-btn", ""),
|
|
744
812
|
autocomplete: "off",
|
|
745
813
|
name: t.name ? t.name : t.id,
|
|
746
814
|
id: t.id
|
|
747
|
-
}, e.$attrs), null, 16,
|
|
815
|
+
}, e.$attrs), null, 16, re)) : g("", !0),
|
|
748
816
|
t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("label", {
|
|
749
817
|
key: 12,
|
|
750
|
-
class:
|
|
818
|
+
class: A(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
751
819
|
for: t.id,
|
|
752
820
|
innerHTML: t.label,
|
|
753
|
-
onClick: a[6] || (a[6] = (...
|
|
754
|
-
}, null, 10,
|
|
821
|
+
onClick: a[6] || (a[6] = (...s) => r.clickEvent && r.clickEvent(...s))
|
|
822
|
+
}, null, 10, le)) : g("", !0),
|
|
755
823
|
t.errormsg ? (d(), u("p", {
|
|
756
824
|
key: 13,
|
|
757
825
|
class: "invalid-feedback mb-0",
|
|
758
826
|
innerHTML: t.errormsg
|
|
759
|
-
}, null, 8,
|
|
827
|
+
}, null, 8, ne)) : g("", !0),
|
|
760
828
|
_(e.$slots, "default")
|
|
761
829
|
], 2);
|
|
762
830
|
}
|
|
763
|
-
const
|
|
831
|
+
const B = /* @__PURE__ */ S(Bt, [["render", oe]]), ce = {
|
|
764
832
|
components: {
|
|
765
|
-
Input:
|
|
833
|
+
Input: B
|
|
766
834
|
},
|
|
767
835
|
name: "FileUploads",
|
|
768
836
|
props: {
|
|
@@ -783,21 +851,21 @@ const R = /* @__PURE__ */ A(Nt, [["render", ee]]), ae = {
|
|
|
783
851
|
required: !1
|
|
784
852
|
}
|
|
785
853
|
}
|
|
786
|
-
},
|
|
787
|
-
/* @__PURE__ */
|
|
854
|
+
}, de = { class: "multiple-file-uploads mb-4" }, ue = { class: "row" }, he = { class: "col-12 col-md me-auto" }, me = /* @__PURE__ */ c("div", { class: "col mw-fit-content" }, [
|
|
855
|
+
/* @__PURE__ */ c("button", {
|
|
788
856
|
type: "button",
|
|
789
857
|
class: "btn btn-tertiary me-0",
|
|
790
858
|
"data-delete": ""
|
|
791
859
|
}, "Delete")
|
|
792
|
-
], -1),
|
|
793
|
-
function
|
|
794
|
-
const
|
|
795
|
-
return d(), u("div",
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
class:
|
|
860
|
+
], -1), fe = ["data-maxfiles"];
|
|
861
|
+
function be(e, a, t, i, n, r) {
|
|
862
|
+
const s = R("Input");
|
|
863
|
+
return d(), u("div", de, [
|
|
864
|
+
c("div", ue, [
|
|
865
|
+
c("div", {
|
|
866
|
+
class: A(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
|
|
799
867
|
}, [
|
|
800
|
-
|
|
868
|
+
x(s, {
|
|
801
869
|
type: "file",
|
|
802
870
|
id: t.id,
|
|
803
871
|
name: `${t.id}[]`,
|
|
@@ -808,32 +876,32 @@ function ne(e, a, t, s, o, l) {
|
|
|
808
876
|
"data-filesize": t.maxfilesize
|
|
809
877
|
}, null, 8, ["id", "name", "data-filesize"])
|
|
810
878
|
], 2),
|
|
811
|
-
|
|
879
|
+
c("div", he, [
|
|
812
880
|
_(e.$slots, "default")
|
|
813
881
|
]),
|
|
814
|
-
|
|
882
|
+
me
|
|
815
883
|
]),
|
|
816
|
-
|
|
884
|
+
c("button", {
|
|
817
885
|
type: "button",
|
|
818
886
|
class: "btn btn-secondary me-0",
|
|
819
887
|
"data-add": "",
|
|
820
888
|
"data-maxfiles": t.maxfiles
|
|
821
|
-
}, "+ Add file", 8,
|
|
889
|
+
}, "+ Add file", 8, fe)
|
|
822
890
|
]);
|
|
823
891
|
}
|
|
824
|
-
const
|
|
825
|
-
function
|
|
892
|
+
const hi = /* @__PURE__ */ S(ce, [["render", be]]);
|
|
893
|
+
function ye(e) {
|
|
826
894
|
let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
|
|
827
|
-
if (a.forEach((
|
|
828
|
-
|
|
829
|
-
}), t.forEach((
|
|
830
|
-
|
|
895
|
+
if (a.forEach((i) => {
|
|
896
|
+
i.classList.add("accordion-item");
|
|
897
|
+
}), t.forEach((i) => {
|
|
898
|
+
i.classList.add("accordion-header"), i.classList.add("accordion-button"), i.classList.add("h4");
|
|
831
899
|
}), !e.classList.contains("accordion--keep-open")) {
|
|
832
|
-
const
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
900
|
+
const i = e.querySelectorAll(":scope > details");
|
|
901
|
+
i.forEach((n) => {
|
|
902
|
+
n.addEventListener("click", () => {
|
|
903
|
+
i.forEach((r) => {
|
|
904
|
+
r !== n && r.removeAttribute("open");
|
|
837
905
|
});
|
|
838
906
|
});
|
|
839
907
|
});
|
|
@@ -844,15 +912,15 @@ window.dataLayer.push({
|
|
|
844
912
|
event: "customElementRegistered",
|
|
845
913
|
element: "accordion"
|
|
846
914
|
});
|
|
847
|
-
const
|
|
848
|
-
class
|
|
915
|
+
const W = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
|
|
916
|
+
class pe extends HTMLElement {
|
|
849
917
|
constructor() {
|
|
850
918
|
super(), this.attachShadow({ mode: "open" });
|
|
851
919
|
const a = document.createElement("template");
|
|
852
920
|
a.innerHTML = `
|
|
853
921
|
<style>
|
|
854
|
-
@import "${
|
|
855
|
-
@import "${
|
|
922
|
+
@import "${W}/css/core.min.css";
|
|
923
|
+
@import "${W}/css/components/accordion.css";
|
|
856
924
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
857
925
|
</style>
|
|
858
926
|
<div class="accordion">
|
|
@@ -861,22 +929,22 @@ class de extends HTMLElement {
|
|
|
861
929
|
`, this.shadowRoot.appendChild(a.content.cloneNode(!0));
|
|
862
930
|
}
|
|
863
931
|
connectedCallback() {
|
|
864
|
-
|
|
932
|
+
ye(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${W}/css/components/accordion.css">`);
|
|
865
933
|
}
|
|
866
934
|
}
|
|
867
|
-
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion",
|
|
868
|
-
const
|
|
935
|
+
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", pe);
|
|
936
|
+
const ge = {
|
|
869
937
|
name: "Accordion",
|
|
870
938
|
props: {},
|
|
871
939
|
mounted() {
|
|
872
940
|
}
|
|
873
|
-
},
|
|
874
|
-
function
|
|
875
|
-
return d(), u("iam-accordion",
|
|
941
|
+
}, _e = { ref: "wrapper" };
|
|
942
|
+
function ve(e, a, t, i, n, r) {
|
|
943
|
+
return d(), u("iam-accordion", _e, [
|
|
876
944
|
_(e.$slots, "default")
|
|
877
945
|
], 512);
|
|
878
946
|
}
|
|
879
|
-
const
|
|
947
|
+
const mi = /* @__PURE__ */ S(ge, [["render", ve]]), Ae = {
|
|
880
948
|
name: "AccordionItem",
|
|
881
949
|
props: {
|
|
882
950
|
title: {
|
|
@@ -903,7 +971,7 @@ const ii = /* @__PURE__ */ A(ue, [["render", me]]), fe = {
|
|
|
903
971
|
},
|
|
904
972
|
computed: {
|
|
905
973
|
createID() {
|
|
906
|
-
return (e) => `${
|
|
974
|
+
return (e) => `${Dt(e)}`;
|
|
907
975
|
}
|
|
908
976
|
},
|
|
909
977
|
data() {
|
|
@@ -911,24 +979,24 @@ const ii = /* @__PURE__ */ A(ue, [["render", me]]), fe = {
|
|
|
911
979
|
show: !this.lazy
|
|
912
980
|
};
|
|
913
981
|
}
|
|
914
|
-
},
|
|
915
|
-
function
|
|
982
|
+
}, we = ["id"], Se = ["classList"];
|
|
983
|
+
function Le(e, a, t, i, n, r) {
|
|
916
984
|
return d(), u("details", {
|
|
917
|
-
id:
|
|
985
|
+
id: r.createID(t.title)
|
|
918
986
|
}, [
|
|
919
|
-
|
|
987
|
+
c("summary", {
|
|
920
988
|
classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
|
|
921
989
|
}, [
|
|
922
|
-
|
|
990
|
+
ht(q(t.title), 1),
|
|
923
991
|
t.badge ? (d(), u("span", {
|
|
924
992
|
key: 0,
|
|
925
|
-
class:
|
|
926
|
-
},
|
|
927
|
-
], 8,
|
|
993
|
+
class: A(`badge bg-${t.badgecolour}`)
|
|
994
|
+
}, q(t.badge), 3)) : g("", !0)
|
|
995
|
+
], 8, Se),
|
|
928
996
|
_(e.$slots, "default")
|
|
929
|
-
], 8,
|
|
997
|
+
], 8, we);
|
|
930
998
|
}
|
|
931
|
-
const
|
|
999
|
+
const fi = /* @__PURE__ */ S(Ae, [["render", Le]]), ke = {
|
|
932
1000
|
name: "Header",
|
|
933
1001
|
props: {
|
|
934
1002
|
title: {
|
|
@@ -945,44 +1013,44 @@ const ri = /* @__PURE__ */ A(fe, [["render", pe]]), _e = {
|
|
|
945
1013
|
required: !1
|
|
946
1014
|
}
|
|
947
1015
|
}
|
|
948
|
-
},
|
|
949
|
-
function
|
|
950
|
-
return d(), u("div",
|
|
951
|
-
|
|
952
|
-
class:
|
|
1016
|
+
}, xe = { class: "container" }, qe = { class: "row" }, $e = { class: "col-sm-6" }, Te = { class: "pt-5 pb-3 px-4" }, He = { class: "col-sm-6 col-md-5 ms-auto" }, Me = ["src"];
|
|
1017
|
+
function Ee(e, a, t, i, n, r) {
|
|
1018
|
+
return d(), u("div", xe, [
|
|
1019
|
+
c("div", {
|
|
1020
|
+
class: A("bg-" + t.background + " mb-4")
|
|
953
1021
|
}, [
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
1022
|
+
c("div", qe, [
|
|
1023
|
+
c("div", $e, [
|
|
1024
|
+
c("div", Te, [
|
|
1025
|
+
c("h2", null, q(t.title), 1),
|
|
958
1026
|
_(e.$slots, "default")
|
|
959
1027
|
])
|
|
960
1028
|
]),
|
|
961
|
-
|
|
1029
|
+
c("div", He, [
|
|
962
1030
|
t.image ? (d(), u("img", {
|
|
963
1031
|
key: 0,
|
|
964
1032
|
src: t.image,
|
|
965
1033
|
alt: "",
|
|
966
1034
|
class: "h-100 w-100 object-cover"
|
|
967
|
-
}, null, 8,
|
|
1035
|
+
}, null, 8, Me)) : g("", !0)
|
|
968
1036
|
])
|
|
969
1037
|
])
|
|
970
1038
|
], 2)
|
|
971
1039
|
]);
|
|
972
1040
|
}
|
|
973
|
-
const
|
|
1041
|
+
const bi = /* @__PURE__ */ S(ke, [["render", Ee]]);
|
|
974
1042
|
/*!
|
|
975
|
-
* iamKey v3.7.
|
|
1043
|
+
* iamKey v3.7.2
|
|
976
1044
|
* Copyright 2022-2023 iamproperty
|
|
977
1045
|
*/
|
|
978
|
-
class
|
|
1046
|
+
class Ce extends HTMLElement {
|
|
979
1047
|
constructor() {
|
|
980
1048
|
super(), this.attachShadow({ mode: "open" });
|
|
981
1049
|
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
|
|
982
1050
|
this.querySelector('[class*="fa-"]') && this.classList.add("card--has-icon");
|
|
983
1051
|
let t = this.classList.toString();
|
|
984
|
-
const
|
|
985
|
-
|
|
1052
|
+
const i = document.createElement("template");
|
|
1053
|
+
i.innerHTML = `
|
|
986
1054
|
<style>
|
|
987
1055
|
@import "${a}/css/core.min.css";
|
|
988
1056
|
.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none;background:#eee}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:active,.active) .card__body{background:#fff}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:101%;height:101%;object-fit:cover}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
@@ -998,14 +1066,14 @@ class xe extends HTMLElement {
|
|
|
998
1066
|
</div>
|
|
999
1067
|
${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
|
|
1000
1068
|
</div>
|
|
1001
|
-
`, this.shadowRoot.appendChild(
|
|
1069
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1002
1070
|
}
|
|
1003
1071
|
connectedCallback() {
|
|
1004
1072
|
const a = this.parentNode.closest("a, button, label"), t = this.shadowRoot.querySelector(".card");
|
|
1005
|
-
a.setAttribute("tabindex", "-1"), a.matches("label[for]") && document.getElementById(a.getAttribute("for")).checked && t.classList.add("active"), t.addEventListener("click", (
|
|
1073
|
+
a.setAttribute("tabindex", "-1"), a.matches("label[for]") && document.getElementById(a.getAttribute("for")).checked && t.classList.add("active"), t.addEventListener("click", (i) => {
|
|
1006
1074
|
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? t.classList.remove("active") : t.classList.add("active") : a.click();
|
|
1007
|
-
}), t.addEventListener("keydown", (
|
|
1008
|
-
switch (
|
|
1075
|
+
}), t.addEventListener("keydown", (i) => {
|
|
1076
|
+
switch (i.keyCode) {
|
|
1009
1077
|
case 32:
|
|
1010
1078
|
case 13:
|
|
1011
1079
|
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? t.classList.remove("active") : t.classList.add("active") : a.click();
|
|
@@ -1016,53 +1084,53 @@ class xe extends HTMLElement {
|
|
|
1016
1084
|
static get observedAttributes() {
|
|
1017
1085
|
return ["data-total", "class"];
|
|
1018
1086
|
}
|
|
1019
|
-
attributeChangedCallback(a, t,
|
|
1087
|
+
attributeChangedCallback(a, t, i) {
|
|
1020
1088
|
switch (a) {
|
|
1021
1089
|
case "data-total": {
|
|
1022
|
-
this.shadowRoot.querySelector(".card__total").innerHTML =
|
|
1090
|
+
this.shadowRoot.querySelector(".card__total").innerHTML = i;
|
|
1023
1091
|
break;
|
|
1024
1092
|
}
|
|
1025
1093
|
case "class": {
|
|
1026
|
-
let
|
|
1027
|
-
this.querySelector('[class*="fa-"]') && (
|
|
1094
|
+
let n = this.classList.toString();
|
|
1095
|
+
this.querySelector('[class*="fa-"]') && (n += " card--has-icon"), this.shadowRoot.querySelector(".card").setAttribute("class", `card ${n}`);
|
|
1028
1096
|
break;
|
|
1029
1097
|
}
|
|
1030
1098
|
}
|
|
1031
1099
|
}
|
|
1032
1100
|
}
|
|
1033
|
-
const
|
|
1101
|
+
const De = {
|
|
1034
1102
|
name: "Card",
|
|
1035
1103
|
mounted() {
|
|
1036
1104
|
this.$nextTick(function() {
|
|
1037
|
-
window.customElements.get("iam-card") || window.customElements.define("iam-card",
|
|
1105
|
+
window.customElements.get("iam-card") || window.customElements.define("iam-card", Ce);
|
|
1038
1106
|
});
|
|
1039
1107
|
}
|
|
1040
1108
|
};
|
|
1041
|
-
function
|
|
1109
|
+
function Ne(e, a, t, i, n, r) {
|
|
1042
1110
|
return d(), u("iam-card", null, [
|
|
1043
1111
|
_(e.$slots, "default")
|
|
1044
1112
|
]);
|
|
1045
1113
|
}
|
|
1046
|
-
const
|
|
1047
|
-
function
|
|
1114
|
+
const Re = /* @__PURE__ */ S(De, [["render", Ne]]);
|
|
1115
|
+
function Pe(e) {
|
|
1048
1116
|
var a;
|
|
1049
|
-
let t = e.querySelector(".carousel__inner"),
|
|
1117
|
+
let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
|
|
1050
1118
|
e.getAttribute("data-cols");
|
|
1051
|
-
let
|
|
1052
|
-
e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(
|
|
1119
|
+
let n = e.getAttribute("data-sm-cols"), r = e.getAttribute("data-md-cols");
|
|
1120
|
+
e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(s) {
|
|
1053
1121
|
clearTimeout(a), a = setTimeout(function() {
|
|
1054
|
-
let
|
|
1055
|
-
Array.from(e.querySelectorAll(".carousel__controls a")).forEach((y,
|
|
1122
|
+
let o = t.clientWidth, h = t.scrollWidth, l = t.scrollLeft, b = Math.round(l / h * i) + 1, m = e.querySelector(".carousel__item:last-child").offsetLeft;
|
|
1123
|
+
Array.from(e.querySelectorAll(".carousel__controls a")).forEach((y, p) => {
|
|
1056
1124
|
y.classList.remove("active");
|
|
1057
|
-
}), e.querySelector(".control-" +
|
|
1125
|
+
}), e.querySelector(".control-" + b).classList.add("active"), b == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + o > m ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
|
|
1058
1126
|
}, 100);
|
|
1059
|
-
}, !1), e.addEventListener("click", function(
|
|
1060
|
-
for (var
|
|
1061
|
-
if (
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
}),
|
|
1065
|
-
const h = document.querySelector(
|
|
1127
|
+
}, !1), e.addEventListener("click", function(s) {
|
|
1128
|
+
for (var o = s.target; o && o != this; o = o.parentNode)
|
|
1129
|
+
if (o.matches(".carousel__controls a")) {
|
|
1130
|
+
s.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, b) => {
|
|
1131
|
+
l.classList.remove("active");
|
|
1132
|
+
}), o.classList.add("active");
|
|
1133
|
+
const h = document.querySelector(o.getAttribute("href"));
|
|
1066
1134
|
t.scroll({
|
|
1067
1135
|
top: 0,
|
|
1068
1136
|
left: h.offsetLeft,
|
|
@@ -1070,11 +1138,11 @@ function He(e) {
|
|
|
1070
1138
|
});
|
|
1071
1139
|
break;
|
|
1072
1140
|
}
|
|
1073
|
-
}, !1), e.addEventListener("click", function(
|
|
1074
|
-
for (var
|
|
1075
|
-
if (
|
|
1076
|
-
|
|
1077
|
-
let h =
|
|
1141
|
+
}, !1), e.addEventListener("click", function(s) {
|
|
1142
|
+
for (var o = s.target; o && o != this; o = o.parentNode)
|
|
1143
|
+
if (o.matches(".btn-next, .btn-prev")) {
|
|
1144
|
+
s.preventDefault();
|
|
1145
|
+
let h = o.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
|
|
1078
1146
|
t.scroll({
|
|
1079
1147
|
top: 0,
|
|
1080
1148
|
left: h,
|
|
@@ -1082,11 +1150,11 @@ function He(e) {
|
|
|
1082
1150
|
});
|
|
1083
1151
|
break;
|
|
1084
1152
|
}
|
|
1085
|
-
}, !1),
|
|
1153
|
+
}, !1), i == 1 && e.classList.add("hide-btns"), n >= i && e.classList.add("hide-sm-btns"), r >= i && e.classList.add("hide-md-btns");
|
|
1086
1154
|
}
|
|
1087
|
-
const
|
|
1155
|
+
const Ie = {
|
|
1088
1156
|
components: {
|
|
1089
|
-
Card:
|
|
1157
|
+
Card: Re
|
|
1090
1158
|
},
|
|
1091
1159
|
name: "Carousel",
|
|
1092
1160
|
data() {
|
|
@@ -1160,40 +1228,40 @@ const Me = {
|
|
|
1160
1228
|
},
|
|
1161
1229
|
mounted() {
|
|
1162
1230
|
this.id = this._uid, this.$nextTick(function() {
|
|
1163
|
-
|
|
1231
|
+
Pe(this.$refs.wrapper);
|
|
1164
1232
|
});
|
|
1165
1233
|
}
|
|
1166
|
-
},
|
|
1234
|
+
}, ze = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Fe = { class: "carousel__wrapper" }, Be = { class: "carousel__inner" }, Ve = ["id"], je = ["innerHTML", "id"], Oe = ["href"], We = /* @__PURE__ */ c("button", {
|
|
1167
1235
|
class: "btn btn-prev",
|
|
1168
1236
|
"data-go": "0",
|
|
1169
1237
|
disabled: ""
|
|
1170
|
-
}, "Prev", -1),
|
|
1238
|
+
}, "Prev", -1), Ue = /* @__PURE__ */ c("button", {
|
|
1171
1239
|
class: "btn btn-next",
|
|
1172
1240
|
"data-go": "2"
|
|
1173
1241
|
}, "Next", -1);
|
|
1174
|
-
function
|
|
1175
|
-
const
|
|
1242
|
+
function Ke(e, a, t, i, n, r) {
|
|
1243
|
+
const s = R("Card");
|
|
1176
1244
|
return d(), u("div", {
|
|
1177
1245
|
class: "container carousel",
|
|
1178
|
-
id: "carousel" +
|
|
1246
|
+
id: "carousel" + n.id,
|
|
1179
1247
|
ref: "wrapper",
|
|
1180
1248
|
"data-cols": t.cols,
|
|
1181
1249
|
"data-sm-cols": t.smcols,
|
|
1182
1250
|
"data-md-cols": t.mdcols
|
|
1183
1251
|
}, [
|
|
1184
1252
|
_(e.$slots, "default"),
|
|
1185
|
-
|
|
1186
|
-
|
|
1253
|
+
c("div", Fe, [
|
|
1254
|
+
c("div", Be, [
|
|
1187
1255
|
t.type == "card" ? (d(), u("div", {
|
|
1188
1256
|
key: 0,
|
|
1189
|
-
class:
|
|
1257
|
+
class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1190
1258
|
}, [
|
|
1191
|
-
(d(!0), u(
|
|
1192
|
-
class:
|
|
1259
|
+
(d(!0), u(T, null, H(t.items, (o, h) => (d(), u("div", {
|
|
1260
|
+
class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1193
1261
|
key: h,
|
|
1194
|
-
id: "carousel" +
|
|
1262
|
+
id: "carousel" + n.id + "slide" + (h + 1)
|
|
1195
1263
|
}, [
|
|
1196
|
-
|
|
1264
|
+
x(s, M(o, {
|
|
1197
1265
|
class: t.cardclass,
|
|
1198
1266
|
type: t.cardtype,
|
|
1199
1267
|
btnyype: t.btntype,
|
|
@@ -1201,45 +1269,45 @@ function Ie(e, a, t, s, o, l) {
|
|
|
1201
1269
|
ctatext: t.ctatext,
|
|
1202
1270
|
hidectatext: t.hidectatext
|
|
1203
1271
|
}), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
|
|
1204
|
-
], 10,
|
|
1205
|
-
], 2)) :
|
|
1272
|
+
], 10, Ve))), 128))
|
|
1273
|
+
], 2)) : g("", !0),
|
|
1206
1274
|
t.type != "card" ? (d(), u("div", {
|
|
1207
1275
|
key: 1,
|
|
1208
|
-
class:
|
|
1276
|
+
class: A(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1209
1277
|
}, [
|
|
1210
|
-
(d(!0), u(
|
|
1211
|
-
class:
|
|
1278
|
+
(d(!0), u(T, null, H(t.items, (o, h) => (d(), u("div", {
|
|
1279
|
+
class: A(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1212
1280
|
key: h,
|
|
1213
|
-
innerHTML:
|
|
1214
|
-
id: "carousel" +
|
|
1215
|
-
}, null, 10,
|
|
1216
|
-
], 2)) :
|
|
1281
|
+
innerHTML: r.content(o),
|
|
1282
|
+
id: "carousel" + n.id + "slide" + (h + 1)
|
|
1283
|
+
}, null, 10, je))), 128))
|
|
1284
|
+
], 2)) : g("", !0)
|
|
1217
1285
|
]),
|
|
1218
|
-
|
|
1219
|
-
class:
|
|
1286
|
+
c("div", {
|
|
1287
|
+
class: A(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
|
|
1220
1288
|
}, [
|
|
1221
|
-
(d(!0), u(
|
|
1289
|
+
(d(!0), u(T, null, H(t.items, (o, h) => (d(), u("a", {
|
|
1222
1290
|
key: h,
|
|
1223
|
-
href: "#carousel" +
|
|
1224
|
-
class:
|
|
1225
|
-
}, "Slide " +
|
|
1291
|
+
href: "#carousel" + n.id + "slide" + (h + 1),
|
|
1292
|
+
class: A(`control-${h + 1}`)
|
|
1293
|
+
}, "Slide " + q(h + 1), 11, Oe))), 128))
|
|
1226
1294
|
], 2),
|
|
1227
|
-
|
|
1228
|
-
|
|
1295
|
+
We,
|
|
1296
|
+
Ue
|
|
1229
1297
|
])
|
|
1230
|
-
], 8,
|
|
1298
|
+
], 8, ze);
|
|
1231
1299
|
}
|
|
1232
|
-
const
|
|
1300
|
+
const yi = /* @__PURE__ */ S(Ie, [["render", Ke]]);
|
|
1233
1301
|
window.dataLayer = window.dataLayer || [];
|
|
1234
1302
|
window.dataLayer.push({
|
|
1235
1303
|
event: "customElementRegistered",
|
|
1236
1304
|
element: "header"
|
|
1237
1305
|
});
|
|
1238
|
-
class
|
|
1306
|
+
class Ge extends HTMLElement {
|
|
1239
1307
|
constructor() {
|
|
1240
1308
|
super(), this.attachShadow({ mode: "open" });
|
|
1241
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${a}/css/components/header.css";`,
|
|
1242
|
-
|
|
1309
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${a}/css/components/header.css";`, i = document.createElement("template");
|
|
1310
|
+
i.innerHTML = `
|
|
1243
1311
|
<style>
|
|
1244
1312
|
@import "${a}/css/core.min.css";
|
|
1245
1313
|
${t}
|
|
@@ -1263,15 +1331,15 @@ class Be extends HTMLElement {
|
|
|
1263
1331
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
1264
1332
|
</picture>
|
|
1265
1333
|
</div>
|
|
1266
|
-
`, this.shadowRoot.appendChild(
|
|
1334
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1267
1335
|
}
|
|
1268
1336
|
connectedCallback() {
|
|
1269
1337
|
const a = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
|
|
1270
1338
|
this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
|
|
1271
1339
|
}
|
|
1272
1340
|
}
|
|
1273
|
-
window.customElements.get("iam-header") || window.customElements.define("iam-header",
|
|
1274
|
-
const
|
|
1341
|
+
window.customElements.get("iam-header") || window.customElements.define("iam-header", Ge);
|
|
1342
|
+
const Qe = {
|
|
1275
1343
|
name: "Header",
|
|
1276
1344
|
props: {
|
|
1277
1345
|
title: {
|
|
@@ -1283,8 +1351,8 @@ const Ve = {
|
|
|
1283
1351
|
required: !1
|
|
1284
1352
|
}
|
|
1285
1353
|
}
|
|
1286
|
-
},
|
|
1287
|
-
function
|
|
1354
|
+
}, Ye = ["image"], Ze = ["innerHTML"];
|
|
1355
|
+
function Je(e, a, t, i, n, r) {
|
|
1288
1356
|
return d(), u("iam-header", {
|
|
1289
1357
|
class: "bg-secondary",
|
|
1290
1358
|
image: t.image
|
|
@@ -1293,40 +1361,40 @@ function Oe(e, a, t, s, o, l) {
|
|
|
1293
1361
|
t.title ? (d(), u("h1", {
|
|
1294
1362
|
key: 0,
|
|
1295
1363
|
innerHTML: t.title
|
|
1296
|
-
}, null, 8,
|
|
1364
|
+
}, null, 8, Ze)) : g("", !0),
|
|
1297
1365
|
_(e.$slots, "default")
|
|
1298
|
-
], 8,
|
|
1366
|
+
], 8, Ye);
|
|
1299
1367
|
}
|
|
1300
|
-
const
|
|
1301
|
-
function
|
|
1368
|
+
const pi = /* @__PURE__ */ S(Qe, [["render", Je]]);
|
|
1369
|
+
function Xe(e) {
|
|
1302
1370
|
var a;
|
|
1303
|
-
const t = e.querySelector(".testimonial__images"),
|
|
1304
|
-
if (
|
|
1371
|
+
const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
|
|
1372
|
+
if (i == 1)
|
|
1305
1373
|
return !1;
|
|
1306
1374
|
e.classList.add("testimonial--multi");
|
|
1307
|
-
const
|
|
1308
|
-
const
|
|
1309
|
-
|
|
1375
|
+
const n = function(r) {
|
|
1376
|
+
const s = e.querySelector(".btn-next"), o = e.querySelector(".btn-prev");
|
|
1377
|
+
s.setAttribute("data-go", r + 1), o.setAttribute("data-go", r - 1), s.removeAttribute("disabled"), o.removeAttribute("disabled"), r == 1 ? o.setAttribute("disabled", !0) : r == i && s.setAttribute("disabled", !0);
|
|
1310
1378
|
};
|
|
1311
|
-
t.addEventListener("scroll", function(
|
|
1379
|
+
t.addEventListener("scroll", function(r) {
|
|
1312
1380
|
clearTimeout(a), a = setTimeout(function() {
|
|
1313
|
-
let
|
|
1314
|
-
h == 0 &&
|
|
1381
|
+
let s = t.scrollWidth, o = t.scrollHeight, h = t.scrollLeft, l = t.scrollTop, b = Math.round(h / s * i) + 1;
|
|
1382
|
+
h == 0 && l != 0 && (b = Math.round(l / o * i) + 1), e.setAttribute("data-show", b), n(b);
|
|
1315
1383
|
}, 300);
|
|
1316
|
-
}, !1), e.addEventListener("click", function(
|
|
1317
|
-
for (var
|
|
1318
|
-
if (
|
|
1319
|
-
let
|
|
1320
|
-
|
|
1384
|
+
}, !1), e.addEventListener("click", function(r) {
|
|
1385
|
+
for (var s = r.target; s && s != this; s = s.parentNode)
|
|
1386
|
+
if (s.matches("[data-go]")) {
|
|
1387
|
+
let o = parseInt(s.getAttribute("data-go")), h = 0, l = 0, b = t.scrollWidth, m = t.scrollHeight;
|
|
1388
|
+
b > m ? l = Math.floor(b * ((o - 1) / i)) : h = Math.floor(m * ((o - 1) / i)), t.scroll({
|
|
1321
1389
|
top: h,
|
|
1322
|
-
left:
|
|
1390
|
+
left: l,
|
|
1323
1391
|
behavior: "smooth"
|
|
1324
1392
|
});
|
|
1325
1393
|
break;
|
|
1326
1394
|
}
|
|
1327
1395
|
}, !1);
|
|
1328
1396
|
}
|
|
1329
|
-
const
|
|
1397
|
+
const ta = {
|
|
1330
1398
|
name: "Testimonial",
|
|
1331
1399
|
props: {
|
|
1332
1400
|
items: {
|
|
@@ -1340,68 +1408,68 @@ const Ke = {
|
|
|
1340
1408
|
}
|
|
1341
1409
|
},
|
|
1342
1410
|
mounted() {
|
|
1343
|
-
|
|
1411
|
+
Xe(this.$refs.wrapper);
|
|
1344
1412
|
}
|
|
1345
|
-
},
|
|
1413
|
+
}, ea = {
|
|
1346
1414
|
class: "container testimonial mb-5",
|
|
1347
1415
|
"data-show": "1",
|
|
1348
1416
|
ref: "wrapper"
|
|
1349
|
-
},
|
|
1350
|
-
/* @__PURE__ */
|
|
1417
|
+
}, aa = { class: "row" }, sa = { class: "col-md-5 position-relative" }, ia = { class: "testimonial__images" }, ra = ["src"], la = /* @__PURE__ */ c("div", { class: "testimonial__controls" }, [
|
|
1418
|
+
/* @__PURE__ */ c("button", {
|
|
1351
1419
|
"data-go": "0",
|
|
1352
1420
|
disabled: "",
|
|
1353
1421
|
class: "btn-prev"
|
|
1354
1422
|
}, "Previous"),
|
|
1355
|
-
/* @__PURE__ */
|
|
1423
|
+
/* @__PURE__ */ c("button", {
|
|
1356
1424
|
"data-go": "2",
|
|
1357
1425
|
class: "btn-next"
|
|
1358
1426
|
}, "Next")
|
|
1359
|
-
], -1),
|
|
1360
|
-
function
|
|
1361
|
-
return d(), u("div",
|
|
1362
|
-
|
|
1363
|
-
class:
|
|
1427
|
+
], -1), na = { class: "col-md-7" }, oa = /* @__PURE__ */ c("h2", null, "What our customers think…", -1), ca = { class: "testimonial__content" }, da = ["innerHTML"], ua = ["innerHTML"], ha = { class: "testimonial__after" }, ma = /* @__PURE__ */ c("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
|
|
1428
|
+
function fa(e, a, t, i, n, r) {
|
|
1429
|
+
return d(), u("div", ea, [
|
|
1430
|
+
c("div", {
|
|
1431
|
+
class: A("bg-" + t.background)
|
|
1364
1432
|
}, [
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
(d(!0), u(
|
|
1369
|
-
key:
|
|
1370
|
-
src:
|
|
1433
|
+
c("div", aa, [
|
|
1434
|
+
c("div", sa, [
|
|
1435
|
+
c("div", ia, [
|
|
1436
|
+
(d(!0), u(T, null, H(t.items, (s, o) => (d(), u("img", {
|
|
1437
|
+
key: o,
|
|
1438
|
+
src: s.image ? s.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
|
|
1371
1439
|
alt: "",
|
|
1372
|
-
class:
|
|
1373
|
-
}, null, 10,
|
|
1440
|
+
class: A("h-100 w-100 object-cover" + (s.image ? "" : " opacity-0"))
|
|
1441
|
+
}, null, 10, ra))), 128))
|
|
1374
1442
|
]),
|
|
1375
|
-
|
|
1443
|
+
la
|
|
1376
1444
|
]),
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
(d(!0), u(
|
|
1381
|
-
key:
|
|
1382
|
-
class:
|
|
1445
|
+
c("div", na, [
|
|
1446
|
+
oa,
|
|
1447
|
+
c("div", ca, [
|
|
1448
|
+
(d(!0), u(T, null, H(t.items, (s, o) => (d(), u("blockquote", {
|
|
1449
|
+
key: o,
|
|
1450
|
+
class: A(s.class)
|
|
1383
1451
|
}, [
|
|
1384
|
-
|
|
1385
|
-
innerHTML:
|
|
1386
|
-
}, null, 8,
|
|
1387
|
-
|
|
1388
|
-
innerHTML:
|
|
1389
|
-
}, null, 8,
|
|
1452
|
+
c("div", {
|
|
1453
|
+
innerHTML: s.quote
|
|
1454
|
+
}, null, 8, da),
|
|
1455
|
+
c("cite", {
|
|
1456
|
+
innerHTML: s.cite
|
|
1457
|
+
}, null, 8, ua)
|
|
1390
1458
|
], 2))), 128))
|
|
1391
1459
|
]),
|
|
1392
|
-
|
|
1460
|
+
c("div", ha, [
|
|
1393
1461
|
_(e.$slots, "default")
|
|
1394
1462
|
])
|
|
1395
1463
|
])
|
|
1396
1464
|
]),
|
|
1397
|
-
|
|
1465
|
+
ma
|
|
1398
1466
|
], 2)
|
|
1399
1467
|
], 512);
|
|
1400
1468
|
}
|
|
1401
|
-
const
|
|
1402
|
-
const
|
|
1469
|
+
const gi = /* @__PURE__ */ S(ta, [["render", fa]]);
|
|
1470
|
+
const ba = {
|
|
1403
1471
|
components: {
|
|
1404
|
-
Input:
|
|
1472
|
+
Input: B
|
|
1405
1473
|
},
|
|
1406
1474
|
name: "PropertySearchbar",
|
|
1407
1475
|
props: {
|
|
@@ -1545,46 +1613,46 @@ const na = {
|
|
|
1545
1613
|
];
|
|
1546
1614
|
}
|
|
1547
1615
|
}
|
|
1548
|
-
},
|
|
1616
|
+
}, ya = {
|
|
1549
1617
|
class: "container",
|
|
1550
1618
|
ref: "wrapper"
|
|
1551
|
-
},
|
|
1619
|
+
}, pa = { class: "property-searchbar" }, ga = ["action", "method"], _a = { class: "col-12 col-md-3" }, va = { class: "col-12 col-md" }, Aa = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Price range", -1), wa = {
|
|
1552
1620
|
class: "row",
|
|
1553
1621
|
"data-input-range": ""
|
|
1554
|
-
},
|
|
1622
|
+
}, Sa = { class: "col-12 col-md" }, La = /* @__PURE__ */ c("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), ka = {
|
|
1555
1623
|
class: "row",
|
|
1556
1624
|
"data-input-range": ""
|
|
1557
|
-
},
|
|
1558
|
-
/* @__PURE__ */
|
|
1625
|
+
}, xa = { class: "col-12 col-md-2" }, qa = /* @__PURE__ */ c("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
|
|
1626
|
+
/* @__PURE__ */ c("button", {
|
|
1559
1627
|
class: "btn w-100 me-0",
|
|
1560
1628
|
type: "submit",
|
|
1561
1629
|
value: "submit"
|
|
1562
1630
|
}, "Search")
|
|
1563
1631
|
], -1);
|
|
1564
|
-
function
|
|
1565
|
-
const
|
|
1566
|
-
return d(), u("div",
|
|
1632
|
+
function $a(e, a, t, i, n, r) {
|
|
1633
|
+
const s = R("Input");
|
|
1634
|
+
return d(), u("div", ya, [
|
|
1567
1635
|
_(e.$slots, "default"),
|
|
1568
|
-
|
|
1569
|
-
|
|
1636
|
+
c("div", pa, [
|
|
1637
|
+
c("form", {
|
|
1570
1638
|
class: "row",
|
|
1571
1639
|
action: t.formaction,
|
|
1572
1640
|
method: t.formmethod
|
|
1573
1641
|
}, [
|
|
1574
|
-
|
|
1575
|
-
|
|
1642
|
+
c("fieldset", _a, [
|
|
1643
|
+
x(s, {
|
|
1576
1644
|
inputClass: "input--locations",
|
|
1577
|
-
modelValue:
|
|
1578
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
1645
|
+
modelValue: r.locationSet,
|
|
1646
|
+
"onUpdate:modelValue": a[0] || (a[0] = (o) => r.locationSet = o),
|
|
1579
1647
|
label: "Location",
|
|
1580
1648
|
id: "location",
|
|
1581
|
-
options:
|
|
1649
|
+
options: r.locationsList(),
|
|
1582
1650
|
required: "",
|
|
1583
1651
|
placeholder: "i.e. Newcastle or NE1",
|
|
1584
|
-
onKeyupEvent: a[1] || (a[1] = (
|
|
1652
|
+
onKeyupEvent: a[1] || (a[1] = (o) => r.locationKeyup(...arguments)),
|
|
1585
1653
|
ref: "search"
|
|
1586
1654
|
}, null, 8, ["modelValue", "options"]),
|
|
1587
|
-
|
|
1655
|
+
x(s, {
|
|
1588
1656
|
class: "select--miles",
|
|
1589
1657
|
label: "Miles",
|
|
1590
1658
|
id: "miles",
|
|
@@ -1592,10 +1660,10 @@ function Aa(e, a, t, s, o, l) {
|
|
|
1592
1660
|
options: t.distances
|
|
1593
1661
|
}, null, 8, ["options"])
|
|
1594
1662
|
]),
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1663
|
+
c("fieldset", va, [
|
|
1664
|
+
Aa,
|
|
1665
|
+
c("div", wa, [
|
|
1666
|
+
x(s, {
|
|
1599
1667
|
class: "col-6",
|
|
1600
1668
|
label: "Minimum price",
|
|
1601
1669
|
id: "price-min",
|
|
@@ -1603,7 +1671,7 @@ function Aa(e, a, t, s, o, l) {
|
|
|
1603
1671
|
type: "select",
|
|
1604
1672
|
options: t.pricemin
|
|
1605
1673
|
}, null, 8, ["options"]),
|
|
1606
|
-
|
|
1674
|
+
x(s, {
|
|
1607
1675
|
class: "col-6",
|
|
1608
1676
|
label: "Maximum price",
|
|
1609
1677
|
id: "price-max",
|
|
@@ -1613,10 +1681,10 @@ function Aa(e, a, t, s, o, l) {
|
|
|
1613
1681
|
}, null, 8, ["options"])
|
|
1614
1682
|
])
|
|
1615
1683
|
]),
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1684
|
+
c("fieldset", Sa, [
|
|
1685
|
+
La,
|
|
1686
|
+
c("div", ka, [
|
|
1687
|
+
x(s, {
|
|
1620
1688
|
class: "col-6",
|
|
1621
1689
|
label: "Minimum beds",
|
|
1622
1690
|
id: "beds-min",
|
|
@@ -1624,7 +1692,7 @@ function Aa(e, a, t, s, o, l) {
|
|
|
1624
1692
|
type: "select",
|
|
1625
1693
|
options: t.bedsmin
|
|
1626
1694
|
}, null, 8, ["options"]),
|
|
1627
|
-
|
|
1695
|
+
x(s, {
|
|
1628
1696
|
class: "col-6",
|
|
1629
1697
|
label: "Maximum beds",
|
|
1630
1698
|
id: "beds-max",
|
|
@@ -1634,25 +1702,25 @@ function Aa(e, a, t, s, o, l) {
|
|
|
1634
1702
|
}, null, 8, ["options"])
|
|
1635
1703
|
])
|
|
1636
1704
|
]),
|
|
1637
|
-
|
|
1638
|
-
|
|
1705
|
+
c("fieldset", xa, [
|
|
1706
|
+
x(s, {
|
|
1639
1707
|
label: "Property type",
|
|
1640
1708
|
id: "property-type",
|
|
1641
1709
|
type: "select",
|
|
1642
1710
|
options: t.propertytypes
|
|
1643
1711
|
}, null, 8, ["options"])
|
|
1644
1712
|
]),
|
|
1645
|
-
|
|
1646
|
-
], 8,
|
|
1713
|
+
qa
|
|
1714
|
+
], 8, ga)
|
|
1647
1715
|
]),
|
|
1648
1716
|
_(e.$slots, "after")
|
|
1649
1717
|
], 512);
|
|
1650
1718
|
}
|
|
1651
|
-
const
|
|
1719
|
+
const _i = /* @__PURE__ */ S(ba, [["render", $a]]), Ta = (e) => {
|
|
1652
1720
|
Array.from(e.querySelectorAll("details")).forEach((a, t) => {
|
|
1653
|
-
a.addEventListener("mouseenter", function(
|
|
1721
|
+
a.addEventListener("mouseenter", function(i) {
|
|
1654
1722
|
window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
|
|
1655
|
-
}, !1), a.addEventListener("mouseleave", function(
|
|
1723
|
+
}, !1), a.addEventListener("mouseleave", function(i) {
|
|
1656
1724
|
window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
|
|
1657
1725
|
}, !1);
|
|
1658
1726
|
}), "IntersectionObserver" in window && new IntersectionObserver(
|
|
@@ -1660,10 +1728,10 @@ const di = /* @__PURE__ */ A(na, [["render", Aa]]), wa = (e) => {
|
|
|
1660
1728
|
{ threshold: [1] }
|
|
1661
1729
|
).observe(e);
|
|
1662
1730
|
};
|
|
1663
|
-
const
|
|
1731
|
+
const Ha = {
|
|
1664
1732
|
components: {
|
|
1665
|
-
Input:
|
|
1666
|
-
Logo:
|
|
1733
|
+
Input: B,
|
|
1734
|
+
Logo: _t
|
|
1667
1735
|
},
|
|
1668
1736
|
name: "Nav",
|
|
1669
1737
|
props: {
|
|
@@ -1733,61 +1801,61 @@ const Sa = {
|
|
|
1733
1801
|
},
|
|
1734
1802
|
mounted() {
|
|
1735
1803
|
this.$nextTick(function() {
|
|
1736
|
-
|
|
1804
|
+
Ta(this.$refs.wrapper);
|
|
1737
1805
|
});
|
|
1738
1806
|
}
|
|
1739
|
-
},
|
|
1807
|
+
}, Ma = /* @__PURE__ */ c("input", {
|
|
1740
1808
|
type: "checkbox",
|
|
1741
1809
|
name: "showMenu",
|
|
1742
1810
|
id: "showMenu",
|
|
1743
1811
|
class: "d-none"
|
|
1744
|
-
}, null, -1),
|
|
1812
|
+
}, null, -1), Ea = /* @__PURE__ */ c("input", {
|
|
1745
1813
|
type: "checkbox",
|
|
1746
1814
|
name: "showSearch",
|
|
1747
1815
|
id: "showSearch",
|
|
1748
1816
|
class: "d-none"
|
|
1749
|
-
}, null, -1),
|
|
1817
|
+
}, null, -1), Ca = /* @__PURE__ */ c("input", {
|
|
1750
1818
|
type: "checkbox",
|
|
1751
1819
|
name: "showAccount",
|
|
1752
1820
|
id: "showAccount",
|
|
1753
1821
|
class: "d-none"
|
|
1754
|
-
}, null, -1),
|
|
1822
|
+
}, null, -1), Da = { class: "nav__mobile-bar" }, Na = { class: "container" }, Ra = { class: "row" }, Pa = {
|
|
1755
1823
|
key: 0,
|
|
1756
1824
|
class: "col mw-md-fit-content nav__logo"
|
|
1757
|
-
},
|
|
1825
|
+
}, Ia = {
|
|
1758
1826
|
key: 1,
|
|
1759
1827
|
class: "col mw-md-fit-content nav__logo"
|
|
1760
|
-
},
|
|
1828
|
+
}, za = {
|
|
1761
1829
|
href: "/",
|
|
1762
1830
|
class: "text-decoration-none mb-0"
|
|
1763
|
-
},
|
|
1764
|
-
/* @__PURE__ */
|
|
1765
|
-
], -1),
|
|
1831
|
+
}, Fa = /* @__PURE__ */ c("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
|
|
1832
|
+
/* @__PURE__ */ c("label", { for: "showMenu" }, "Menu")
|
|
1833
|
+
], -1), Ba = { class: "nav__inner" }, Va = { class: "container" }, ja = { class: "row" }, Oa = {
|
|
1766
1834
|
key: 0,
|
|
1767
1835
|
class: "col mw-md-fit-content nav__logo"
|
|
1768
|
-
},
|
|
1836
|
+
}, Wa = {
|
|
1769
1837
|
key: 1,
|
|
1770
1838
|
class: "col mw-md-fit-content nav__logo"
|
|
1771
|
-
},
|
|
1839
|
+
}, Ua = {
|
|
1772
1840
|
href: "/",
|
|
1773
1841
|
class: "text-decoration-none mb-0"
|
|
1774
|
-
},
|
|
1842
|
+
}, Ka = {
|
|
1775
1843
|
key: 2,
|
|
1776
1844
|
class: "col mw-fit-content nav__search-btn flex-row align-items-center"
|
|
1777
|
-
},
|
|
1778
|
-
/* @__PURE__ */
|
|
1845
|
+
}, Ga = /* @__PURE__ */ c("label", { for: "showSearch" }, [
|
|
1846
|
+
/* @__PURE__ */ c("svg", {
|
|
1779
1847
|
class: "icon",
|
|
1780
1848
|
viewBox: "0 0 32 32"
|
|
1781
1849
|
}, [
|
|
1782
|
-
/* @__PURE__ */
|
|
1783
|
-
/* @__PURE__ */
|
|
1850
|
+
/* @__PURE__ */ c("title", null, "Search"),
|
|
1851
|
+
/* @__PURE__ */ c("ellipse", {
|
|
1784
1852
|
cx: "14.92",
|
|
1785
1853
|
cy: "13.81",
|
|
1786
1854
|
rx: "11.92",
|
|
1787
1855
|
ry: "11.81",
|
|
1788
1856
|
class: "icon__outline"
|
|
1789
1857
|
}),
|
|
1790
|
-
/* @__PURE__ */
|
|
1858
|
+
/* @__PURE__ */ c("line", {
|
|
1791
1859
|
x1: "22.68",
|
|
1792
1860
|
y1: "22.75",
|
|
1793
1861
|
x2: "30",
|
|
@@ -1795,71 +1863,71 @@ const Sa = {
|
|
|
1795
1863
|
class: "icon__outline"
|
|
1796
1864
|
})
|
|
1797
1865
|
])
|
|
1798
|
-
], -1),
|
|
1799
|
-
|
|
1800
|
-
],
|
|
1801
|
-
/* @__PURE__ */
|
|
1802
|
-
], -1),
|
|
1866
|
+
], -1), Qa = [
|
|
1867
|
+
Ga
|
|
1868
|
+
], Ya = /* @__PURE__ */ c("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
|
|
1869
|
+
/* @__PURE__ */ c("label", { for: "showMenu" }, "Menu")
|
|
1870
|
+
], -1), Za = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Ja = {
|
|
1803
1871
|
key: 3,
|
|
1804
1872
|
class: "col nav__account-btn flex-row align-items-center"
|
|
1805
|
-
},
|
|
1806
|
-
/* @__PURE__ */
|
|
1873
|
+
}, Xa = /* @__PURE__ */ c("label", { for: "showAccount" }, [
|
|
1874
|
+
/* @__PURE__ */ c("svg", {
|
|
1807
1875
|
class: "icon",
|
|
1808
1876
|
viewBox: "0 0 28 28"
|
|
1809
1877
|
}, [
|
|
1810
|
-
/* @__PURE__ */
|
|
1878
|
+
/* @__PURE__ */ c("path", {
|
|
1811
1879
|
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",
|
|
1812
1880
|
transform: "translate(0 -0.001)"
|
|
1813
1881
|
}),
|
|
1814
|
-
/* @__PURE__ */
|
|
1882
|
+
/* @__PURE__ */ c("path", {
|
|
1815
1883
|
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",
|
|
1816
1884
|
transform: "translate(8.8 4.8)"
|
|
1817
1885
|
})
|
|
1818
1886
|
]),
|
|
1819
|
-
/* @__PURE__ */
|
|
1820
|
-
], -1),
|
|
1821
|
-
|
|
1822
|
-
],
|
|
1887
|
+
/* @__PURE__ */ c("span", null, "My account")
|
|
1888
|
+
], -1), ts = [
|
|
1889
|
+
Xa
|
|
1890
|
+
], es = {
|
|
1823
1891
|
key: 4,
|
|
1824
1892
|
class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
|
|
1825
|
-
},
|
|
1893
|
+
}, as = ["href", "innerHTML"], ss = {
|
|
1826
1894
|
key: 0,
|
|
1827
1895
|
class: "nav__menu--secondary"
|
|
1828
|
-
},
|
|
1896
|
+
}, is = { class: "container" }, rs = {
|
|
1829
1897
|
key: 1,
|
|
1830
1898
|
class: "nav__menu--search"
|
|
1831
|
-
},
|
|
1899
|
+
}, ls = { class: "bg-gradient pt-4" }, ns = { class: "container" }, os = {
|
|
1832
1900
|
key: 0,
|
|
1833
1901
|
class: "nav__menu--account"
|
|
1834
|
-
},
|
|
1902
|
+
}, cs = { class: "container" }, ds = { class: "row mb-4" }, us = {
|
|
1835
1903
|
key: 0,
|
|
1836
1904
|
class: "col mw-md-fit-content nav__logo"
|
|
1837
|
-
},
|
|
1905
|
+
}, hs = {
|
|
1838
1906
|
key: 1,
|
|
1839
1907
|
class: "col mw-md-fit-content nav__logo"
|
|
1840
|
-
},
|
|
1908
|
+
}, ms = {
|
|
1841
1909
|
href: "/",
|
|
1842
1910
|
class: "text-decoration-none mb-0"
|
|
1843
|
-
},
|
|
1844
|
-
/* @__PURE__ */
|
|
1845
|
-
], -1),
|
|
1846
|
-
function
|
|
1847
|
-
const
|
|
1911
|
+
}, fs = /* @__PURE__ */ c("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
|
|
1912
|
+
/* @__PURE__ */ c("label", { for: "showAccount" }, "Account")
|
|
1913
|
+
], -1), bs = { class: "container" }, ys = /* @__PURE__ */ c("span", { class: "nav__bg" }, null, -1);
|
|
1914
|
+
function ps(e, a, t, i, n, r) {
|
|
1915
|
+
const s = R("Logo");
|
|
1848
1916
|
return d(), u("nav", {
|
|
1849
|
-
class:
|
|
1917
|
+
class: A(`nav${r.hasSecondarySlot ? " has-secondary" : ""}`),
|
|
1850
1918
|
ref: "wrapper"
|
|
1851
1919
|
}, [
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1920
|
+
Ma,
|
|
1921
|
+
Ea,
|
|
1922
|
+
Ca,
|
|
1923
|
+
c("div", Da, [
|
|
1924
|
+
c("div", Na, [
|
|
1925
|
+
c("div", Ra, [
|
|
1926
|
+
r.hasLogoSlot ? (d(), u("div", Pa, [
|
|
1859
1927
|
_(e.$slots, "logo")
|
|
1860
|
-
])) : (d(), u("div",
|
|
1861
|
-
|
|
1862
|
-
|
|
1928
|
+
])) : (d(), u("div", Ia, [
|
|
1929
|
+
c("a", za, [
|
|
1930
|
+
x(s, {
|
|
1863
1931
|
id: t.logo,
|
|
1864
1932
|
path: t.logopath,
|
|
1865
1933
|
desc: t.logotext,
|
|
@@ -1867,18 +1935,18 @@ function ds(e, a, t, s, o, l) {
|
|
|
1867
1935
|
}, null, 8, ["id", "path", "desc"])
|
|
1868
1936
|
])
|
|
1869
1937
|
])),
|
|
1870
|
-
|
|
1938
|
+
Fa
|
|
1871
1939
|
])
|
|
1872
1940
|
])
|
|
1873
1941
|
]),
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1942
|
+
c("div", Ba, [
|
|
1943
|
+
c("div", Va, [
|
|
1944
|
+
c("div", ja, [
|
|
1945
|
+
r.hasLogoSlot ? (d(), u("div", Oa, [
|
|
1878
1946
|
_(e.$slots, "logo")
|
|
1879
|
-
])) : (d(), u("div",
|
|
1880
|
-
|
|
1881
|
-
|
|
1947
|
+
])) : (d(), u("div", Wa, [
|
|
1948
|
+
c("a", Ua, [
|
|
1949
|
+
x(s, {
|
|
1882
1950
|
id: t.logo,
|
|
1883
1951
|
path: t.logopath,
|
|
1884
1952
|
desc: t.logotext,
|
|
@@ -1886,42 +1954,42 @@ function ds(e, a, t, s, o, l) {
|
|
|
1886
1954
|
}, null, 8, ["id", "path", "desc"])
|
|
1887
1955
|
])
|
|
1888
1956
|
])),
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1957
|
+
r.hasSearchSlot ? (d(), u("div", Ka, Qa)) : g("", !0),
|
|
1958
|
+
Ya,
|
|
1959
|
+
c("div", Za, [
|
|
1892
1960
|
_(e.$slots, "default")
|
|
1893
1961
|
]),
|
|
1894
|
-
|
|
1895
|
-
t.btnlink ? (d(), u("div",
|
|
1896
|
-
|
|
1962
|
+
r.hasAccountSlot ? (d(), u("div", Ja, ts)) : g("", !0),
|
|
1963
|
+
t.btnlink ? (d(), u("div", es, [
|
|
1964
|
+
c("a", {
|
|
1897
1965
|
href: t.btnlink,
|
|
1898
1966
|
class: "btn me-0",
|
|
1899
1967
|
innerHTML: t.btntext
|
|
1900
|
-
}, null, 8,
|
|
1901
|
-
])) :
|
|
1968
|
+
}, null, 8, as)
|
|
1969
|
+
])) : g("", !0)
|
|
1902
1970
|
])
|
|
1903
1971
|
]),
|
|
1904
|
-
|
|
1905
|
-
|
|
1972
|
+
r.hasSecondarySlot ? (d(), u("div", ss, [
|
|
1973
|
+
c("div", is, [
|
|
1906
1974
|
_(e.$slots, "secondary")
|
|
1907
1975
|
])
|
|
1908
|
-
])) :
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1976
|
+
])) : g("", !0),
|
|
1977
|
+
r.hasSearchSlot ? (d(), u("div", rs, [
|
|
1978
|
+
c("div", ls, [
|
|
1979
|
+
c("div", ns, [
|
|
1912
1980
|
_(e.$slots, "search")
|
|
1913
1981
|
])
|
|
1914
1982
|
])
|
|
1915
|
-
])) :
|
|
1983
|
+
])) : g("", !0)
|
|
1916
1984
|
]),
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1985
|
+
r.hasAccountSlot ? (d(), u("div", os, [
|
|
1986
|
+
c("div", cs, [
|
|
1987
|
+
c("div", ds, [
|
|
1988
|
+
r.hasLogoSlot ? (d(), u("div", us, [
|
|
1921
1989
|
_(e.$slots, "logo")
|
|
1922
|
-
])) : (d(), u("div",
|
|
1923
|
-
|
|
1924
|
-
|
|
1990
|
+
])) : (d(), u("div", hs, [
|
|
1991
|
+
c("a", ms, [
|
|
1992
|
+
x(s, {
|
|
1925
1993
|
id: t.logo,
|
|
1926
1994
|
path: t.logopath,
|
|
1927
1995
|
desc: t.logotext,
|
|
@@ -1929,18 +1997,18 @@ function ds(e, a, t, s, o, l) {
|
|
|
1929
1997
|
}, null, 8, ["id", "path", "desc"])
|
|
1930
1998
|
])
|
|
1931
1999
|
])),
|
|
1932
|
-
|
|
2000
|
+
fs
|
|
1933
2001
|
])
|
|
1934
2002
|
]),
|
|
1935
|
-
|
|
2003
|
+
c("div", bs, [
|
|
1936
2004
|
_(e.$slots, "account")
|
|
1937
2005
|
])
|
|
1938
|
-
])) :
|
|
1939
|
-
|
|
2006
|
+
])) : g("", !0),
|
|
2007
|
+
ys
|
|
1940
2008
|
], 2);
|
|
1941
2009
|
}
|
|
1942
|
-
const
|
|
1943
|
-
const
|
|
2010
|
+
const vi = /* @__PURE__ */ S(Ha, [["render", ps]]);
|
|
2011
|
+
const gs = {
|
|
1944
2012
|
name: "Stepper",
|
|
1945
2013
|
props: {
|
|
1946
2014
|
label: {
|
|
@@ -1953,25 +2021,25 @@ const us = {
|
|
|
1953
2021
|
default: "Complete"
|
|
1954
2022
|
}
|
|
1955
2023
|
}
|
|
1956
|
-
},
|
|
2024
|
+
}, _s = { class: "container" }, vs = ["aria-label"], As = {
|
|
1957
2025
|
key: 0,
|
|
1958
2026
|
class: "h6 stepper__start"
|
|
1959
|
-
},
|
|
1960
|
-
function
|
|
1961
|
-
return d(), u("div",
|
|
1962
|
-
|
|
2027
|
+
}, ws = { class: "list-unstyled" }, Ss = { class: "h6 stepper__end" };
|
|
2028
|
+
function Ls(e, a, t, i, n, r) {
|
|
2029
|
+
return d(), u("div", _s, [
|
|
2030
|
+
c("nav", {
|
|
1963
2031
|
class: "stepper",
|
|
1964
2032
|
"aria-label": t.label ? t.label : "Progress"
|
|
1965
2033
|
}, [
|
|
1966
|
-
t.label ? (d(), u("span",
|
|
1967
|
-
|
|
2034
|
+
t.label ? (d(), u("span", As, q(t.label), 1)) : g("", !0),
|
|
2035
|
+
c("ol", ws, [
|
|
1968
2036
|
_(e.$slots, "default")
|
|
1969
2037
|
]),
|
|
1970
|
-
|
|
1971
|
-
], 8,
|
|
2038
|
+
c("span", Ss, q(t.endlabel), 1)
|
|
2039
|
+
], 8, vs)
|
|
1972
2040
|
]);
|
|
1973
2041
|
}
|
|
1974
|
-
const
|
|
2042
|
+
const Ai = /* @__PURE__ */ S(gs, [["render", Ls]]), ks = {
|
|
1975
2043
|
name: "Stepper",
|
|
1976
2044
|
props: {
|
|
1977
2045
|
url: {
|
|
@@ -1987,70 +2055,70 @@ const hi = /* @__PURE__ */ A(us, [["render", ps]]), _s = {
|
|
|
1987
2055
|
required: !1
|
|
1988
2056
|
}
|
|
1989
2057
|
}
|
|
1990
|
-
},
|
|
2058
|
+
}, xs = ["href", "aria-current"], qs = {
|
|
1991
2059
|
key: 0,
|
|
1992
2060
|
class: "visually-hidden"
|
|
1993
2061
|
};
|
|
1994
|
-
function
|
|
2062
|
+
function $s(e, a, t, i, n, r) {
|
|
1995
2063
|
return d(), u("li", null, [
|
|
1996
|
-
|
|
2064
|
+
c("a", {
|
|
1997
2065
|
href: t.url,
|
|
1998
|
-
class:
|
|
2066
|
+
class: A(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
|
|
1999
2067
|
"aria-current": typeof t.current < "u"
|
|
2000
2068
|
}, [
|
|
2001
|
-
|
|
2069
|
+
c("span", null, [
|
|
2002
2070
|
_(e.$slots, "default")
|
|
2003
2071
|
]),
|
|
2004
|
-
t.status ? (d(), u("em",
|
|
2005
|
-
], 10,
|
|
2072
|
+
t.status ? (d(), u("em", qs, " - status: " + q(t.status), 1)) : g("", !0)
|
|
2073
|
+
], 10, xs)
|
|
2006
2074
|
]);
|
|
2007
2075
|
}
|
|
2008
|
-
const
|
|
2076
|
+
const wi = /* @__PURE__ */ S(ks, [["render", $s]]), Ts = function(e) {
|
|
2009
2077
|
const a = e.querySelectorAll(":scope > details");
|
|
2010
2078
|
e.querySelectorAll(":scope > details > summary");
|
|
2011
2079
|
let t = e.querySelector(":scope > .tabs__links");
|
|
2012
|
-
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((
|
|
2013
|
-
let
|
|
2014
|
-
|
|
2015
|
-
let
|
|
2016
|
-
|
|
2080
|
+
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) => {
|
|
2081
|
+
let r = i.querySelector(":scope > summary");
|
|
2082
|
+
r.classList.add("visually-hidden");
|
|
2083
|
+
let s = document.createElement("button");
|
|
2084
|
+
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);
|
|
2017
2085
|
});
|
|
2018
|
-
},
|
|
2019
|
-
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"),
|
|
2020
|
-
e.shadowRoot && (
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
let
|
|
2024
|
-
|
|
2025
|
-
}), a.forEach((
|
|
2026
|
-
let h =
|
|
2027
|
-
h ?
|
|
2028
|
-
}),
|
|
2086
|
+
}, Hs = function(e) {
|
|
2087
|
+
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), i = e.querySelectorAll(":scope .tabs__links > .link");
|
|
2088
|
+
e.shadowRoot && (i = e.shadowRoot.querySelectorAll(".tabs__links > .link")), i.forEach((n) => {
|
|
2089
|
+
n.addEventListener("click", (r) => {
|
|
2090
|
+
r.preventDefault(), i.forEach((s) => {
|
|
2091
|
+
let o = s == n;
|
|
2092
|
+
s.setAttribute("aria-pressed", o);
|
|
2093
|
+
}), a.forEach((s, o) => {
|
|
2094
|
+
let h = n.getAttribute("data-index") == o;
|
|
2095
|
+
h ? s.setAttribute("open", h) : s.removeAttribute("open");
|
|
2096
|
+
}), n.hasAttribute("href") && history.pushState(void 0, void 0, n.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
2029
2097
|
event: "openTab",
|
|
2030
|
-
tabTitle:
|
|
2098
|
+
tabTitle: n.textContent
|
|
2031
2099
|
});
|
|
2032
2100
|
});
|
|
2033
|
-
}), t.forEach((
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
}),
|
|
2038
|
-
}),
|
|
2039
|
-
|
|
2101
|
+
}), t.forEach((n, r) => {
|
|
2102
|
+
n.addEventListener("focus", (s) => {
|
|
2103
|
+
i.forEach((o) => {
|
|
2104
|
+
o.classList.remove("focus");
|
|
2105
|
+
}), i[r].classList.add("focus");
|
|
2106
|
+
}), n.addEventListener("click", (s) => {
|
|
2107
|
+
s.preventDefault(), i[r].click();
|
|
2040
2108
|
});
|
|
2041
2109
|
});
|
|
2042
|
-
},
|
|
2110
|
+
}, Ms = function(e) {
|
|
2043
2111
|
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
|
|
2044
2112
|
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));
|
|
2045
|
-
},
|
|
2046
|
-
|
|
2113
|
+
}, Es = function(e) {
|
|
2114
|
+
Ts(e), Hs(e), Ms(e);
|
|
2047
2115
|
};
|
|
2048
2116
|
window.dataLayer = window.dataLayer || [];
|
|
2049
2117
|
window.dataLayer.push({
|
|
2050
2118
|
event: "customElementRegistered",
|
|
2051
2119
|
element: "tabs"
|
|
2052
2120
|
});
|
|
2053
|
-
class
|
|
2121
|
+
class Cs extends HTMLElement {
|
|
2054
2122
|
constructor() {
|
|
2055
2123
|
super(), this.attachShadow({ mode: "open" });
|
|
2056
2124
|
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.createElement("template");
|
|
@@ -2072,19 +2140,19 @@ class xs extends HTMLElement {
|
|
|
2072
2140
|
}
|
|
2073
2141
|
connectedCallback() {
|
|
2074
2142
|
let a = this.classList.toString().replace("container", "");
|
|
2075
|
-
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`),
|
|
2143
|
+
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), Es(this);
|
|
2076
2144
|
}
|
|
2077
2145
|
}
|
|
2078
|
-
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs",
|
|
2079
|
-
const
|
|
2146
|
+
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", Cs);
|
|
2147
|
+
const Ds = {
|
|
2080
2148
|
name: "Tabs"
|
|
2081
|
-
},
|
|
2082
|
-
function
|
|
2083
|
-
return d(), u("iam-tabs",
|
|
2149
|
+
}, Ns = { ref: "wrapper" };
|
|
2150
|
+
function Rs(e, a, t, i, n, r) {
|
|
2151
|
+
return d(), u("iam-tabs", Ns, [
|
|
2084
2152
|
_(e.$slots, "default")
|
|
2085
2153
|
], 512);
|
|
2086
2154
|
}
|
|
2087
|
-
const
|
|
2155
|
+
const Si = /* @__PURE__ */ S(Ds, [["render", Rs]]), Ps = {
|
|
2088
2156
|
name: "Tab",
|
|
2089
2157
|
props: {
|
|
2090
2158
|
title: {
|
|
@@ -2106,18 +2174,18 @@ const fi = /* @__PURE__ */ A(qs, [["render", Ts]]), Hs = {
|
|
|
2106
2174
|
console.log(e);
|
|
2107
2175
|
}
|
|
2108
2176
|
}
|
|
2109
|
-
},
|
|
2110
|
-
function
|
|
2111
|
-
return d(), u("details",
|
|
2112
|
-
|
|
2177
|
+
}, Is = { class: "tab" }, zs = ["innerHTML"];
|
|
2178
|
+
function Fs(e, a, t, i, n, r) {
|
|
2179
|
+
return d(), u("details", Is, [
|
|
2180
|
+
c("summary", { innerHTML: t.title }, null, 8, zs),
|
|
2113
2181
|
_(e.$slots, "default")
|
|
2114
2182
|
]);
|
|
2115
2183
|
}
|
|
2116
|
-
const
|
|
2117
|
-
function
|
|
2184
|
+
const Li = /* @__PURE__ */ S(Ps, [["render", Fs]]);
|
|
2185
|
+
function Bs(e) {
|
|
2118
2186
|
if (e.addEventListener("click", function(t) {
|
|
2119
|
-
for (var
|
|
2120
|
-
if (
|
|
2187
|
+
for (var i = t.target; i && i != this; i = i.parentNode)
|
|
2188
|
+
if (i.matches(".btn-close")) {
|
|
2121
2189
|
t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
|
|
2122
2190
|
e.remove();
|
|
2123
2191
|
}, 300);
|
|
@@ -2139,7 +2207,7 @@ function Ns(e) {
|
|
|
2139
2207
|
let a = document.querySelector(".alert__holder");
|
|
2140
2208
|
e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && a.appendChild(e);
|
|
2141
2209
|
}
|
|
2142
|
-
const
|
|
2210
|
+
const Vs = {
|
|
2143
2211
|
name: "Alert",
|
|
2144
2212
|
props: {
|
|
2145
2213
|
dismissible: {
|
|
@@ -2158,38 +2226,38 @@ const Ds = {
|
|
|
2158
2226
|
}
|
|
2159
2227
|
},
|
|
2160
2228
|
mounted() {
|
|
2161
|
-
|
|
2229
|
+
Bs(this.$refs.wrapper);
|
|
2162
2230
|
}
|
|
2163
|
-
},
|
|
2231
|
+
}, js = ["data-timeout"], Os = {
|
|
2164
2232
|
key: 0,
|
|
2165
2233
|
type: "button",
|
|
2166
2234
|
class: "btn-close",
|
|
2167
2235
|
"data-bs-dismiss": "alert",
|
|
2168
2236
|
"aria-label": "Close"
|
|
2169
2237
|
};
|
|
2170
|
-
function
|
|
2238
|
+
function Ws(e, a, t, i, n, r) {
|
|
2171
2239
|
return d(), u("div", {
|
|
2172
|
-
class:
|
|
2240
|
+
class: A(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
|
|
2173
2241
|
ref: "wrapper",
|
|
2174
2242
|
"data-timeout": t.timeout,
|
|
2175
|
-
style:
|
|
2243
|
+
style: mt(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
|
|
2176
2244
|
}, [
|
|
2177
|
-
|
|
2178
|
-
class:
|
|
2245
|
+
c("div", {
|
|
2246
|
+
class: A(`alert__inner bg-${t.colour}`),
|
|
2179
2247
|
role: "alert"
|
|
2180
2248
|
}, [
|
|
2181
|
-
t.dismissible ? (d(), u("button",
|
|
2249
|
+
t.dismissible ? (d(), u("button", Os)) : g("", !0),
|
|
2182
2250
|
_(e.$slots, "default")
|
|
2183
2251
|
], 2)
|
|
2184
|
-
], 14,
|
|
2252
|
+
], 14, js);
|
|
2185
2253
|
}
|
|
2186
|
-
const
|
|
2187
|
-
let
|
|
2188
|
-
|
|
2189
|
-
const
|
|
2254
|
+
const ki = /* @__PURE__ */ S(Vs, [["render", Ws]]);
|
|
2255
|
+
let rt = it.props;
|
|
2256
|
+
rt.fields.required = !1;
|
|
2257
|
+
const Us = {
|
|
2190
2258
|
components: {
|
|
2191
|
-
Table:
|
|
2192
|
-
Input:
|
|
2259
|
+
Table: it,
|
|
2260
|
+
Input: B
|
|
2193
2261
|
},
|
|
2194
2262
|
data() {
|
|
2195
2263
|
return {
|
|
@@ -2202,9 +2270,9 @@ const Fs = {
|
|
|
2202
2270
|
console.log(this);
|
|
2203
2271
|
const a = new FormData(e.target);
|
|
2204
2272
|
let t = /* @__PURE__ */ new Date();
|
|
2205
|
-
const
|
|
2206
|
-
let
|
|
2207
|
-
|
|
2273
|
+
const i = t.getFullYear();
|
|
2274
|
+
let n = t.getMonth() + 1, r = t.getDate();
|
|
2275
|
+
r < 10 && (r = "0" + r), n < 10 && (n = "0" + n), t = r + "/" + n + "/" + i, this.itemsData.unshift({
|
|
2208
2276
|
date_added: t,
|
|
2209
2277
|
user: a.get("user"),
|
|
2210
2278
|
note: a.get("addNote")
|
|
@@ -2217,7 +2285,7 @@ const Fs = {
|
|
|
2217
2285
|
type: String,
|
|
2218
2286
|
required: !0
|
|
2219
2287
|
},
|
|
2220
|
-
...
|
|
2288
|
+
...rt,
|
|
2221
2289
|
title: {
|
|
2222
2290
|
type: String,
|
|
2223
2291
|
required: !1
|
|
@@ -2232,110 +2300,107 @@ const Fs = {
|
|
|
2232
2300
|
required: !1
|
|
2233
2301
|
}
|
|
2234
2302
|
}
|
|
2235
|
-
},
|
|
2236
|
-
function
|
|
2237
|
-
const
|
|
2238
|
-
return d(), u("div",
|
|
2303
|
+
}, Ks = { class: "container note-feed mb-2" }, Gs = ["innerHTML"], Qs = ["action", "method"], Ys = ["value"], Zs = /* @__PURE__ */ c("button", { class: "btn btn-tertiary" }, "Submit note", -1);
|
|
2304
|
+
function Js(e, a, t, i, n, r) {
|
|
2305
|
+
const s = R("Table"), o = R("Input");
|
|
2306
|
+
return d(), u("div", Ks, [
|
|
2239
2307
|
t.title ? (d(), u("span", {
|
|
2240
2308
|
key: 0,
|
|
2241
2309
|
class: "h3",
|
|
2242
2310
|
innerHTML: t.title
|
|
2243
|
-
}, null, 8,
|
|
2244
|
-
|
|
2311
|
+
}, null, 8, Gs)) : g("", !0),
|
|
2312
|
+
x(s, M({
|
|
2245
2313
|
fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
|
|
2246
|
-
items:
|
|
2314
|
+
items: n.itemsData
|
|
2247
2315
|
}, e.$props, { class: "mb-0" }), null, 16, ["items"]),
|
|
2248
|
-
|
|
2316
|
+
c("form", {
|
|
2249
2317
|
action: t.action,
|
|
2250
2318
|
method: t.method,
|
|
2251
|
-
onSubmit: a[0] || (a[0] =
|
|
2319
|
+
onSubmit: a[0] || (a[0] = ft((h) => r.submitForm(...arguments), ["prevent"]))
|
|
2252
2320
|
}, [
|
|
2253
|
-
|
|
2321
|
+
c("input", {
|
|
2254
2322
|
type: "hidden",
|
|
2255
2323
|
value: t.user,
|
|
2256
2324
|
name: "user"
|
|
2257
|
-
}, null, 8,
|
|
2258
|
-
|
|
2325
|
+
}, null, 8, Ys),
|
|
2326
|
+
x(o, {
|
|
2259
2327
|
id: "addNote",
|
|
2260
2328
|
type: "textarea",
|
|
2261
2329
|
label: "Add note",
|
|
2262
2330
|
required: "",
|
|
2263
2331
|
class: "mw-100"
|
|
2264
2332
|
}),
|
|
2265
|
-
|
|
2266
|
-
], 40,
|
|
2333
|
+
Zs
|
|
2334
|
+
], 40, Qs)
|
|
2267
2335
|
]);
|
|
2268
2336
|
}
|
|
2269
|
-
const
|
|
2270
|
-
function
|
|
2271
|
-
function t(
|
|
2272
|
-
let
|
|
2273
|
-
|
|
2274
|
-
let
|
|
2275
|
-
|
|
2276
|
-
let h =
|
|
2277
|
-
if (
|
|
2278
|
-
let
|
|
2279
|
-
if (
|
|
2280
|
-
let
|
|
2281
|
-
if (
|
|
2282
|
-
let
|
|
2283
|
-
|
|
2337
|
+
const xi = /* @__PURE__ */ S(Us, [["render", Js]]);
|
|
2338
|
+
function Xs(e, a) {
|
|
2339
|
+
function t(i, n) {
|
|
2340
|
+
let r = !1, s = n.getAttribute("name");
|
|
2341
|
+
s.includes("[]") && (s = s.replace("[]", `[${n.value}]`));
|
|
2342
|
+
let o = i.querySelector(`[data-name="${s}"]`);
|
|
2343
|
+
o && n.getAttribute("type") == "checkbox" && (r = !0);
|
|
2344
|
+
let h = n.getAttribute("data-filter-text");
|
|
2345
|
+
if (o || (o = document.createElement("button"), i.appendChild(o)), o.setAttribute("type", "button"), o.classList.add("filter"), o.setAttribute("data-name", s), o.innerHTML = h.replace("$value", n.value), (!n.value || r) && o.remove(), n.parentNode.closest("[data-filter-text]")) {
|
|
2346
|
+
let l = n.parentNode.closest("[data-filter-text]"), b = !0;
|
|
2347
|
+
if (s = "", l.querySelectorAll("input").forEach((m, y) => {
|
|
2348
|
+
let p = m.getAttribute("name");
|
|
2349
|
+
if (s += `${y != 0 ? "," : ""}${p}`, i.querySelector(`[data-name="${p}"]`) && i.querySelector(`[data-name="${p}"]`).remove(), m.value) {
|
|
2350
|
+
let f = document.createElement("button");
|
|
2351
|
+
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", p), f.innerHTML = h.replace("$value", m.value), i.appendChild(f);
|
|
2284
2352
|
} else
|
|
2285
|
-
|
|
2286
|
-
}),
|
|
2287
|
-
let m =
|
|
2288
|
-
|
|
2289
|
-
let
|
|
2290
|
-
|
|
2353
|
+
b = !1;
|
|
2354
|
+
}), i.querySelector(`[data-name="${s}"]`) && i.querySelector(`[data-name="${s}"]`).remove(), b) {
|
|
2355
|
+
let m = l.getAttribute("data-filter-text");
|
|
2356
|
+
l.querySelectorAll("input").forEach((p, f) => {
|
|
2357
|
+
let k = p.getAttribute("name");
|
|
2358
|
+
i.querySelector(`[data-name="${k}"]`) && i.querySelector(`[data-name="${k}"]`).remove(), m = m.replace(`$${f + 1}`, p.value);
|
|
2291
2359
|
});
|
|
2292
2360
|
let y = document.createElement("button");
|
|
2293
|
-
y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name",
|
|
2361
|
+
y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", s), y.innerHTML = m, i.appendChild(y);
|
|
2294
2362
|
}
|
|
2295
2363
|
}
|
|
2296
2364
|
}
|
|
2297
|
-
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((
|
|
2298
|
-
t(a,
|
|
2299
|
-
}), e.addEventListener("change", function(
|
|
2300
|
-
if (
|
|
2301
|
-
let
|
|
2302
|
-
t(a,
|
|
2365
|
+
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, n) => {
|
|
2366
|
+
t(a, i);
|
|
2367
|
+
}), e.addEventListener("change", function(i) {
|
|
2368
|
+
if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
|
|
2369
|
+
let n = i.target.closest("input[data-filter-text]");
|
|
2370
|
+
t(a, n);
|
|
2303
2371
|
}
|
|
2304
|
-
}, !1), a.addEventListener("click", function(
|
|
2305
|
-
if (
|
|
2306
|
-
let
|
|
2307
|
-
for (var
|
|
2308
|
-
let h =
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
let f = e.querySelectorAll(c);
|
|
2314
|
-
for (var l = 0; l < f.length; l++) {
|
|
2315
|
-
let m = f[l];
|
|
2372
|
+
}, !1), a.addEventListener("click", function(i) {
|
|
2373
|
+
if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
|
|
2374
|
+
let s = i.target.closest(".filter"), o = s.getAttribute("data-name").split(",");
|
|
2375
|
+
for (var n = 0; n < o.length; n++) {
|
|
2376
|
+
let h = o[n], l = `[name="${h}"]`;
|
|
2377
|
+
h.match(/\[(.*)\]/) && (h.replace(/\[(.*)\]/, "[]"), l = `[value="${h.replace(/.*\[(.*)\]/, "$1")}"]`);
|
|
2378
|
+
let b = e.querySelectorAll(l);
|
|
2379
|
+
for (var r = 0; r < b.length; r++) {
|
|
2380
|
+
let m = b[r];
|
|
2316
2381
|
if (m.getAttribute("type") != "radio" && m.getAttribute("type") != "checkbox")
|
|
2317
2382
|
m.value = "";
|
|
2318
2383
|
else {
|
|
2319
2384
|
m.checked = !1;
|
|
2320
|
-
var
|
|
2321
|
-
m.closest("form").dispatchEvent(
|
|
2385
|
+
var i = new Event("force");
|
|
2386
|
+
m.closest("form").dispatchEvent(i);
|
|
2322
2387
|
}
|
|
2323
2388
|
}
|
|
2324
2389
|
}
|
|
2325
|
-
|
|
2390
|
+
s.remove();
|
|
2326
2391
|
}
|
|
2327
2392
|
}, !1);
|
|
2328
2393
|
}
|
|
2329
|
-
const
|
|
2330
|
-
class
|
|
2394
|
+
const lt = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", ti = `@import "${lt}/css/components/applied-filters.css";`;
|
|
2395
|
+
class ei extends HTMLElement {
|
|
2331
2396
|
constructor() {
|
|
2332
2397
|
super(), this.attachShadow({ mode: "open" });
|
|
2333
2398
|
let a = this.classList.toString();
|
|
2334
2399
|
const t = document.createElement("template");
|
|
2335
2400
|
t.innerHTML = `
|
|
2336
2401
|
<style>
|
|
2337
|
-
@import "${
|
|
2338
|
-
${
|
|
2402
|
+
@import "${lt}/css/core.min.css";
|
|
2403
|
+
${ti}
|
|
2339
2404
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2340
2405
|
</style>
|
|
2341
2406
|
<div class="applied-filters ${a}"></div>
|
|
@@ -2343,36 +2408,36 @@ class Gs extends HTMLElement {
|
|
|
2343
2408
|
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2344
2409
|
}
|
|
2345
2410
|
connectedCallback() {
|
|
2346
|
-
|
|
2411
|
+
Xs(this, this.shadowRoot.querySelector(".applied-filters"));
|
|
2347
2412
|
}
|
|
2348
2413
|
}
|
|
2349
|
-
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters",
|
|
2350
|
-
const
|
|
2414
|
+
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", ei);
|
|
2415
|
+
const ai = {
|
|
2351
2416
|
name: "Header"
|
|
2352
2417
|
};
|
|
2353
|
-
function
|
|
2418
|
+
function si(e, a, t, i, n, r) {
|
|
2354
2419
|
return d(), u("iam-applied-filters", null, [
|
|
2355
2420
|
_(e.$slots, "default")
|
|
2356
2421
|
]);
|
|
2357
2422
|
}
|
|
2358
|
-
const
|
|
2359
|
-
function
|
|
2360
|
-
|
|
2423
|
+
const qi = /* @__PURE__ */ S(ai, [["render", si]]);
|
|
2424
|
+
function ii(e, a) {
|
|
2425
|
+
ri(e, a);
|
|
2361
2426
|
}
|
|
2362
|
-
function
|
|
2427
|
+
function ri(e, a) {
|
|
2363
2428
|
var t;
|
|
2364
|
-
a.addEventListener("keyup", (
|
|
2429
|
+
a.addEventListener("keyup", (i) => {
|
|
2365
2430
|
clearTimeout(t), t = setTimeout(function() {
|
|
2366
|
-
|
|
2431
|
+
J(e, a.value);
|
|
2367
2432
|
}, 500);
|
|
2368
|
-
}), a.addEventListener("change", (
|
|
2369
|
-
clearTimeout(t),
|
|
2433
|
+
}), a.addEventListener("change", (i) => {
|
|
2434
|
+
clearTimeout(t), J(e, a.value);
|
|
2370
2435
|
});
|
|
2371
2436
|
}
|
|
2372
|
-
const
|
|
2373
|
-
Array.from(e.querySelectorAll(":scope > li")).forEach((t,
|
|
2374
|
-
let
|
|
2375
|
-
t.classList.add("d-none"),
|
|
2437
|
+
const J = function(e, a) {
|
|
2438
|
+
Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
|
|
2439
|
+
let n = t.textContent.toLowerCase();
|
|
2440
|
+
t.classList.add("d-none"), n.includes(a.toLowerCase()) && t.classList.remove("d-none");
|
|
2376
2441
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
2377
2442
|
event: "Filtered list",
|
|
2378
2443
|
value: a
|
|
@@ -2383,7 +2448,7 @@ window.dataLayer.push({
|
|
|
2383
2448
|
event: "customElementRegistered",
|
|
2384
2449
|
element: "filterlist"
|
|
2385
2450
|
});
|
|
2386
|
-
class
|
|
2451
|
+
class li extends HTMLElement {
|
|
2387
2452
|
constructor() {
|
|
2388
2453
|
super(), this.attachShadow({ mode: "open" });
|
|
2389
2454
|
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.createElement("template");
|
|
@@ -2418,39 +2483,39 @@ class Js extends HTMLElement {
|
|
|
2418
2483
|
}
|
|
2419
2484
|
connectedCallback() {
|
|
2420
2485
|
let a = this.classList.toString();
|
|
2421
|
-
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>'),
|
|
2486
|
+
this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ii(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
|
|
2422
2487
|
}
|
|
2423
2488
|
}
|
|
2424
|
-
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist",
|
|
2425
|
-
const
|
|
2489
|
+
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", li);
|
|
2490
|
+
const ni = {
|
|
2426
2491
|
name: "Filter list"
|
|
2427
2492
|
};
|
|
2428
|
-
function
|
|
2493
|
+
function oi(e, a, t, i, n, r) {
|
|
2429
2494
|
return d(), u("iam-filterlist", null, [
|
|
2430
2495
|
_(e.$slots, "default")
|
|
2431
2496
|
]);
|
|
2432
2497
|
}
|
|
2433
|
-
const
|
|
2498
|
+
const $i = /* @__PURE__ */ S(ni, [["render", oi]]);
|
|
2434
2499
|
export {
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2500
|
+
mi as Accordion,
|
|
2501
|
+
fi as AccordionItem,
|
|
2502
|
+
ki as Alert,
|
|
2503
|
+
qi as AppliedFilters,
|
|
2504
|
+
bi as Banner,
|
|
2505
|
+
Re as Card,
|
|
2506
|
+
yi as Carousel,
|
|
2507
|
+
hi as FileUploads,
|
|
2508
|
+
$i as Filterlist,
|
|
2509
|
+
pi as Header,
|
|
2510
|
+
B as Input,
|
|
2511
|
+
_t as Logo,
|
|
2512
|
+
vi as Nav,
|
|
2513
|
+
xi as NoteFeed,
|
|
2514
|
+
_i as PropertySearchbar,
|
|
2515
|
+
wi as Step,
|
|
2516
|
+
Ai as Stepper,
|
|
2517
|
+
Li as Tab,
|
|
2518
|
+
it as Table,
|
|
2519
|
+
Si as Tabs,
|
|
2520
|
+
gi as Testimonial
|
|
2456
2521
|
};
|