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