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