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