@iamproperty/components 4.1.0-beta → 4.1.0-beta-3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.css +1 -1
- package/assets/css/components/actionbar.css.map +1 -1
- package/assets/css/components/card-global.css +1 -1
- package/assets/css/components/card-global.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/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +4 -4
- package/assets/js/components/actionbar/actionbar.component.min.js.map +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/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +4 -4
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/dialogs.js +20 -4
- package/assets/js/scripts.bundle.js +15 -15
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/components/actionbar.scss +7 -1
- package/assets/sass/components/card-global.scss +7 -0
- package/assets/sass/components/dialog.scss +56 -38
- package/assets/sass/components/forms.scss +112 -102
- package/assets/ts/modules/dialogs.ts +25 -5
- package/dist/components.es.js +409 -402
- package/dist/components.umd.js +43 -43
- package/package.json +1 -1
package/dist/components.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { openBlock as h, createElementBlock as p, normalizeClass as k, createElementVNode as g, toDisplayString as x, createCommentVNode as A, Fragment as M, renderList as H, renderSlot as S, withDirectives as D, mergeProps as N, vModelDynamic as Y, vModelText as pt, vModelSelect as bt, createTextVNode as ft, resolveComponent as z, createVNode as C, withModifiers as gt } from "vue";
|
|
2
2
|
const _ = (e, a) => {
|
|
3
3
|
const t = e.__vccOpts || e;
|
|
4
|
-
for (const [
|
|
5
|
-
t[
|
|
4
|
+
for (const [i, o] of a)
|
|
5
|
+
t[i] = o;
|
|
6
6
|
return t;
|
|
7
7
|
}, yt = {
|
|
8
8
|
name: "Logo",
|
|
@@ -30,14 +30,14 @@ const _ = (e, a) => {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}, vt = ["xlink:href"], wt = ["innerHTML"];
|
|
33
|
-
function At(e, a, t,
|
|
33
|
+
function At(e, a, t, i, o, s) {
|
|
34
34
|
return h(), p("div", {
|
|
35
|
-
class: k(
|
|
35
|
+
class: k(s.className)
|
|
36
36
|
}, [
|
|
37
37
|
(h(), p("svg", null, [
|
|
38
38
|
g("title", null, "iam " + x(t.id), 1),
|
|
39
39
|
g("use", {
|
|
40
|
-
"xlink:href": t.path +
|
|
40
|
+
"xlink:href": t.path + s.src
|
|
41
41
|
}, null, 8, vt)
|
|
42
42
|
])),
|
|
43
43
|
t.desc ? (h(), p("span", {
|
|
@@ -48,7 +48,7 @@ function At(e, a, t, s, o, i) {
|
|
|
48
48
|
}
|
|
49
49
|
const Gr = /* @__PURE__ */ _(yt, [["render", At]]);
|
|
50
50
|
/*!
|
|
51
|
-
* iamKey v4.1.0-beta
|
|
51
|
+
* iamKey v4.1.0-beta-3
|
|
52
52
|
* Copyright 2022-2023 iamproperty
|
|
53
53
|
*/
|
|
54
54
|
const _t = function(e) {
|
|
@@ -57,69 +57,69 @@ const _t = function(e) {
|
|
|
57
57
|
if (!e.getAttribute("data-pages"))
|
|
58
58
|
return !1;
|
|
59
59
|
e.getAttribute("data-page") || e.setAttribute("data-page", 1);
|
|
60
|
-
let t = e.getAttribute("data-page"),
|
|
61
|
-
if (
|
|
60
|
+
let t = e.getAttribute("data-page"), i = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), s = e.getAttribute("data-show"), r = e.getAttribute("data-increment");
|
|
61
|
+
if (i <= 1)
|
|
62
62
|
return a.innerHTML = "", !1;
|
|
63
63
|
let n = "";
|
|
64
|
-
for (let c = 1; c <=
|
|
64
|
+
for (let c = 1; c <= i; c++)
|
|
65
65
|
c == t ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : n += `<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
|
${n}
|
|
69
|
-
${t ==
|
|
69
|
+
${t == i ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
|
|
70
70
|
</ul>`, a.innerHTML += `<div class="d-sm-none text-center">
|
|
71
|
-
<span class="d-block pb-2">You've viewed ${
|
|
72
|
-
<a href="?show=${parseInt(
|
|
71
|
+
<span class="d-block pb-2">You've viewed ${s} of ${o} results</span>
|
|
72
|
+
<a href="?show=${parseInt(s) + parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s) + parseInt(r)}">Load more results</a>
|
|
73
73
|
</div>`, !0;
|
|
74
74
|
};
|
|
75
|
-
var kt = function(e, a, t,
|
|
76
|
-
function o(
|
|
77
|
-
return
|
|
78
|
-
r(
|
|
75
|
+
var kt = function(e, a, t, i) {
|
|
76
|
+
function o(s) {
|
|
77
|
+
return s instanceof t ? s : new t(function(r) {
|
|
78
|
+
r(s);
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
|
-
return new (t || (t = Promise))(function(
|
|
81
|
+
return new (t || (t = Promise))(function(s, r) {
|
|
82
82
|
function n(m) {
|
|
83
83
|
try {
|
|
84
|
-
l(
|
|
84
|
+
l(i.next(m));
|
|
85
85
|
} catch (d) {
|
|
86
86
|
r(d);
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
function c(m) {
|
|
90
90
|
try {
|
|
91
|
-
l(
|
|
91
|
+
l(i.throw(m));
|
|
92
92
|
} catch (d) {
|
|
93
93
|
r(d);
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
function l(m) {
|
|
97
|
-
m.done ?
|
|
97
|
+
m.done ? s(m.value) : o(m.value).then(n, c);
|
|
98
98
|
}
|
|
99
|
-
l((
|
|
99
|
+
l((i = i.apply(e, a || [])).next());
|
|
100
100
|
});
|
|
101
101
|
};
|
|
102
102
|
const at = (e) => {
|
|
103
103
|
const a = Array.from(e.querySelectorAll("thead th"));
|
|
104
|
-
Array.from(e.querySelectorAll("tbody tr")).forEach((t,
|
|
105
|
-
const o = Array.from(t.querySelectorAll("th, td")),
|
|
104
|
+
Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
|
|
105
|
+
const o = Array.from(t.querySelectorAll("th, td")), s = ["0", "low", "medium", "high", "unknown", "n/a", "pending", "verified", "due", "overdue", "incomplete", "complete", "completed", "approval required", "upcoming", "requires approval", "to do", "on track", "not started", "warning", "error"];
|
|
106
106
|
o.forEach((r, n) => {
|
|
107
107
|
const c = a[n];
|
|
108
108
|
if (typeof c < "u") {
|
|
109
109
|
let l = document.createElement("div");
|
|
110
110
|
l.innerHTML = c.innerHTML;
|
|
111
111
|
let m = l.textContent || l.innerText || "";
|
|
112
|
-
r.setAttribute("data-label", m), c.hasAttribute("data-td-class") && r.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (r.setAttribute("data-format", c.getAttribute("data-format")), r.innerHTML = K(c.getAttribute("data-format"), r.textContent.trim())),
|
|
112
|
+
r.setAttribute("data-label", m), c.hasAttribute("data-td-class") && r.setAttribute("class", c.getAttribute("data-td-class")), c.hasAttribute("data-format") && (r.setAttribute("data-format", c.getAttribute("data-format")), r.innerHTML = K(c.getAttribute("data-format"), r.textContent.trim())), s.includes(r.textContent.trim().toLowerCase()) && r.setAttribute("data-content", r.textContent.trim().toLowerCase());
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
});
|
|
116
116
|
}, qt = (e) => {
|
|
117
117
|
let a = 0;
|
|
118
|
-
return Array.from(e.querySelectorAll("tbody tr")).forEach((t,
|
|
119
|
-
let o = window.getComputedStyle(document.querySelector("html")),
|
|
120
|
-
if (
|
|
121
|
-
|
|
122
|
-
let r =
|
|
118
|
+
return Array.from(e.querySelectorAll("tbody tr")).forEach((t, i) => {
|
|
119
|
+
let o = window.getComputedStyle(document.querySelector("html")), s = t.querySelector(":scope > *:last-child > *:first-child");
|
|
120
|
+
if (s) {
|
|
121
|
+
s.classList.add("text-nowrap");
|
|
122
|
+
let r = s.offsetWidth / parseFloat(o.fontSize);
|
|
123
123
|
r += 1.7, a = a > r ? a : r;
|
|
124
124
|
}
|
|
125
125
|
}), a;
|
|
@@ -127,34 +127,34 @@ const at = (e) => {
|
|
|
127
127
|
if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
|
|
128
128
|
return !1;
|
|
129
129
|
Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
|
|
130
|
-
let
|
|
130
|
+
let i = a.querySelector(":scope > :is(td,th):first-child"), o = i.textContent;
|
|
131
131
|
if (o != "")
|
|
132
|
-
|
|
132
|
+
i.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
|
|
133
133
|
else {
|
|
134
|
-
let
|
|
135
|
-
|
|
134
|
+
let s = a.querySelector(":scope > :is(td,th):nth-child(2)"), r = s.textContent;
|
|
135
|
+
s.innerHTML = `<span class="td__content">${r}</span><button type="button" class="d-none">${r}</button>`;
|
|
136
136
|
}
|
|
137
137
|
});
|
|
138
138
|
}, xt = (e) => {
|
|
139
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 t = a.target.closest("tr > :is(td,th):first-child button"),
|
|
142
|
-
|
|
141
|
+
let t = a.target.closest("tr > :is(td,th):first-child button"), i = t.parentNode.closest("tr");
|
|
142
|
+
i.getAttribute("data-view") == "full" ? i.setAttribute("data-view", "default") : i.setAttribute("data-view", "full"), t.blur();
|
|
143
143
|
}
|
|
144
144
|
});
|
|
145
145
|
}, rt = (e, a) => {
|
|
146
146
|
let t = a.querySelector("[data-search]");
|
|
147
147
|
if (!t)
|
|
148
148
|
return !1;
|
|
149
|
-
const
|
|
150
|
-
let
|
|
149
|
+
const i = t.getAttribute("id"), o = t.getAttribute("data-search").split(",");
|
|
150
|
+
let s = t.parentNode, r = {};
|
|
151
151
|
o.forEach((n, c) => {
|
|
152
152
|
Array.from(e.querySelectorAll('td[data-label="' + n.trim() + '"]')).forEach((l, m) => {
|
|
153
153
|
l.querySelector(".td__content") ? r[l.querySelector(".td__content").textContent] = l.querySelector(".td__content").textContent : r[l.textContent] = l.textContent;
|
|
154
154
|
});
|
|
155
|
-
}), t.setAttribute("list", `${
|
|
156
|
-
}, Et = (e, a, t,
|
|
157
|
-
var
|
|
155
|
+
}), t.setAttribute("list", `${i}_list`), t.setAttribute("autocomplete", "off"), s.querySelector("datalist") || (s.innerHTML += `<datalist id="${i}_list"></datalist>`), s.querySelector("datalist").innerHTML = `${Object.keys(r).map((n) => `<option value="${n}"></option>`).join("")}`;
|
|
156
|
+
}, Et = (e, a, t, i, o) => {
|
|
157
|
+
var s;
|
|
158
158
|
let r = function(l, m = !1) {
|
|
159
159
|
if (a.classList.contains("processing"))
|
|
160
160
|
return !1;
|
|
@@ -169,11 +169,11 @@ const at = (e) => {
|
|
|
169
169
|
}), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
|
|
170
170
|
if (!m) {
|
|
171
171
|
let d = a.querySelector("[data-pagination]");
|
|
172
|
-
d.value = 1,
|
|
172
|
+
d.value = 1, i.setAttribute("data-page", 1);
|
|
173
173
|
}
|
|
174
|
-
ot(e, a, t,
|
|
174
|
+
ot(e, a, t, i);
|
|
175
175
|
} else
|
|
176
|
-
a.hasAttribute("data-submit") ? a.submit() : (G(e, a,
|
|
176
|
+
a.hasAttribute("data-submit") ? a.submit() : (G(e, a, i), B(i, t), F(e, a));
|
|
177
177
|
if (a.hasAttribute("data-ajax-post")) {
|
|
178
178
|
let d = new FormData(a), f = new URLSearchParams(d).toString();
|
|
179
179
|
const b = new XMLHttpRequest();
|
|
@@ -181,13 +181,13 @@ const at = (e) => {
|
|
|
181
181
|
}
|
|
182
182
|
};
|
|
183
183
|
a.addEventListener("keyup", (l) => {
|
|
184
|
-
clearTimeout(
|
|
184
|
+
clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (s = setTimeout(function() {
|
|
185
185
|
r(l);
|
|
186
186
|
}, 500));
|
|
187
187
|
}), a.addEventListener("change", (l) => {
|
|
188
|
-
clearTimeout(
|
|
188
|
+
clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || Q(e, a, o), r(l)), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-filter][data-no-ajax]") ? (G(e, a, i), B(i, t), F(e, a)) : (l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && l.target.closest("form .dialog__wrapper > dialog") || l && l.target instanceof HTMLElement && l.target.closest("[data-filter]") && !l.target.closest("form dialog")) && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-show]") && r(l), l && l.target instanceof HTMLElement && l.target.closest("[data-mimic]") && r(l);
|
|
189
189
|
}), a.addEventListener("click", (l) => {
|
|
190
|
-
if (clearTimeout(
|
|
190
|
+
if (clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest('dialog button:not([type="button"])') && l.target.closest('dialog button:not([type="button"])').closest("dialog").close(), l && l.target instanceof HTMLElement && l.target.closest(".dialog__close") && (l.preventDefault(), l.stopPropagation()), l && l.target instanceof HTMLElement && l.target.closest("[data-clear]")) {
|
|
191
191
|
a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((d, f) => {
|
|
192
192
|
d.innerHTML = "";
|
|
193
193
|
});
|
|
@@ -214,7 +214,7 @@ const at = (e) => {
|
|
|
214
214
|
}), a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, o), r(l);
|
|
215
215
|
}
|
|
216
216
|
}), a.addEventListener("submit", (l) => {
|
|
217
|
-
clearTimeout(
|
|
217
|
+
clearTimeout(s), a.hasAttribute("data-submit") || l.preventDefault(), r(l);
|
|
218
218
|
}), a.addEventListener("force", (l) => {
|
|
219
219
|
r(l);
|
|
220
220
|
}), a.addEventListener("paginate", (l) => {
|
|
@@ -252,13 +252,13 @@ const at = (e) => {
|
|
|
252
252
|
}, Q = (e, a, t) => {
|
|
253
253
|
if (a.getAttribute("data-ajax"))
|
|
254
254
|
return !1;
|
|
255
|
-
let
|
|
255
|
+
let i = e.querySelector("tbody"), o = a.querySelector("[data-sort]"), s = o.querySelector(`option:nth-child(${o.selectedIndex + 1})`), r = s.getAttribute("data-sort"), n = s.getAttribute("data-order"), c = s.getAttribute("data-format");
|
|
256
256
|
if (!r)
|
|
257
|
-
return
|
|
257
|
+
return i.innerHTML = t.innerHTML, at(e), !1;
|
|
258
258
|
let l = [];
|
|
259
259
|
["asc", "desc", "descending"].includes(n) || (l = n.split(","));
|
|
260
260
|
let m = [];
|
|
261
|
-
Array.from(
|
|
261
|
+
Array.from(i.querySelectorAll("tr")).forEach((f, b) => {
|
|
262
262
|
let u = f.querySelector('td[data-label="' + r + '"], th[data-label="' + r + '"]').textContent.trim();
|
|
263
263
|
f.querySelector('[data-label="' + r + '"] .td__content') && (u = f.querySelector('[data-label="' + r + '"] .td__content').textContent.trim()), l.length && l.includes(u) && (u = l.indexOf(u)), _t(u) && (u = Lt(u, 10)), c && c == "date" && (u = new Date(u));
|
|
264
264
|
const v = { index: u, row: f };
|
|
@@ -267,10 +267,10 @@ const at = (e) => {
|
|
|
267
267
|
let d = "";
|
|
268
268
|
m.forEach((f, b) => {
|
|
269
269
|
d += f.row.outerHTML;
|
|
270
|
-
}),
|
|
270
|
+
}), i.innerHTML = d;
|
|
271
271
|
}, G = (e, a, t) => {
|
|
272
272
|
e.classList.remove("table--filtered");
|
|
273
|
-
let
|
|
273
|
+
let i = st(a), o = [], s = 0, r = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, n = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
|
|
274
274
|
if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, m) => {
|
|
275
275
|
l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
|
|
276
276
|
}), a.querySelector("[data-search]")) {
|
|
@@ -283,12 +283,12 @@ const at = (e) => {
|
|
|
283
283
|
l.innerHTML = "", l.parentNode.classList.remove("hover");
|
|
284
284
|
});
|
|
285
285
|
let c = 0;
|
|
286
|
-
Object.values(
|
|
286
|
+
Object.values(i).forEach((l, m) => {
|
|
287
287
|
typeof l == "object" && Object.values(l).length ? c += Object.values(l).length : c++;
|
|
288
288
|
}), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
|
|
289
289
|
l.innerHTML += `(${c})`, l.parentNode.classList.add("hover");
|
|
290
290
|
}), e.classList.add("table--filtered");
|
|
291
|
-
for (const [l, m] of Object.entries(
|
|
291
|
+
for (const [l, m] of Object.entries(i))
|
|
292
292
|
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((d, f) => {
|
|
293
293
|
let b = !1;
|
|
294
294
|
m.forEach((u, v) => {
|
|
@@ -313,9 +313,9 @@ const at = (e) => {
|
|
|
313
313
|
y.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= y && w <= I;
|
|
314
314
|
} else if (u && u == "$lastMonth") {
|
|
315
315
|
let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), $ = L.getMonth();
|
|
316
|
-
var R = new Date(E, $ - 1, 1),
|
|
316
|
+
var R = new Date(E, $ - 1, 1), j = new Date(E, $, 0);
|
|
317
317
|
let w = new Date(q.textContent.toLowerCase());
|
|
318
|
-
R.setHours(0, 0, 0, 0),
|
|
318
|
+
R.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= R && w <= j;
|
|
319
319
|
}
|
|
320
320
|
q && q.textContent.toLowerCase().includes(u.toLowerCase()) && (b = !0);
|
|
321
321
|
}), b || (d.classList.add("filtered"), d.setAttribute("data-filtered-by", l));
|
|
@@ -327,22 +327,22 @@ const at = (e) => {
|
|
|
327
327
|
u && f.value.length >= 3 && u.textContent.toLowerCase().includes(f.value.toLowerCase()) && (d = !0);
|
|
328
328
|
}), d || l.classList.add("filtered");
|
|
329
329
|
}), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, m) => {
|
|
330
|
-
|
|
331
|
-
}), t && (t.setAttribute("data-page", r), t.setAttribute("data-pages", Math.ceil(
|
|
330
|
+
s++, l.classList.add("filtered--matched"), Math.ceil(s / n) == parseInt(r) && l.classList.add("filtered--show");
|
|
331
|
+
}), t && (t.setAttribute("data-page", r), t.setAttribute("data-pages", Math.ceil(s / n)), t.setAttribute("data-total", s), t.setAttribute("data-show", n));
|
|
332
332
|
}, F = (e, a, t) => {
|
|
333
|
-
Array.from(a.querySelectorAll("[data-query]")).forEach((
|
|
334
|
-
let
|
|
335
|
-
if (
|
|
333
|
+
Array.from(a.querySelectorAll("[data-query]")).forEach((i, o) => {
|
|
334
|
+
let s = i.getAttribute("data-query"), r;
|
|
335
|
+
if (s == "total")
|
|
336
336
|
t.hasAttribute("data-total") ? r = t.getAttribute("data-total") : r = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
|
|
337
|
-
else if (!
|
|
338
|
-
let n =
|
|
337
|
+
else if (!s.includes(" == ") && s.includes(" & ")) {
|
|
338
|
+
let n = s.split(" & "), c = "";
|
|
339
339
|
n.forEach((l) => {
|
|
340
340
|
c += `:not([data-filtered-by="${l}"])`;
|
|
341
341
|
}), r = Array.from(e.querySelectorAll(`tbody tr${c}`)).length;
|
|
342
|
-
} else if (!
|
|
343
|
-
r = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${
|
|
344
|
-
else if (
|
|
345
|
-
let n =
|
|
342
|
+
} else if (!s.includes(" == "))
|
|
343
|
+
r = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${s}"])`)).length;
|
|
344
|
+
else if (s.includes(" && ")) {
|
|
345
|
+
let n = s.split(" && ");
|
|
346
346
|
r = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
|
|
347
347
|
let l = !0;
|
|
348
348
|
for (const [m, d] of Object.entries(n)) {
|
|
@@ -352,19 +352,19 @@ const at = (e) => {
|
|
|
352
352
|
return l;
|
|
353
353
|
}).length;
|
|
354
354
|
} else {
|
|
355
|
-
let n =
|
|
355
|
+
let n = s.split(" == ");
|
|
356
356
|
r = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${n[0]}"], tbody tr[data-filtered-by="${n[0]}"] td[data-label="${n[0]}"]`)).filter(function(c) {
|
|
357
357
|
return c.textContent === n[1];
|
|
358
358
|
}).length;
|
|
359
359
|
}
|
|
360
|
-
|
|
360
|
+
i.hasAttribute("data-total") ? i.setAttribute("data-total", r) : i.innerHTML = r;
|
|
361
361
|
});
|
|
362
|
-
}, Tt = function(e, a, t,
|
|
362
|
+
}, Tt = function(e, a, t, i) {
|
|
363
363
|
t.addEventListener("click", (o) => {
|
|
364
364
|
if (o && o.target instanceof HTMLElement && o.target.closest("[data-page]")) {
|
|
365
365
|
o.preventDefault();
|
|
366
|
-
let
|
|
367
|
-
if (
|
|
366
|
+
let s = a.querySelector("[data-pagination]"), r = o.target.closest("[data-page]").getAttribute("data-page");
|
|
367
|
+
if (s.value = r, i.setAttribute("data-page", r), a.dispatchEvent(new Event("paginate")), e.hasAttribute("data-show-history")) {
|
|
368
368
|
const l = new URL(location);
|
|
369
369
|
l.searchParams.set("page", r), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: r }, "", l);
|
|
370
370
|
}
|
|
@@ -373,8 +373,8 @@ const at = (e) => {
|
|
|
373
373
|
}
|
|
374
374
|
if (o && o.target instanceof HTMLElement && o.target.closest("[data-show]")) {
|
|
375
375
|
o.preventDefault();
|
|
376
|
-
let
|
|
377
|
-
|
|
376
|
+
let s = a.querySelector("[data-show]"), r = o.target.closest("[data-show]").getAttribute("data-show");
|
|
377
|
+
s.value = r, i.setAttribute("data-show", r), a.dispatchEvent(new Event("submit"));
|
|
378
378
|
}
|
|
379
379
|
});
|
|
380
380
|
}, Mt = (e, a) => {
|
|
@@ -384,10 +384,10 @@ const at = (e) => {
|
|
|
384
384
|
Ht(a);
|
|
385
385
|
});
|
|
386
386
|
}, Ht = function(e) {
|
|
387
|
-
for (var a = [], t = e.getElementsByTagName("tr"),
|
|
388
|
-
for (var o = t[
|
|
389
|
-
|
|
390
|
-
a.push(
|
|
387
|
+
for (var a = [], t = e.getElementsByTagName("tr"), i = 0; i < t.length; i++) {
|
|
388
|
+
for (var o = t[i].querySelectorAll("td,th"), s = [], r = 0; r < o.length; r++)
|
|
389
|
+
s.push(`"${o[r].textContent}"`);
|
|
390
|
+
a.push(s.join(","));
|
|
391
391
|
}
|
|
392
392
|
a = a.join(`
|
|
393
393
|
`);
|
|
@@ -396,30 +396,30 @@ const at = (e) => {
|
|
|
396
396
|
c.download = "export.csv";
|
|
397
397
|
var l = window.URL.createObjectURL(n);
|
|
398
398
|
c.href = l, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
|
|
399
|
-
}, it = function(e, a, t,
|
|
400
|
-
if (at(e), $t(e), F(e, a,
|
|
399
|
+
}, it = function(e, a, t, i) {
|
|
400
|
+
if (at(e), $t(e), F(e, a, i), i && i.classList.contains("table--cta")) {
|
|
401
401
|
let o = function() {
|
|
402
402
|
Array.from(e.querySelectorAll("tr")).forEach((r, n) => {
|
|
403
403
|
let c = r.offsetHeight;
|
|
404
404
|
r.style.setProperty("--row-height", `${c}px`);
|
|
405
405
|
});
|
|
406
406
|
};
|
|
407
|
-
const
|
|
408
|
-
|
|
407
|
+
const s = qt(e);
|
|
408
|
+
i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(o).observe(e);
|
|
409
409
|
}
|
|
410
410
|
}, st = function(e) {
|
|
411
411
|
let a = new Object();
|
|
412
|
-
return Array.from(e.querySelectorAll("[data-filter]")).forEach((t,
|
|
412
|
+
return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, i) => {
|
|
413
413
|
if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
|
|
414
414
|
let o = t.getAttribute("data-filter");
|
|
415
415
|
a[o] || (a[o] = new Array()), a[o].push(t.value);
|
|
416
416
|
}
|
|
417
417
|
}), a;
|
|
418
|
-
}, ot = function(e, a, t,
|
|
418
|
+
}, ot = function(e, a, t, i) {
|
|
419
419
|
return kt(this, void 0, void 0, function* () {
|
|
420
420
|
const o = (b, u, v) => u.split(/[\.\[\]\'\"]/).filter((q) => q).reduce((q, y) => q ? q[y] : v, b);
|
|
421
|
-
let
|
|
422
|
-
|
|
421
|
+
let s = new FormData(a), r = new URLSearchParams(s).toString(), n = e.querySelectorAll("thead tr th"), c = e.querySelector("tbody"), l = a.getAttribute("data-ajax");
|
|
422
|
+
i.classList.add("table--loading");
|
|
423
423
|
let m = st(a);
|
|
424
424
|
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
|
|
425
425
|
b.innerHTML = "", b.parentNode.classList.remove("hover");
|
|
@@ -433,7 +433,7 @@ const at = (e) => {
|
|
|
433
433
|
const { signal: f } = controller[l];
|
|
434
434
|
try {
|
|
435
435
|
yield fetch(l + "?" + r, { signal: f, method: "get", credentials: "same-origin", headers: new Headers({ "Content-Type": "application/json", Accept: "application/json", "X-Requested-With": "XMLHttpRequest" }) }).then((b) => b.json()).then((b) => {
|
|
436
|
-
let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = o(b, v, 1), I = o(b, q, 1), R = o(b, u),
|
|
436
|
+
let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data", v = a.hasAttribute("data-schema-total") ? a.getAttribute("data-schema-total") : "meta.total", q = a.hasAttribute("data-schema-page") ? a.getAttribute("data-schema-page") : "meta.current_page", y = o(b, v, 1), I = o(b, q, 1), R = o(b, u), j = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
|
|
437
437
|
R ? (c.innerHTML = "", R.forEach((L, E) => {
|
|
438
438
|
var $ = document.createElement("tr");
|
|
439
439
|
n.forEach((w, O) => {
|
|
@@ -449,22 +449,22 @@ const at = (e) => {
|
|
|
449
449
|
var W = w.getAttribute("data-output");
|
|
450
450
|
let ut = o(L, W.replace("{", "").replace("}", ""));
|
|
451
451
|
T = "", ut.forEach((J, Ur) => {
|
|
452
|
-
let mt = w.getAttribute("data-output-array"),
|
|
452
|
+
let mt = w.getAttribute("data-output-array"), P = "";
|
|
453
453
|
if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
|
|
454
454
|
const U = o(J, w.getAttribute("data-output-array-property")), ht = JSON.parse(w.getAttribute("data-output-array-transform"))[U];
|
|
455
|
-
|
|
455
|
+
P = mt.replace(`{${w.getAttribute("data-output-array-property")}}`, ht);
|
|
456
456
|
}
|
|
457
|
-
|
|
457
|
+
P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
|
|
458
458
|
return o(J, U.replace("{", "").replace("}", ""));
|
|
459
|
-
}), T +=
|
|
459
|
+
}), T += P;
|
|
460
460
|
});
|
|
461
461
|
}
|
|
462
462
|
w.hasAttribute("data-transform") && (T = JSON.parse(w.getAttribute("data-transform"))[T], !T && w.hasAttribute("data-default") && (T = w.getAttribute("data-default"))), V.innerHTML = T, $.appendChild(V);
|
|
463
463
|
}), c.appendChild($);
|
|
464
|
-
}), rt(e, a),
|
|
464
|
+
}), rt(e, a), i.setAttribute("data-total", parseInt(y)), i.setAttribute("data-page", parseInt(I)), i.setAttribute("data-pages", Math.ceil(i.getAttribute("data-total") / i.getAttribute("data-show"))), it(e, a, t, i), B(i, t), Array.from(a.querySelectorAll("[data-ajax-query]")).forEach((L, E) => {
|
|
465
465
|
let $ = o(b, L.getAttribute("data-ajax-query"), "");
|
|
466
466
|
L.hasAttribute("data-total") ? L.setAttribute("data-total", $) : L.innerHTML = $;
|
|
467
|
-
}), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${
|
|
467
|
+
}), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${j}</span></td></tr>`), i.classList.remove("table--loading"), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Ajax table loaded", url: l, formData: r })) : c.innerHTML = '<tr><td colspan="100%"><span>Error loading table</span></td></tr>';
|
|
468
468
|
});
|
|
469
469
|
} catch (b) {
|
|
470
470
|
console.log(b);
|
|
@@ -483,8 +483,8 @@ const at = (e) => {
|
|
|
483
483
|
class Ct extends HTMLElement {
|
|
484
484
|
constructor() {
|
|
485
485
|
super(), this.attachShadow({ mode: "open" });
|
|
486
|
-
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`,
|
|
487
|
-
|
|
486
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
487
|
+
i.innerHTML = `
|
|
488
488
|
<style>
|
|
489
489
|
@import "${t}";
|
|
490
490
|
|
|
@@ -507,30 +507,30 @@ class Ct extends HTMLElement {
|
|
|
507
507
|
</div>
|
|
508
508
|
</div>
|
|
509
509
|
<div class="table__pagination"></div>
|
|
510
|
-
`, this.shadowRoot.appendChild(
|
|
510
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
511
511
|
}
|
|
512
512
|
connectedCallback() {
|
|
513
513
|
const a = new URLSearchParams(window.location.search);
|
|
514
514
|
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")));
|
|
515
515
|
let t = this.classList.toString();
|
|
516
|
-
if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), 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"), rt(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" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? ot(this.table, this.form, this.pagination, this) : (it(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (
|
|
516
|
+
if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.querySelector(".actionbar__sticky") && this.shadowRoot.querySelector(".table__wrapper").classList.add("has-actionbar"), 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"), rt(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" />`), xt(this.table), Et(this.table, this.form, this.pagination, this, this.savedTableBody), Tt(this.table, this.form, this.pagination, this), Mt(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? ot(this.table, this.form, this.pagination, this) : (it(this.table, this.form, this.pagination, this), G(this.table, this.form, this), B(this, this.pagination), F(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (i) => {
|
|
517
517
|
this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
|
|
518
518
|
}), this.querySelector("iam-actionbar[data-selectall]")) {
|
|
519
|
-
const
|
|
520
|
-
Array.from(this.table.querySelectorAll("thead tr")).forEach((o,
|
|
519
|
+
const i = this.querySelector("iam-actionbar[data-selectall]");
|
|
520
|
+
Array.from(this.table.querySelectorAll("thead tr")).forEach((o, s) => {
|
|
521
521
|
o.insertAdjacentHTML("afterbegin", "<th></th>");
|
|
522
|
-
}), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o,
|
|
523
|
-
o.insertAdjacentHTML("afterbegin", `<td class="selectrow"><input type="checkbox" name="row" id="row${
|
|
522
|
+
}), Array.from(this.table.querySelectorAll("tbody tr")).forEach((o, s) => {
|
|
523
|
+
o.insertAdjacentHTML("afterbegin", `<td class="selectrow"><input type="checkbox" name="row" id="row${s}"/><label for="row${s}"><span class="visually-hidden">Select row</span></label></td>`);
|
|
524
524
|
}), this.table.addEventListener("change", (o) => {
|
|
525
525
|
if (o && o.target instanceof HTMLElement && o.target.closest(".selectrow input")) {
|
|
526
|
-
let
|
|
527
|
-
|
|
526
|
+
let s = this.table.querySelectorAll('.selectrow input[type="checkbox"]').length, r = this.table.querySelectorAll('.selectrow input[type="checkbox"]:checked').length;
|
|
527
|
+
i.setAttribute("data-selected", s == r ? "all" : r), console.log(r);
|
|
528
528
|
}
|
|
529
|
-
}),
|
|
530
|
-
console.log(o.detail.selected), o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((
|
|
531
|
-
|
|
532
|
-
}) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((
|
|
533
|
-
|
|
529
|
+
}), i.addEventListener("selected", (o) => {
|
|
530
|
+
console.log(o.detail.selected), o.detail.selected == "0" ? Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s, r) => {
|
|
531
|
+
s.checked = !1;
|
|
532
|
+
}) : o.detail.selected == "all" && Array.from(this.table.querySelectorAll('.selectrow input[type="checkbox"]')).forEach((s, r) => {
|
|
533
|
+
s.checked = !0;
|
|
534
534
|
});
|
|
535
535
|
});
|
|
536
536
|
}
|
|
@@ -538,12 +538,12 @@ class Ct extends HTMLElement {
|
|
|
538
538
|
static get observedAttributes() {
|
|
539
539
|
return ["data-total", "data-pages", "data-page", "data-show"];
|
|
540
540
|
}
|
|
541
|
-
attributeChangedCallback(a, t,
|
|
541
|
+
attributeChangedCallback(a, t, i) {
|
|
542
542
|
}
|
|
543
543
|
}
|
|
544
544
|
const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), It = function(e) {
|
|
545
545
|
return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
|
|
546
|
-
},
|
|
546
|
+
}, jt = {
|
|
547
547
|
name: "Table",
|
|
548
548
|
props: {
|
|
549
549
|
items: {
|
|
@@ -567,15 +567,15 @@ const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(
|
|
|
567
567
|
},
|
|
568
568
|
updated() {
|
|
569
569
|
}
|
|
570
|
-
},
|
|
571
|
-
function Ot(e, a, t,
|
|
570
|
+
}, Pt = { key: 0 }, zt = { key: 0 }, Bt = ["data-row-id"], Ft = ["innerHTML"];
|
|
571
|
+
function Ot(e, a, t, i, o, s) {
|
|
572
572
|
return h(), p("iam-table", null, [
|
|
573
|
-
t.fields ? (h(), p("table",
|
|
573
|
+
t.fields ? (h(), p("table", Pt, [
|
|
574
574
|
g("thead", null, [
|
|
575
575
|
g("tr", null, [
|
|
576
576
|
(h(!0), p(M, null, H(t.fields, (r) => (h(), p("th", {
|
|
577
577
|
key: r.key
|
|
578
|
-
}, x(
|
|
578
|
+
}, x(s.cellHeading(r.key)), 1))), 128))
|
|
579
579
|
])
|
|
580
580
|
]),
|
|
581
581
|
t.items ? (h(), p("tbody", zt, [
|
|
@@ -592,7 +592,7 @@ function Ot(e, a, t, s, o, i) {
|
|
|
592
592
|
])) : S(e.$slots, "default", { key: 1 })
|
|
593
593
|
]);
|
|
594
594
|
}
|
|
595
|
-
const nt = /* @__PURE__ */ _(
|
|
595
|
+
const nt = /* @__PURE__ */ _(jt, [["render", Ot]]), Vt = {
|
|
596
596
|
name: "Input",
|
|
597
597
|
props: {
|
|
598
598
|
value: {
|
|
@@ -787,16 +787,16 @@ const nt = /* @__PURE__ */ _(Pt, [["render", Ot]]), Vt = {
|
|
|
787
787
|
key: 6,
|
|
788
788
|
class: "input-group"
|
|
789
789
|
}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"], re = ["value"], ie = ["type", "name", "id"], se = ["for", "innerHTML"], oe = ["type", "name", "id"], ne = ["for", "innerHTML"], le = ["innerHTML"], ce = ["id"], de = ["value"];
|
|
790
|
-
function ue(e, a, t,
|
|
790
|
+
function ue(e, a, t, i, o, s) {
|
|
791
791
|
return h(), p("div", {
|
|
792
|
-
class: k(
|
|
792
|
+
class: k(s.wrapperClass()),
|
|
793
793
|
ref: "wrapper"
|
|
794
794
|
}, [
|
|
795
|
-
|
|
795
|
+
s.needsLabel() ? (h(), p("label", {
|
|
796
796
|
key: 0,
|
|
797
797
|
class: k(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
798
798
|
for: t.id,
|
|
799
|
-
innerHTML:
|
|
799
|
+
innerHTML: s.displayLabel(),
|
|
800
800
|
title: t.title
|
|
801
801
|
}, null, 10, Wt)) : A("", !0),
|
|
802
802
|
t.prefix ? (h(), p("span", {
|
|
@@ -811,74 +811,74 @@ function ue(e, a, t, s, o, i) {
|
|
|
811
811
|
innerHTML: t.suffix,
|
|
812
812
|
role: "presentation"
|
|
813
813
|
}, null, 10, Yt)) : A("", !0),
|
|
814
|
-
|
|
814
|
+
s.isInput() ? D((h(), p("input", N({
|
|
815
815
|
key: 3,
|
|
816
|
-
"onUpdate:modelValue": a[0] || (a[0] = (r) =>
|
|
816
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => s.inputVal = r),
|
|
817
817
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
818
818
|
type: t.type,
|
|
819
819
|
name: t.name ? t.name : t.id,
|
|
820
820
|
id: t.id,
|
|
821
|
-
pattern:
|
|
822
|
-
list:
|
|
821
|
+
pattern: s.needPattern(),
|
|
822
|
+
list: s.hasOptions()
|
|
823
823
|
}, e.$attrs, {
|
|
824
|
-
onKeyup: a[1] || (a[1] = (...r) =>
|
|
824
|
+
onKeyup: a[1] || (a[1] = (...r) => s.inputKeyup && s.inputKeyup(...r))
|
|
825
825
|
}), null, 16, Gt)), [
|
|
826
|
-
[Y,
|
|
826
|
+
[Y, s.inputVal]
|
|
827
827
|
]) : A("", !0),
|
|
828
828
|
t.type == "textarea" ? D((h(), p("textarea", N({
|
|
829
829
|
key: 4,
|
|
830
|
-
"onUpdate:modelValue": a[2] || (a[2] = (r) =>
|
|
830
|
+
"onUpdate:modelValue": a[2] || (a[2] = (r) => s.inputVal = r),
|
|
831
831
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
832
832
|
type: t.type,
|
|
833
833
|
name: t.name ? t.name : t.id,
|
|
834
834
|
id: t.id,
|
|
835
|
-
pattern:
|
|
835
|
+
pattern: s.needPattern()
|
|
836
836
|
}, e.$attrs), null, 16, Kt)), [
|
|
837
|
-
[pt,
|
|
837
|
+
[pt, s.inputVal]
|
|
838
838
|
]) : A("", !0),
|
|
839
839
|
t.type == "range" ? (h(), p("div", Xt, [
|
|
840
840
|
D(g("input", N({
|
|
841
|
-
"onUpdate:modelValue": a[3] || (a[3] = (r) =>
|
|
841
|
+
"onUpdate:modelValue": a[3] || (a[3] = (r) => s.inputVal = r),
|
|
842
842
|
class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
843
843
|
type: t.type,
|
|
844
844
|
name: t.name ? t.name : t.id,
|
|
845
845
|
id: t.id,
|
|
846
|
-
pattern:
|
|
847
|
-
list:
|
|
846
|
+
pattern: s.needPattern(),
|
|
847
|
+
list: s.hasOptions()
|
|
848
848
|
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Jt), [
|
|
849
|
-
[Y,
|
|
849
|
+
[Y, s.inputVal]
|
|
850
850
|
]),
|
|
851
851
|
g("output", Qt, x(t.value), 1)
|
|
852
852
|
])) : A("", !0),
|
|
853
853
|
t.type == "color" ? (h(), p("div", Zt, [
|
|
854
854
|
D(g("input", N({
|
|
855
|
-
"onUpdate:modelValue": a[4] || (a[4] = (r) =>
|
|
855
|
+
"onUpdate:modelValue": a[4] || (a[4] = (r) => s.inputVal = r),
|
|
856
856
|
class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
857
857
|
type: t.type,
|
|
858
858
|
name: t.name ? t.name : t.id,
|
|
859
859
|
id: t.id,
|
|
860
|
-
pattern:
|
|
861
|
-
list:
|
|
860
|
+
pattern: s.needPattern(),
|
|
861
|
+
list: s.hasOptions()
|
|
862
862
|
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, te), [
|
|
863
|
-
[Y,
|
|
863
|
+
[Y, s.inputVal]
|
|
864
864
|
]),
|
|
865
865
|
g("output", ee, x(t.value ? e.vale : "#000000"), 1)
|
|
866
866
|
])) : A("", !0),
|
|
867
867
|
t.type == "select" ? D((h(), p("select", N({
|
|
868
868
|
key: 7,
|
|
869
|
-
"onUpdate:modelValue": a[5] || (a[5] = (r) =>
|
|
869
|
+
"onUpdate:modelValue": a[5] || (a[5] = (r) => s.inputVal = r),
|
|
870
870
|
class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
871
871
|
type: t.type,
|
|
872
872
|
name: t.id,
|
|
873
873
|
id: t.id,
|
|
874
|
-
pattern:
|
|
874
|
+
pattern: s.needPattern()
|
|
875
875
|
}, e.$attrs), [
|
|
876
876
|
(h(!0), p(M, null, H(t.options, (r, n) => (h(), p("option", {
|
|
877
877
|
key: n,
|
|
878
878
|
value: r.value
|
|
879
879
|
}, x(r.display ? r.display : r.value), 9, re))), 128))
|
|
880
880
|
], 16, ae)), [
|
|
881
|
-
[bt,
|
|
881
|
+
[bt, s.inputVal]
|
|
882
882
|
]) : A("", !0),
|
|
883
883
|
t.type == "checkbox" || t.type == "radio" ? (h(), p("input", N({
|
|
884
884
|
key: 8,
|
|
@@ -906,7 +906,7 @@ function ue(e, a, t, s, o, i) {
|
|
|
906
906
|
class: k(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
907
907
|
for: t.id,
|
|
908
908
|
innerHTML: t.label,
|
|
909
|
-
onClick: a[6] || (a[6] = (...r) =>
|
|
909
|
+
onClick: a[6] || (a[6] = (...r) => s.clickEvent && s.clickEvent(...r))
|
|
910
910
|
}, null, 10, ne)) : A("", !0),
|
|
911
911
|
S(e.$slots, "default"),
|
|
912
912
|
t.errormsg ? (h(), p("span", {
|
|
@@ -914,7 +914,7 @@ function ue(e, a, t, s, o, i) {
|
|
|
914
914
|
class: "invalid-feedback mb-0",
|
|
915
915
|
innerHTML: t.errormsg
|
|
916
916
|
}, null, 8, le)) : A("", !0),
|
|
917
|
-
|
|
917
|
+
s.allowDatalist() ? (h(), p("datalist", {
|
|
918
918
|
key: 13,
|
|
919
919
|
id: t.id + "-list"
|
|
920
920
|
}, [
|
|
@@ -927,8 +927,8 @@ function ue(e, a, t, s, o, i) {
|
|
|
927
927
|
}
|
|
928
928
|
const lt = /* @__PURE__ */ _(Vt, [["render", ue]]);
|
|
929
929
|
function me(e, a) {
|
|
930
|
-
const t = a.querySelector(".files"),
|
|
931
|
-
|
|
930
|
+
const t = a.querySelector(".files"), i = a.querySelector(".drop-area"), o = e.querySelector("input"), s = e.hasAttribute("data-maxsize") ? e.getAttribute("data-maxsize") : 0, r = o.cloneNode();
|
|
931
|
+
i.append(r), a.addEventListener("click", (n) => {
|
|
932
932
|
n && n.target instanceof HTMLElement && n.target.closest(".btn-primary") && (n.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? r : o).click());
|
|
933
933
|
}), a.addEventListener("click", (n) => {
|
|
934
934
|
if (n && n.target instanceof HTMLElement && n.target.closest(".files button")) {
|
|
@@ -948,7 +948,7 @@ function me(e, a) {
|
|
|
948
948
|
const d = new DataTransfer();
|
|
949
949
|
for (let f = 0; f < l.length; f++) {
|
|
950
950
|
const b = l[f], u = b.size / 1e3;
|
|
951
|
-
!m.includes(b.name) && (
|
|
951
|
+
!m.includes(b.name) && (s == 0 || u < s) && d.items.add(b), m.push(b.name);
|
|
952
952
|
}
|
|
953
953
|
o.files = d.files;
|
|
954
954
|
} else
|
|
@@ -975,11 +975,11 @@ window.dataLayer.push({
|
|
|
975
975
|
class he extends HTMLElement {
|
|
976
976
|
constructor() {
|
|
977
977
|
super(), this.attachShadow({ mode: "open" });
|
|
978
|
-
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`,
|
|
978
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/fileupload.css";`, o = document.createElement("template");
|
|
979
979
|
o.innerHTML = `
|
|
980
980
|
<style>
|
|
981
981
|
@import "${t}";
|
|
982
|
-
${
|
|
982
|
+
${i}
|
|
983
983
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
984
984
|
</style>
|
|
985
985
|
<div class="file-upload">
|
|
@@ -995,8 +995,8 @@ class he extends HTMLElement {
|
|
|
995
995
|
}
|
|
996
996
|
connectedCallback() {
|
|
997
997
|
this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
|
|
998
|
-
const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"),
|
|
999
|
-
|
|
998
|
+
const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"), i = this.shadowRoot.querySelector(".helper-text");
|
|
999
|
+
i.innerHTML = `${this.hasAttribute("data-maxsize") ? `Max file size is ${this.getAttribute("data-maxsize")}kb. ` : ""}${t.hasAttribute("accept") ? `Supported file types are ${t.getAttribute("accept")}` : ""}`, me(this, a);
|
|
1000
1000
|
}
|
|
1001
1001
|
}
|
|
1002
1002
|
const pe = {
|
|
@@ -1017,28 +1017,28 @@ const pe = {
|
|
|
1017
1017
|
});
|
|
1018
1018
|
}
|
|
1019
1019
|
};
|
|
1020
|
-
function be(e, a, t,
|
|
1020
|
+
function be(e, a, t, i, o, s) {
|
|
1021
1021
|
return h(), p("iam-fileupload", null, [
|
|
1022
1022
|
S(e.$slots, "default")
|
|
1023
1023
|
]);
|
|
1024
1024
|
}
|
|
1025
1025
|
const Kr = /* @__PURE__ */ _(pe, [["render", be]]);
|
|
1026
1026
|
/*!
|
|
1027
|
-
* iamKey v4.1.0-beta
|
|
1027
|
+
* iamKey v4.1.0-beta-3
|
|
1028
1028
|
* Copyright 2022-2023 iamproperty
|
|
1029
1029
|
*/
|
|
1030
1030
|
function fe(e) {
|
|
1031
1031
|
let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
|
|
1032
|
-
if (a.forEach((
|
|
1033
|
-
|
|
1034
|
-
}), t.forEach((
|
|
1035
|
-
|
|
1032
|
+
if (a.forEach((i) => {
|
|
1033
|
+
i.classList.add("accordion-item");
|
|
1034
|
+
}), t.forEach((i) => {
|
|
1035
|
+
i.classList.add("accordion-header"), i.classList.add("accordion-button"), i.classList.add("h4");
|
|
1036
1036
|
}), !e.classList.contains("accordion--keep-open")) {
|
|
1037
|
-
const
|
|
1038
|
-
|
|
1037
|
+
const i = e.querySelectorAll(":scope > details");
|
|
1038
|
+
i.forEach((o) => {
|
|
1039
1039
|
o.addEventListener("click", () => {
|
|
1040
|
-
|
|
1041
|
-
|
|
1040
|
+
i.forEach((s) => {
|
|
1041
|
+
s !== o && s.removeAttribute("open");
|
|
1042
1042
|
});
|
|
1043
1043
|
});
|
|
1044
1044
|
});
|
|
@@ -1048,8 +1048,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
1048
1048
|
let ge = class extends HTMLElement {
|
|
1049
1049
|
constructor() {
|
|
1050
1050
|
super(), this.attachShadow({ mode: "open" });
|
|
1051
|
-
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`,
|
|
1052
|
-
|
|
1051
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
1052
|
+
i.innerHTML = `
|
|
1053
1053
|
<style>
|
|
1054
1054
|
@import "${t}";
|
|
1055
1055
|
: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 */
|
|
@@ -1059,7 +1059,7 @@ let ge = class extends HTMLElement {
|
|
|
1059
1059
|
<div class="accordion">
|
|
1060
1060
|
<slot></slot>
|
|
1061
1061
|
</div>
|
|
1062
|
-
`, this.shadowRoot.appendChild(
|
|
1062
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1063
1063
|
}
|
|
1064
1064
|
connectedCallback() {
|
|
1065
1065
|
fe(this);
|
|
@@ -1072,7 +1072,7 @@ const ye = {
|
|
|
1072
1072
|
mounted() {
|
|
1073
1073
|
}
|
|
1074
1074
|
}, ve = { ref: "wrapper" };
|
|
1075
|
-
function we(e, a, t,
|
|
1075
|
+
function we(e, a, t, i, o, s) {
|
|
1076
1076
|
return h(), p("iam-accordion", ve, [
|
|
1077
1077
|
S(e.$slots, "default")
|
|
1078
1078
|
], 512);
|
|
@@ -1113,9 +1113,9 @@ const Jr = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
|
|
|
1113
1113
|
};
|
|
1114
1114
|
}
|
|
1115
1115
|
}, _e = ["id"], Le = ["classList"];
|
|
1116
|
-
function Se(e, a, t,
|
|
1116
|
+
function Se(e, a, t, i, o, s) {
|
|
1117
1117
|
return h(), p("details", {
|
|
1118
|
-
id:
|
|
1118
|
+
id: s.createID(t.title)
|
|
1119
1119
|
}, [
|
|
1120
1120
|
g("summary", {
|
|
1121
1121
|
classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
|
|
@@ -1147,7 +1147,7 @@ const Qr = /* @__PURE__ */ _(Ae, [["render", Se]]), ke = {
|
|
|
1147
1147
|
}
|
|
1148
1148
|
}
|
|
1149
1149
|
}, qe = { class: "container" }, $e = { class: "row" }, xe = { class: "col-sm-6" }, Ee = { class: "pt-5 pb-3 px-4" }, Te = { class: "col-sm-6 col-md-5 ms-auto" }, Me = ["src"];
|
|
1150
|
-
function He(e, a, t,
|
|
1150
|
+
function He(e, a, t, i, o, s) {
|
|
1151
1151
|
return h(), p("div", qe, [
|
|
1152
1152
|
g("div", {
|
|
1153
1153
|
class: k("bg-" + t.background + " mb-4")
|
|
@@ -1175,7 +1175,7 @@ const Zr = /* @__PURE__ */ _(ke, [["render", He]]), Ce = {
|
|
|
1175
1175
|
name: "Card",
|
|
1176
1176
|
mounted() {
|
|
1177
1177
|
this.$nextTick(function() {
|
|
1178
|
-
import("./card.component.min-
|
|
1178
|
+
import("./card.component.min-a0ba76d0.mjs").then((e) => {
|
|
1179
1179
|
window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
|
|
1180
1180
|
}).catch((e) => {
|
|
1181
1181
|
console.log(e.message);
|
|
@@ -1183,7 +1183,7 @@ const Zr = /* @__PURE__ */ _(ke, [["render", He]]), Ce = {
|
|
|
1183
1183
|
});
|
|
1184
1184
|
}
|
|
1185
1185
|
};
|
|
1186
|
-
function Ne(e, a, t,
|
|
1186
|
+
function Ne(e, a, t, i, o, s) {
|
|
1187
1187
|
return h(), p("iam-card", null, [
|
|
1188
1188
|
S(e.$slots, "default")
|
|
1189
1189
|
]);
|
|
@@ -1191,12 +1191,12 @@ function Ne(e, a, t, s, o, i) {
|
|
|
1191
1191
|
const Re = /* @__PURE__ */ _(Ce, [["render", Ne]]);
|
|
1192
1192
|
function De(e) {
|
|
1193
1193
|
var a;
|
|
1194
|
-
let t = e.querySelector(".carousel__inner"),
|
|
1194
|
+
let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
|
|
1195
1195
|
e.getAttribute("data-cols");
|
|
1196
|
-
let o = e.getAttribute("data-sm-cols"),
|
|
1196
|
+
let o = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
|
|
1197
1197
|
e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(r) {
|
|
1198
1198
|
clearTimeout(a), a = setTimeout(function() {
|
|
1199
|
-
let n = t.clientWidth, c = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / c *
|
|
1199
|
+
let n = t.clientWidth, c = t.scrollWidth, l = t.scrollLeft, m = Math.round(l / c * i) + 1, d = e.querySelector(".carousel__item:last-child").offsetLeft;
|
|
1200
1200
|
Array.from(e.querySelectorAll(".carousel__controls a")).forEach((f, b) => {
|
|
1201
1201
|
f.classList.remove("active");
|
|
1202
1202
|
}), e.querySelector(".control-" + m).classList.add("active"), m == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + n > d ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
|
|
@@ -1227,7 +1227,7 @@ function De(e) {
|
|
|
1227
1227
|
});
|
|
1228
1228
|
break;
|
|
1229
1229
|
}
|
|
1230
|
-
}, !1),
|
|
1230
|
+
}, !1), i == 1 && e.classList.add("hide-btns"), o >= i && e.classList.add("hide-sm-btns"), s >= i && e.classList.add("hide-md-btns");
|
|
1231
1231
|
}
|
|
1232
1232
|
const Ie = {
|
|
1233
1233
|
components: {
|
|
@@ -1308,7 +1308,7 @@ const Ie = {
|
|
|
1308
1308
|
De(this.$refs.wrapper);
|
|
1309
1309
|
});
|
|
1310
1310
|
}
|
|
1311
|
-
},
|
|
1311
|
+
}, je = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Pe = { class: "carousel__wrapper" }, ze = { class: "carousel__inner" }, Be = ["id"], Fe = ["innerHTML", "id"], Oe = ["href"], Ve = /* @__PURE__ */ g("button", {
|
|
1312
1312
|
class: "btn btn-prev",
|
|
1313
1313
|
"data-go": "0",
|
|
1314
1314
|
disabled: ""
|
|
@@ -1316,7 +1316,7 @@ const Ie = {
|
|
|
1316
1316
|
class: "btn btn-next",
|
|
1317
1317
|
"data-go": "2"
|
|
1318
1318
|
}, "Next", -1);
|
|
1319
|
-
function Ue(e, a, t,
|
|
1319
|
+
function Ue(e, a, t, i, o, s) {
|
|
1320
1320
|
const r = z("Card");
|
|
1321
1321
|
return h(), p("div", {
|
|
1322
1322
|
class: "container carousel",
|
|
@@ -1327,7 +1327,7 @@ function Ue(e, a, t, s, o, i) {
|
|
|
1327
1327
|
"data-md-cols": t.mdcols
|
|
1328
1328
|
}, [
|
|
1329
1329
|
S(e.$slots, "default"),
|
|
1330
|
-
g("div",
|
|
1330
|
+
g("div", Pe, [
|
|
1331
1331
|
g("div", ze, [
|
|
1332
1332
|
t.type == "card" ? (h(), p("div", {
|
|
1333
1333
|
key: 0,
|
|
@@ -1355,7 +1355,7 @@ function Ue(e, a, t, s, o, i) {
|
|
|
1355
1355
|
(h(!0), p(M, null, H(t.items, (n, c) => (h(), p("div", {
|
|
1356
1356
|
class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1357
1357
|
key: c,
|
|
1358
|
-
innerHTML:
|
|
1358
|
+
innerHTML: s.content(n),
|
|
1359
1359
|
id: "carousel" + o.id + "slide" + (c + 1)
|
|
1360
1360
|
}, null, 10, Fe))), 128))
|
|
1361
1361
|
], 2)) : A("", !0)
|
|
@@ -1372,19 +1372,19 @@ function Ue(e, a, t, s, o, i) {
|
|
|
1372
1372
|
Ve,
|
|
1373
1373
|
We
|
|
1374
1374
|
])
|
|
1375
|
-
], 8,
|
|
1375
|
+
], 8, je);
|
|
1376
1376
|
}
|
|
1377
1377
|
const ti = /* @__PURE__ */ _(Ie, [["render", Ue]]);
|
|
1378
1378
|
/*!
|
|
1379
|
-
* iamKey v4.1.0-beta
|
|
1379
|
+
* iamKey v4.1.0-beta-3
|
|
1380
1380
|
* Copyright 2022-2023 iamproperty
|
|
1381
1381
|
*/
|
|
1382
1382
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
|
|
1383
1383
|
class Ye extends HTMLElement {
|
|
1384
1384
|
constructor() {
|
|
1385
1385
|
super(), this.attachShadow({ mode: "open" });
|
|
1386
|
-
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`,
|
|
1387
|
-
|
|
1386
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
1387
|
+
i.innerHTML = `
|
|
1388
1388
|
<style>
|
|
1389
1389
|
@import "${t}";
|
|
1390
1390
|
.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-theme);--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 */
|
|
@@ -1405,7 +1405,7 @@ class Ye extends HTMLElement {
|
|
|
1405
1405
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
1406
1406
|
</picture>
|
|
1407
1407
|
</div>
|
|
1408
|
-
`, this.shadowRoot.appendChild(
|
|
1408
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1409
1409
|
}
|
|
1410
1410
|
connectedCallback() {
|
|
1411
1411
|
this.classList.add("loaded");
|
|
@@ -1431,7 +1431,7 @@ const Ge = {
|
|
|
1431
1431
|
});
|
|
1432
1432
|
}
|
|
1433
1433
|
}, Ke = ["image"], Xe = ["innerHTML"];
|
|
1434
|
-
function Je(e, a, t,
|
|
1434
|
+
function Je(e, a, t, i, o, s) {
|
|
1435
1435
|
return h(), p("iam-header", {
|
|
1436
1436
|
class: "bg-secondary",
|
|
1437
1437
|
image: t.image
|
|
@@ -1447,24 +1447,24 @@ function Je(e, a, t, s, o, i) {
|
|
|
1447
1447
|
const ei = /* @__PURE__ */ _(Ge, [["render", Je]]);
|
|
1448
1448
|
function Qe(e) {
|
|
1449
1449
|
var a;
|
|
1450
|
-
const t = e.querySelector(".testimonial__images"),
|
|
1451
|
-
if (
|
|
1450
|
+
const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
|
|
1451
|
+
if (i == 1)
|
|
1452
1452
|
return !1;
|
|
1453
1453
|
e.classList.add("testimonial--multi");
|
|
1454
|
-
const o = function(
|
|
1454
|
+
const o = function(s) {
|
|
1455
1455
|
const r = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
|
|
1456
|
-
r.setAttribute("data-go",
|
|
1456
|
+
r.setAttribute("data-go", s + 1), n.setAttribute("data-go", s - 1), r.removeAttribute("disabled"), n.removeAttribute("disabled"), s == 1 ? n.setAttribute("disabled", !0) : s == i && r.setAttribute("disabled", !0);
|
|
1457
1457
|
};
|
|
1458
|
-
t.addEventListener("scroll", function(
|
|
1458
|
+
t.addEventListener("scroll", function(s) {
|
|
1459
1459
|
clearTimeout(a), a = setTimeout(function() {
|
|
1460
|
-
let r = t.scrollWidth, n = t.scrollHeight, c = t.scrollLeft, l = t.scrollTop, m = Math.round(c / r *
|
|
1461
|
-
c == 0 && l != 0 && (m = Math.round(l / n *
|
|
1460
|
+
let r = t.scrollWidth, n = t.scrollHeight, c = t.scrollLeft, l = t.scrollTop, m = Math.round(c / r * i) + 1;
|
|
1461
|
+
c == 0 && l != 0 && (m = Math.round(l / n * i) + 1), e.setAttribute("data-show", m), o(m);
|
|
1462
1462
|
}, 300);
|
|
1463
|
-
}, !1), e.addEventListener("click", function(
|
|
1464
|
-
for (var r =
|
|
1463
|
+
}, !1), e.addEventListener("click", function(s) {
|
|
1464
|
+
for (var r = s.target; r && r != this; r = r.parentNode)
|
|
1465
1465
|
if (r.matches("[data-go]")) {
|
|
1466
1466
|
let n = parseInt(r.getAttribute("data-go")), c = 0, l = 0, m = t.scrollWidth, d = t.scrollHeight;
|
|
1467
|
-
m > d ? l = Math.floor(m * ((n - 1) /
|
|
1467
|
+
m > d ? l = Math.floor(m * ((n - 1) / i)) : c = Math.floor(d * ((n - 1) / i)), t.scroll({
|
|
1468
1468
|
top: c,
|
|
1469
1469
|
left: l,
|
|
1470
1470
|
behavior: "smooth"
|
|
@@ -1504,7 +1504,7 @@ const Ze = {
|
|
|
1504
1504
|
class: "btn-next"
|
|
1505
1505
|
}, "Next")
|
|
1506
1506
|
], -1), oa = { class: "col-md-7" }, na = /* @__PURE__ */ g("h2", null, "What our customers think…", -1), la = { class: "testimonial__content" }, ca = ["innerHTML"], da = ["innerHTML"], ua = { class: "testimonial__after" }, ma = /* @__PURE__ */ g("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
|
|
1507
|
-
function ha(e, a, t,
|
|
1507
|
+
function ha(e, a, t, i, o, s) {
|
|
1508
1508
|
return h(), p("div", ta, [
|
|
1509
1509
|
g("div", {
|
|
1510
1510
|
class: k("bg-" + t.background)
|
|
@@ -1555,7 +1555,7 @@ const pa = {
|
|
|
1555
1555
|
}
|
|
1556
1556
|
}
|
|
1557
1557
|
}, ba = { class: "timeline" }, fa = { class: "timeline__content" }, ga = ["src"];
|
|
1558
|
-
function ya(e, a, t,
|
|
1558
|
+
function ya(e, a, t, i, o, s) {
|
|
1559
1559
|
return h(), p("div", ba, [
|
|
1560
1560
|
g("div", fa, [
|
|
1561
1561
|
S(e.$slots, "default")
|
|
@@ -1730,7 +1730,7 @@ const va = {
|
|
|
1730
1730
|
value: "submit"
|
|
1731
1731
|
}, "Search")
|
|
1732
1732
|
], -1);
|
|
1733
|
-
function Ha(e, a, t,
|
|
1733
|
+
function Ha(e, a, t, i, o, s) {
|
|
1734
1734
|
const r = z("Input");
|
|
1735
1735
|
return h(), p("div", wa, [
|
|
1736
1736
|
S(e.$slots, "default"),
|
|
@@ -1743,14 +1743,14 @@ function Ha(e, a, t, s, o, i) {
|
|
|
1743
1743
|
g("fieldset", La, [
|
|
1744
1744
|
C(r, {
|
|
1745
1745
|
inputClass: "input--locations",
|
|
1746
|
-
modelValue:
|
|
1747
|
-
"onUpdate:modelValue": a[0] || (a[0] = (n) =>
|
|
1746
|
+
modelValue: s.locationSet,
|
|
1747
|
+
"onUpdate:modelValue": a[0] || (a[0] = (n) => s.locationSet = n),
|
|
1748
1748
|
label: "Location",
|
|
1749
1749
|
id: "location",
|
|
1750
|
-
options:
|
|
1750
|
+
options: s.locationsList(),
|
|
1751
1751
|
required: "",
|
|
1752
1752
|
placeholder: "i.e. Newcastle or NE1",
|
|
1753
|
-
onKeyupEvent: a[1] || (a[1] = (n) =>
|
|
1753
|
+
onKeyupEvent: a[1] || (a[1] = (n) => s.locationKeyup(...arguments)),
|
|
1754
1754
|
ref: "search"
|
|
1755
1755
|
}, null, 8, ["modelValue", "options"]),
|
|
1756
1756
|
C(r, {
|
|
@@ -1822,7 +1822,7 @@ const ii = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
|
|
|
1822
1822
|
name: "Nav",
|
|
1823
1823
|
mounted() {
|
|
1824
1824
|
this.$nextTick(function() {
|
|
1825
|
-
import("./nav.component.min-
|
|
1825
|
+
import("./nav.component.min-4c35b68c.mjs").then((e) => {
|
|
1826
1826
|
window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
|
|
1827
1827
|
}).catch((e) => {
|
|
1828
1828
|
console.log(e.message);
|
|
@@ -1831,7 +1831,7 @@ const ii = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
|
|
|
1831
1831
|
},
|
|
1832
1832
|
methods: {}
|
|
1833
1833
|
}, Na = { ref: "wrapper" };
|
|
1834
|
-
function Ra(e, a, t,
|
|
1834
|
+
function Ra(e, a, t, i, o, s) {
|
|
1835
1835
|
return h(), p("iam-nav", Na, [
|
|
1836
1836
|
S(e.$slots, "default")
|
|
1837
1837
|
], 512);
|
|
@@ -1850,22 +1850,22 @@ const Da = {
|
|
|
1850
1850
|
default: "Complete"
|
|
1851
1851
|
}
|
|
1852
1852
|
}
|
|
1853
|
-
}, Ia = { class: "container" },
|
|
1853
|
+
}, Ia = { class: "container" }, ja = ["aria-label"], Pa = {
|
|
1854
1854
|
key: 0,
|
|
1855
1855
|
class: "h6 stepper__start"
|
|
1856
1856
|
}, za = { class: "list-unstyled" }, Ba = { class: "h6 stepper__end" };
|
|
1857
|
-
function Fa(e, a, t,
|
|
1857
|
+
function Fa(e, a, t, i, o, s) {
|
|
1858
1858
|
return h(), p("div", Ia, [
|
|
1859
1859
|
g("nav", {
|
|
1860
1860
|
class: "stepper",
|
|
1861
1861
|
"aria-label": t.label ? t.label : "Progress"
|
|
1862
1862
|
}, [
|
|
1863
|
-
t.label ? (h(), p("span",
|
|
1863
|
+
t.label ? (h(), p("span", Pa, x(t.label), 1)) : A("", !0),
|
|
1864
1864
|
g("ol", za, [
|
|
1865
1865
|
S(e.$slots, "default")
|
|
1866
1866
|
]),
|
|
1867
1867
|
g("span", Ba, x(t.endlabel), 1)
|
|
1868
|
-
], 8,
|
|
1868
|
+
], 8, ja)
|
|
1869
1869
|
]);
|
|
1870
1870
|
}
|
|
1871
1871
|
const oi = /* @__PURE__ */ _(Da, [["render", Fa]]);
|
|
@@ -1881,7 +1881,7 @@ const Oa = {
|
|
|
1881
1881
|
class: "container snapshot",
|
|
1882
1882
|
ref: "wrapper"
|
|
1883
1883
|
}, Wa = { class: "row" }, Ua = ["href"], Ya = { class: "lead snapshot__title" }, Ga = { class: "stat" };
|
|
1884
|
-
function Ka(e, a, t,
|
|
1884
|
+
function Ka(e, a, t, i, o, s) {
|
|
1885
1885
|
return h(), p("div", Va, [
|
|
1886
1886
|
S(e.$slots, "default"),
|
|
1887
1887
|
g("div", Wa, [
|
|
@@ -1923,7 +1923,7 @@ const ni = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
|
|
|
1923
1923
|
key: 0,
|
|
1924
1924
|
class: "visually-hidden"
|
|
1925
1925
|
};
|
|
1926
|
-
function Za(e, a, t,
|
|
1926
|
+
function Za(e, a, t, i, o, s) {
|
|
1927
1927
|
return h(), p("li", null, [
|
|
1928
1928
|
g("a", {
|
|
1929
1929
|
href: t.url,
|
|
@@ -1939,24 +1939,24 @@ function Za(e, a, t, s, o, i) {
|
|
|
1939
1939
|
}
|
|
1940
1940
|
const li = /* @__PURE__ */ _(Xa, [["render", Za]]);
|
|
1941
1941
|
/*!
|
|
1942
|
-
* iamKey v4.1.0-beta
|
|
1942
|
+
* iamKey v4.1.0-beta-3
|
|
1943
1943
|
* Copyright 2022-2023 iamproperty
|
|
1944
1944
|
*/
|
|
1945
1945
|
const tr = function(e) {
|
|
1946
1946
|
const a = e.querySelectorAll(":scope > details");
|
|
1947
1947
|
e.querySelectorAll(":scope > details > summary");
|
|
1948
1948
|
let t = e.querySelector(":scope > .tabs__links");
|
|
1949
|
-
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((
|
|
1950
|
-
let
|
|
1951
|
-
|
|
1949
|
+
e.shadowRoot && e.shadowRoot.querySelector(".tabs__links") && (t = e.shadowRoot.querySelector(".tabs__links")), t || (t = document.createElement("div"), t.classList.add("tabs__links"), e.prepend(t)), a.forEach((i, o) => {
|
|
1950
|
+
let s = i.querySelector(":scope > summary");
|
|
1951
|
+
s.classList.add("visually-hidden");
|
|
1952
1952
|
let r = document.createElement("button");
|
|
1953
|
-
|
|
1953
|
+
i.hasAttribute("id") && (r = document.createElement("a"), r.setAttribute("href", `#${i.getAttribute("id")}`)), i.hasAttribute("open") && r.setAttribute("aria-pressed", !0), r.innerHTML = `${s.innerText}`, r.classList.add("link"), r.setAttribute("data-index", o), r.setAttribute("tabindex", "-1"), t.appendChild(r);
|
|
1954
1954
|
});
|
|
1955
1955
|
}, er = function(e) {
|
|
1956
|
-
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"),
|
|
1957
|
-
e.shadowRoot && (
|
|
1958
|
-
o.addEventListener("click", (
|
|
1959
|
-
|
|
1956
|
+
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), i = e.querySelectorAll(":scope .tabs__links > .link");
|
|
1957
|
+
e.shadowRoot && (i = e.shadowRoot.querySelectorAll(".tabs__links > .link")), i.forEach((o) => {
|
|
1958
|
+
o.addEventListener("click", (s) => {
|
|
1959
|
+
s.preventDefault(), i.forEach((r) => {
|
|
1960
1960
|
let n = r == o;
|
|
1961
1961
|
r.setAttribute("aria-pressed", n);
|
|
1962
1962
|
}), a.forEach((r, n) => {
|
|
@@ -1964,13 +1964,13 @@ const tr = function(e) {
|
|
|
1964
1964
|
c ? r.setAttribute("open", c) : r.removeAttribute("open");
|
|
1965
1965
|
}), o.hasAttribute("href") && history.pushState(void 0, void 0, o.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openTab", tabTitle: o.textContent });
|
|
1966
1966
|
});
|
|
1967
|
-
}), t.forEach((o,
|
|
1967
|
+
}), t.forEach((o, s) => {
|
|
1968
1968
|
o.addEventListener("focus", (r) => {
|
|
1969
|
-
|
|
1969
|
+
i.forEach((n) => {
|
|
1970
1970
|
n.classList.remove("focus");
|
|
1971
|
-
}), s
|
|
1971
|
+
}), i[s].classList.add("focus");
|
|
1972
1972
|
}), o.addEventListener("click", (r) => {
|
|
1973
|
-
r.preventDefault(), s
|
|
1973
|
+
r.preventDefault(), i[s].click();
|
|
1974
1974
|
});
|
|
1975
1975
|
});
|
|
1976
1976
|
}, ar = function(e) {
|
|
@@ -1983,8 +1983,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
1983
1983
|
let ir = class extends HTMLElement {
|
|
1984
1984
|
constructor() {
|
|
1985
1985
|
super(), this.attachShadow({ mode: "open" });
|
|
1986
|
-
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`,
|
|
1987
|
-
|
|
1986
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
1987
|
+
i.innerHTML = `
|
|
1988
1988
|
<style>
|
|
1989
1989
|
@import "${t}";
|
|
1990
1990
|
|
|
@@ -1998,7 +1998,7 @@ let ir = class extends HTMLElement {
|
|
|
1998
1998
|
<div class="tabs__links"></div>
|
|
1999
1999
|
<slot></slot>
|
|
2000
2000
|
</div>
|
|
2001
|
-
`, this.shadowRoot.appendChild(
|
|
2001
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2002
2002
|
}
|
|
2003
2003
|
connectedCallback() {
|
|
2004
2004
|
let a = this.classList.toString().replace("container", "");
|
|
@@ -2009,7 +2009,7 @@ window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs"
|
|
|
2009
2009
|
const sr = {
|
|
2010
2010
|
name: "Tabs"
|
|
2011
2011
|
}, or = { ref: "wrapper" };
|
|
2012
|
-
function nr(e, a, t,
|
|
2012
|
+
function nr(e, a, t, i, o, s) {
|
|
2013
2013
|
return h(), p("iam-tabs", or, [
|
|
2014
2014
|
S(e.$slots, "default")
|
|
2015
2015
|
], 512);
|
|
@@ -2037,7 +2037,7 @@ const di = /* @__PURE__ */ _(sr, [["render", nr]]), lr = {
|
|
|
2037
2037
|
}
|
|
2038
2038
|
}
|
|
2039
2039
|
}, cr = { class: "tab" }, dr = ["innerHTML"];
|
|
2040
|
-
function ur(e, a, t,
|
|
2040
|
+
function ur(e, a, t, i, o, s) {
|
|
2041
2041
|
return h(), p("details", cr, [
|
|
2042
2042
|
g("summary", { innerHTML: t.title }, null, 8, dr),
|
|
2043
2043
|
S(e.$slots, "default")
|
|
@@ -2062,9 +2062,9 @@ const mr = {
|
|
|
2062
2062
|
console.log(this);
|
|
2063
2063
|
const a = new FormData(e.target);
|
|
2064
2064
|
let t = /* @__PURE__ */ new Date();
|
|
2065
|
-
const
|
|
2066
|
-
let o = t.getMonth() + 1,
|
|
2067
|
-
|
|
2065
|
+
const i = t.getFullYear();
|
|
2066
|
+
let o = t.getMonth() + 1, s = t.getDate();
|
|
2067
|
+
s < 10 && (s = "0" + s), o < 10 && (o = "0" + o), t = s + "/" + o + "/" + i, this.itemsData.unshift({
|
|
2068
2068
|
date_added: t,
|
|
2069
2069
|
user: a.get("user"),
|
|
2070
2070
|
note: a.get("addNote")
|
|
@@ -2093,7 +2093,7 @@ const mr = {
|
|
|
2093
2093
|
}
|
|
2094
2094
|
}
|
|
2095
2095
|
}, hr = { class: "container note-feed mb-2" }, pr = ["innerHTML"], br = ["action", "method"], fr = ["value"], gr = /* @__PURE__ */ g("button", { class: "btn btn-tertiary" }, "Submit note", -1);
|
|
2096
|
-
function yr(e, a, t,
|
|
2096
|
+
function yr(e, a, t, i, o, s) {
|
|
2097
2097
|
const r = z("Table"), n = z("Input");
|
|
2098
2098
|
return h(), p("div", hr, [
|
|
2099
2099
|
t.title ? (h(), p("span", {
|
|
@@ -2108,7 +2108,7 @@ function yr(e, a, t, s, o, i) {
|
|
|
2108
2108
|
g("form", {
|
|
2109
2109
|
action: t.action,
|
|
2110
2110
|
method: t.method,
|
|
2111
|
-
onSubmit: a[0] || (a[0] = gt((c) =>
|
|
2111
|
+
onSubmit: a[0] || (a[0] = gt((c) => s.submitForm(...arguments), ["prevent"]))
|
|
2112
2112
|
}, [
|
|
2113
2113
|
g("input", {
|
|
2114
2114
|
type: "hidden",
|
|
@@ -2128,58 +2128,58 @@ function yr(e, a, t, s, o, i) {
|
|
|
2128
2128
|
}
|
|
2129
2129
|
const mi = /* @__PURE__ */ _(mr, [["render", yr]]);
|
|
2130
2130
|
/*!
|
|
2131
|
-
* iamKey v4.1.0-beta
|
|
2131
|
+
* iamKey v4.1.0-beta-3
|
|
2132
2132
|
* Copyright 2022-2023 iamproperty
|
|
2133
2133
|
*/
|
|
2134
2134
|
function vr(e, a) {
|
|
2135
|
-
function t(
|
|
2136
|
-
let
|
|
2135
|
+
function t(i, o) {
|
|
2136
|
+
let s = !1, r = o.getAttribute("name");
|
|
2137
2137
|
r.includes("[]") && (r = r.replace("[]", `[${o.value}]`));
|
|
2138
|
-
let n =
|
|
2139
|
-
n && o.getAttribute("type") == "checkbox" && (
|
|
2138
|
+
let n = i.querySelector(`[data-name="${r}"]`);
|
|
2139
|
+
n && o.getAttribute("type") == "checkbox" && (s = !0);
|
|
2140
2140
|
let c = o.getAttribute("data-filter-text");
|
|
2141
|
-
if (n || (n = document.createElement("button"),
|
|
2141
|
+
if (n || (n = document.createElement("button"), i.appendChild(n)), n.setAttribute("type", "button"), n.classList.add("filter"), n.setAttribute("data-name", r), n.innerHTML = c.replace("$value", o.value), (!o.value || s) && n.remove(), o.parentNode.closest("[data-filter-text]")) {
|
|
2142
2142
|
let l = o.parentNode.closest("[data-filter-text]"), m = !0;
|
|
2143
2143
|
if (r = "", l.querySelectorAll("input").forEach((d, f) => {
|
|
2144
2144
|
let b = d.getAttribute("name");
|
|
2145
|
-
if (r += `${f != 0 ? "," : ""}${b}`,
|
|
2145
|
+
if (r += `${f != 0 ? "," : ""}${b}`, i.querySelector(`[data-name="${b}"]`) && i.querySelector(`[data-name="${b}"]`).remove(), d.value) {
|
|
2146
2146
|
let u = document.createElement("button");
|
|
2147
|
-
u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", b), u.innerHTML = c.replace("$value", d.value),
|
|
2147
|
+
u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", b), u.innerHTML = c.replace("$value", d.value), i.appendChild(u);
|
|
2148
2148
|
} else
|
|
2149
2149
|
m = !1;
|
|
2150
|
-
}),
|
|
2150
|
+
}), i.querySelector(`[data-name="${r}"]`) && i.querySelector(`[data-name="${r}"]`).remove(), m) {
|
|
2151
2151
|
let d = l.getAttribute("data-filter-text");
|
|
2152
2152
|
l.querySelectorAll("input").forEach((b, u) => {
|
|
2153
2153
|
let v = b.getAttribute("name");
|
|
2154
|
-
|
|
2154
|
+
i.querySelector(`[data-name="${v}"]`) && i.querySelector(`[data-name="${v}"]`).remove(), d = d.replace(`$${u + 1}`, b.value);
|
|
2155
2155
|
});
|
|
2156
2156
|
let f = document.createElement("button");
|
|
2157
|
-
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", r), f.innerHTML = d,
|
|
2157
|
+
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", r), f.innerHTML = d, i.appendChild(f);
|
|
2158
2158
|
}
|
|
2159
2159
|
}
|
|
2160
2160
|
}
|
|
2161
|
-
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((
|
|
2162
|
-
t(a,
|
|
2163
|
-
}), e.addEventListener("change", function(
|
|
2164
|
-
if (
|
|
2165
|
-
let o =
|
|
2161
|
+
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, o) => {
|
|
2162
|
+
t(a, i);
|
|
2163
|
+
}), e.addEventListener("change", function(i) {
|
|
2164
|
+
if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
|
|
2165
|
+
let o = i.target.closest("input[data-filter-text]");
|
|
2166
2166
|
t(a, o);
|
|
2167
2167
|
}
|
|
2168
|
-
}), a.addEventListener("click", function(
|
|
2169
|
-
if (
|
|
2170
|
-
let r =
|
|
2168
|
+
}), a.addEventListener("click", function(i) {
|
|
2169
|
+
if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
|
|
2170
|
+
let r = i.target.closest(".filter"), n = r.getAttribute("data-name").split(",");
|
|
2171
2171
|
for (var o = 0; o < n.length; o++) {
|
|
2172
2172
|
let c = n[o], l = `[name="${c}"]`;
|
|
2173
2173
|
c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), l = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
|
|
2174
2174
|
let m = e.querySelectorAll(l);
|
|
2175
|
-
for (var
|
|
2176
|
-
let d = m[
|
|
2175
|
+
for (var s = 0; s < m.length; s++) {
|
|
2176
|
+
let d = m[s];
|
|
2177
2177
|
if (d.getAttribute("type") != "radio" && d.getAttribute("type") != "checkbox")
|
|
2178
2178
|
d.value = "";
|
|
2179
2179
|
else {
|
|
2180
2180
|
d.checked = !1;
|
|
2181
|
-
var
|
|
2182
|
-
e.hasAttribute("data-nosubmit") || d.closest("form").dispatchEvent(
|
|
2181
|
+
var i = new Event("force");
|
|
2182
|
+
e.hasAttribute("data-nosubmit") || d.closest("form").dispatchEvent(i);
|
|
2183
2183
|
}
|
|
2184
2184
|
}
|
|
2185
2185
|
}
|
|
@@ -2192,7 +2192,7 @@ let wr = class extends HTMLElement {
|
|
|
2192
2192
|
constructor() {
|
|
2193
2193
|
super(), this.attachShadow({ mode: "open" });
|
|
2194
2194
|
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`;
|
|
2195
|
-
let
|
|
2195
|
+
let i = this.classList.toString();
|
|
2196
2196
|
const o = document.createElement("template");
|
|
2197
2197
|
o.innerHTML = `
|
|
2198
2198
|
<style>
|
|
@@ -2201,7 +2201,7 @@ let wr = class extends HTMLElement {
|
|
|
2201
2201
|
|
|
2202
2202
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2203
2203
|
</style>
|
|
2204
|
-
<div class="applied-filters ${
|
|
2204
|
+
<div class="applied-filters ${i}"></div>
|
|
2205
2205
|
<slot></slot>
|
|
2206
2206
|
`, this.shadowRoot.appendChild(o.content.cloneNode(!0));
|
|
2207
2207
|
}
|
|
@@ -2213,14 +2213,14 @@ window.customElements.get("iam-applied-filters") || window.customElements.define
|
|
|
2213
2213
|
const Ar = {
|
|
2214
2214
|
name: "Header"
|
|
2215
2215
|
};
|
|
2216
|
-
function _r(e, a, t,
|
|
2216
|
+
function _r(e, a, t, i, o, s) {
|
|
2217
2217
|
return h(), p("iam-applied-filters", null, [
|
|
2218
2218
|
S(e.$slots, "default")
|
|
2219
2219
|
]);
|
|
2220
2220
|
}
|
|
2221
2221
|
const pi = /* @__PURE__ */ _(Ar, [["render", _r]]);
|
|
2222
2222
|
/*!
|
|
2223
|
-
* iamKey v4.1.0-beta
|
|
2223
|
+
* iamKey v4.1.0-beta-3
|
|
2224
2224
|
* Copyright 2022-2023 iamproperty
|
|
2225
2225
|
*/
|
|
2226
2226
|
function Lr(e, a) {
|
|
@@ -2228,16 +2228,16 @@ function Lr(e, a) {
|
|
|
2228
2228
|
}
|
|
2229
2229
|
function Sr(e, a) {
|
|
2230
2230
|
var t;
|
|
2231
|
-
a.addEventListener("keyup", (
|
|
2231
|
+
a.addEventListener("keyup", (i) => {
|
|
2232
2232
|
clearTimeout(t), t = setTimeout(function() {
|
|
2233
2233
|
Z(e, a.value);
|
|
2234
2234
|
}, 500);
|
|
2235
|
-
}), a.addEventListener("change", (
|
|
2235
|
+
}), a.addEventListener("change", (i) => {
|
|
2236
2236
|
clearTimeout(t), Z(e, a.value);
|
|
2237
2237
|
});
|
|
2238
2238
|
}
|
|
2239
2239
|
const Z = function(e, a) {
|
|
2240
|
-
Array.from(e.querySelectorAll(":scope > li")).forEach((t,
|
|
2240
|
+
Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
|
|
2241
2241
|
let o = t.textContent.toLowerCase();
|
|
2242
2242
|
t.classList.add("d-none"), o.includes(a.toLowerCase()) && t.classList.remove("d-none");
|
|
2243
2243
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
|
|
@@ -2246,8 +2246,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
2246
2246
|
let kr = class extends HTMLElement {
|
|
2247
2247
|
constructor() {
|
|
2248
2248
|
super(), this.attachShadow({ mode: "open" });
|
|
2249
|
-
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`,
|
|
2250
|
-
|
|
2249
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
2250
|
+
i.innerHTML = `
|
|
2251
2251
|
<style>
|
|
2252
2252
|
@import "${t}";
|
|
2253
2253
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
@@ -2274,7 +2274,7 @@ let kr = class extends HTMLElement {
|
|
|
2274
2274
|
<div class="list__wrapper">
|
|
2275
2275
|
<slot></slot>
|
|
2276
2276
|
</div>
|
|
2277
|
-
`, this.shadowRoot.appendChild(
|
|
2277
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2278
2278
|
}
|
|
2279
2279
|
connectedCallback() {
|
|
2280
2280
|
let a = this.classList.toString();
|
|
@@ -2285,7 +2285,7 @@ window.customElements.get("iam-filterlist") || window.customElements.define("iam
|
|
|
2285
2285
|
const qr = {
|
|
2286
2286
|
name: "Filter list"
|
|
2287
2287
|
};
|
|
2288
|
-
function $r(e, a, t,
|
|
2288
|
+
function $r(e, a, t, i, o, s) {
|
|
2289
2289
|
return h(), p("iam-filterlist", null, [
|
|
2290
2290
|
S(e.$slots, "default")
|
|
2291
2291
|
]);
|
|
@@ -2303,19 +2303,19 @@ function xr(e) {
|
|
|
2303
2303
|
var a = new Er(function() {
|
|
2304
2304
|
X(e);
|
|
2305
2305
|
}, t);
|
|
2306
|
-
e.addEventListener("mouseenter", (
|
|
2306
|
+
e.addEventListener("mouseenter", (i) => {
|
|
2307
2307
|
a.pause();
|
|
2308
|
-
}), e.addEventListener("mouseleave", (
|
|
2308
|
+
}), e.addEventListener("mouseleave", (i) => {
|
|
2309
2309
|
a.resume();
|
|
2310
2310
|
});
|
|
2311
2311
|
}
|
|
2312
2312
|
}
|
|
2313
2313
|
function Er(e, a) {
|
|
2314
|
-
var t,
|
|
2314
|
+
var t, i, o = a;
|
|
2315
2315
|
this.pause = function() {
|
|
2316
|
-
window.clearTimeout(t), o -= /* @__PURE__ */ new Date() -
|
|
2316
|
+
window.clearTimeout(t), o -= /* @__PURE__ */ new Date() - i;
|
|
2317
2317
|
}, this.resume = function() {
|
|
2318
|
-
|
|
2318
|
+
i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, o);
|
|
2319
2319
|
}, this.resume();
|
|
2320
2320
|
}
|
|
2321
2321
|
const X = function(e) {
|
|
@@ -2329,15 +2329,15 @@ window.dataLayer.push({
|
|
|
2329
2329
|
class Tr extends HTMLElement {
|
|
2330
2330
|
constructor() {
|
|
2331
2331
|
super(), this.attachShadow({ mode: "open" });
|
|
2332
|
-
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`,
|
|
2332
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = `@import "${a}/css/components/notification.css";`, o = this.querySelectorAll("a,button");
|
|
2333
2333
|
Array.from(o).forEach((r, n) => {
|
|
2334
2334
|
r.setAttribute("slot", "btns"), r.classList.add("link");
|
|
2335
2335
|
}), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
|
|
2336
|
-
const
|
|
2337
|
-
|
|
2336
|
+
const s = document.createElement("template");
|
|
2337
|
+
s.innerHTML = `
|
|
2338
2338
|
<style>
|
|
2339
2339
|
@import "${t}";
|
|
2340
|
-
${
|
|
2340
|
+
${i}
|
|
2341
2341
|
${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
|
|
2342
2342
|
</style>
|
|
2343
2343
|
|
|
@@ -2346,12 +2346,12 @@ class Tr extends HTMLElement {
|
|
|
2346
2346
|
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
|
|
2347
2347
|
${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
|
|
2348
2348
|
</div>
|
|
2349
|
-
`, this.shadowRoot.appendChild(
|
|
2349
|
+
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
2350
2350
|
}
|
|
2351
2351
|
connectedCallback() {
|
|
2352
2352
|
const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
|
|
2353
2353
|
this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
|
|
2354
|
-
const
|
|
2354
|
+
const i = this;
|
|
2355
2355
|
if (!this.querySelector("i"))
|
|
2356
2356
|
switch (t) {
|
|
2357
2357
|
case "danger":
|
|
@@ -2366,8 +2366,8 @@ class Tr extends HTMLElement {
|
|
|
2366
2366
|
default:
|
|
2367
2367
|
this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
|
|
2368
2368
|
}
|
|
2369
|
-
xr(
|
|
2370
|
-
X(
|
|
2369
|
+
xr(i), a && a.addEventListener("click", function(o) {
|
|
2370
|
+
X(i);
|
|
2371
2371
|
}, !1);
|
|
2372
2372
|
}
|
|
2373
2373
|
}
|
|
@@ -2380,28 +2380,28 @@ const Mr = {
|
|
|
2380
2380
|
});
|
|
2381
2381
|
}
|
|
2382
2382
|
};
|
|
2383
|
-
function Hr(e, a, t,
|
|
2383
|
+
function Hr(e, a, t, i, o, s) {
|
|
2384
2384
|
return h(), p("iam-notification", null, [
|
|
2385
2385
|
S(e.$slots, "default")
|
|
2386
2386
|
]);
|
|
2387
2387
|
}
|
|
2388
2388
|
const gi = /* @__PURE__ */ _(Mr, [["render", Hr]]);
|
|
2389
2389
|
/*!
|
|
2390
|
-
* iamKey v4.1.0-beta
|
|
2390
|
+
* iamKey v4.1.0-beta-3
|
|
2391
2391
|
* Copyright 2022-2023 iamproperty
|
|
2392
2392
|
*/
|
|
2393
2393
|
const Cr = function(e) {
|
|
2394
2394
|
typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
|
|
2395
2395
|
var a = e.getAttribute("data-id"), t = e.getAttribute("id");
|
|
2396
2396
|
if (typeof t > "u" || t == null) {
|
|
2397
|
-
var
|
|
2398
|
-
t =
|
|
2397
|
+
var i = String.fromCharCode(65 + Math.floor(Math.random() * 26));
|
|
2398
|
+
t = i + Date.now(), e.setAttribute("id", t);
|
|
2399
2399
|
}
|
|
2400
2400
|
function o() {
|
|
2401
|
-
window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady:
|
|
2401
|
+
window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady: s, onStateChange: n } });
|
|
2402
2402
|
}
|
|
2403
2403
|
o();
|
|
2404
|
-
function
|
|
2404
|
+
function s(c) {
|
|
2405
2405
|
c.target.playVideo();
|
|
2406
2406
|
}
|
|
2407
2407
|
var r = !1;
|
|
@@ -2417,7 +2417,7 @@ const Cr = function(e) {
|
|
|
2417
2417
|
if (a.target.tagName == "IAM-ACTIONBAR")
|
|
2418
2418
|
return !1;
|
|
2419
2419
|
if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
|
|
2420
|
-
const o = a.target.closest("[data-modal]"),
|
|
2420
|
+
const o = a.target.closest("[data-modal]"), s = o.hasAttribute("data-modal") ? o.getAttribute("data-modal") : o.getAttribute("data-filter"), r = document.querySelector(`dialog#${s}`);
|
|
2421
2421
|
tt(r), r.showModal(), r.focus();
|
|
2422
2422
|
let n = r.offsetWidth;
|
|
2423
2423
|
r.setAttribute("style", `max-width: ${n}px;`), Array.from(r.querySelectorAll("[data-duplicate]")).forEach((c, l) => {
|
|
@@ -2427,39 +2427,39 @@ const Cr = function(e) {
|
|
|
2427
2427
|
let f = new Event("change");
|
|
2428
2428
|
c.dispatchEvent(f);
|
|
2429
2429
|
}
|
|
2430
|
-
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id:
|
|
2430
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: s });
|
|
2431
2431
|
}
|
|
2432
2432
|
if (a && a.target instanceof HTMLElement && a.target.closest("button.dialog__close")) {
|
|
2433
2433
|
const o = a.target.closest("dialog[open]");
|
|
2434
|
-
a.preventDefault(), o.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((
|
|
2435
|
-
|
|
2434
|
+
a.preventDefault(), o.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
|
|
2435
|
+
s.classList.remove("active");
|
|
2436
2436
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
|
|
2437
2437
|
}
|
|
2438
2438
|
if (a && a.target instanceof HTMLElement && a.target.closest('button[formmethod="dialog"]')) {
|
|
2439
2439
|
const o = a.target.closest("dialog[open]");
|
|
2440
|
-
Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((
|
|
2441
|
-
|
|
2440
|
+
Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
|
|
2441
|
+
s.classList.remove("active");
|
|
2442
2442
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
|
|
2443
2443
|
}
|
|
2444
2444
|
if (a && a.target instanceof HTMLElement && a.target.closest("dialog[open]")) {
|
|
2445
2445
|
let o = a.target.closest("dialog[open]");
|
|
2446
2446
|
var t = window.getComputedStyle(o);
|
|
2447
2447
|
if (t.display === "contents" && (o = o.parentNode.closest("dialog[open]")), !o.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") || o.classList.contains("dialog--multi")) {
|
|
2448
|
-
const
|
|
2449
|
-
(a.clientX <
|
|
2448
|
+
const s = o.getBoundingClientRect();
|
|
2449
|
+
(a.clientX < s.left || a.clientX > s.right || a.clientY < s.top || a.clientY > s.bottom) && (a.target.closest('input[type="radio"]') || o.close(), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") }));
|
|
2450
2450
|
}
|
|
2451
2451
|
}
|
|
2452
2452
|
if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
|
|
2453
2453
|
a.stopPropagation();
|
|
2454
|
-
let o = a.target.closest(".dialog__wrapper > button"),
|
|
2454
|
+
let o = a.target.closest(".dialog__wrapper > button"), s = a.target.closest(".dialog__wrapper > button").parentNode, r = "openPopover", n = s.querySelector(":scope > dialog");
|
|
2455
2455
|
if (document.querySelector("*:not([data-keep-open]) > dialog[open]") && document.querySelector("*:not([data-keep-open]) > dialog[open]") != n && document.querySelector("*:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((d, f) => {
|
|
2456
2456
|
d.classList.remove("active");
|
|
2457
2457
|
}), n.hasAttribute("open"))
|
|
2458
2458
|
n.close(), r = "closePopover", n.removeAttribute("style"), o.classList.remove("active");
|
|
2459
2459
|
else {
|
|
2460
2460
|
n.show(), o.classList.add("active");
|
|
2461
|
-
var
|
|
2462
|
-
let d =
|
|
2461
|
+
var i = o.getBoundingClientRect();
|
|
2462
|
+
let d = i.top, f = i.left;
|
|
2463
2463
|
if (o.closest("iam-table")) {
|
|
2464
2464
|
let b = o.closest("iam-table").parentNode.getBoundingClientRect();
|
|
2465
2465
|
d -= b.top, f -= b.left;
|
|
@@ -2473,7 +2473,7 @@ const Cr = function(e) {
|
|
|
2473
2473
|
}
|
|
2474
2474
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: r, id: o.textContent });
|
|
2475
2475
|
}
|
|
2476
|
-
a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((o,
|
|
2476
|
+
a && a.target instanceof HTMLElement && !a.target.closest("dialog[open]") && !a.target.closest(".dialog__wrapper > button") && (document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]") && document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(), Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((o, s) => {
|
|
2477
2477
|
o.classList.remove("active");
|
|
2478
2478
|
}));
|
|
2479
2479
|
}), null), tt = (e) => {
|
|
@@ -2483,68 +2483,75 @@ const Cr = function(e) {
|
|
|
2483
2483
|
let a = e.querySelector(".youtube-embed a");
|
|
2484
2484
|
if (a && Cr(a), e.classList.contains("dialog--multi") && !e.querySelector(":scope > .steps") && Rr(e), !e.querySelector(":scope > .mh-lg") && !e.classList.contains("dialog--multi")) {
|
|
2485
2485
|
e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
|
|
2486
|
-
let t = e.querySelector(".mh-lg"),
|
|
2487
|
-
if (
|
|
2488
|
-
let o =
|
|
2489
|
-
t.before(
|
|
2486
|
+
let t = e.querySelector(".mh-lg"), i = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
|
|
2487
|
+
if (i) {
|
|
2488
|
+
let o = i.previousSibling;
|
|
2489
|
+
t.before(i), o && i.before(o);
|
|
2490
2490
|
}
|
|
2491
2491
|
}
|
|
2492
2492
|
e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
|
|
2493
2493
|
}, Rr = (e) => {
|
|
2494
|
-
let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]"));
|
|
2495
|
-
t.forEach((
|
|
2496
|
-
a += `<button data-title="${
|
|
2497
|
-
const
|
|
2498
|
-
|
|
2494
|
+
let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]")), i = e.querySelector("form");
|
|
2495
|
+
t.forEach((r, n) => {
|
|
2496
|
+
a += `<button data-title="${r.getAttribute("data-title")}" type="button" class="${n == 0 ? "active" : ""}" tabindex="-1">${r.getAttribute("data-title")}</button>`;
|
|
2497
|
+
const c = document.createElement("div");
|
|
2498
|
+
if (c.classList.add("btn--wrapper"), r.appendChild(c), n != 0 && (c.innerHTML += `<button data-title="${t[n - 1].getAttribute("data-title")}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`), n != t.length - 1 && (c.innerHTML += `<button data-title="${t[n + 1].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="button">Next</button>`), n == t.length - 1)
|
|
2499
|
+
if (i && i.querySelector(':scope > button[type="submit"]')) {
|
|
2500
|
+
let l = i.querySelector(':scope > button[type="submit"]');
|
|
2501
|
+
l.classList.add("mb-0"), c.insertAdjacentElement("beforeend", l);
|
|
2502
|
+
} else
|
|
2503
|
+
c.innerHTML += `<button data-title="${t[n].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
|
|
2499
2504
|
}), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
|
|
2500
|
-
let
|
|
2501
|
-
for (let
|
|
2502
|
-
let
|
|
2503
|
-
if (
|
|
2504
|
-
Array.from(e.querySelectorAll(`[data-title="${
|
|
2505
|
-
|
|
2505
|
+
let o = Array.from(e.querySelectorAll("fieldset.was-validated"));
|
|
2506
|
+
for (let r = 0; r < o.length; r++) {
|
|
2507
|
+
let n = o[r], c = n.getAttribute("data-title");
|
|
2508
|
+
if (n.querySelector(".is-invalid")) {
|
|
2509
|
+
Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
|
|
2510
|
+
l.classList.add("active");
|
|
2506
2511
|
});
|
|
2507
2512
|
break;
|
|
2508
2513
|
} else
|
|
2509
|
-
Array.from(e.querySelectorAll(`[data-title="${
|
|
2510
|
-
|
|
2514
|
+
Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
|
|
2515
|
+
l.classList.add("valid");
|
|
2511
2516
|
});
|
|
2512
2517
|
}
|
|
2513
2518
|
e.addEventListener("invalid", function() {
|
|
2514
|
-
return function(
|
|
2515
|
-
|
|
2519
|
+
return function(r) {
|
|
2520
|
+
r.preventDefault();
|
|
2516
2521
|
};
|
|
2517
2522
|
}(), !0);
|
|
2518
|
-
function
|
|
2519
|
-
const
|
|
2520
|
-
let
|
|
2521
|
-
if (
|
|
2522
|
-
|
|
2523
|
-
}),
|
|
2524
|
-
|
|
2525
|
-
}) : Array.from(e.querySelectorAll(`[data-title="${
|
|
2526
|
-
|
|
2527
|
-
}),
|
|
2528
|
-
const
|
|
2529
|
-
Array.from(e.querySelectorAll("button")).forEach((
|
|
2530
|
-
|
|
2531
|
-
}), Array.from(e.querySelectorAll("fieldset")).forEach((
|
|
2532
|
-
|
|
2533
|
-
}),
|
|
2534
|
-
}
|
|
2535
|
-
let
|
|
2536
|
-
e.style.setProperty("--progress", `${
|
|
2537
|
-
}
|
|
2538
|
-
e.addEventListener("keydown", (
|
|
2539
|
-
if (
|
|
2540
|
-
const
|
|
2541
|
-
|
|
2542
|
-
}
|
|
2543
|
-
|
|
2544
|
-
}), e.addEventListener("click", (
|
|
2545
|
-
if (
|
|
2546
|
-
|
|
2547
|
-
|
|
2523
|
+
function s(r) {
|
|
2524
|
+
const n = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), c = n.getAttribute("data-title");
|
|
2525
|
+
let l = !0;
|
|
2526
|
+
if (n.classList.add("was-validated"), Array.from(n.querySelectorAll("input")).forEach((f, b) => {
|
|
2527
|
+
f.checkValidity() || (l = !1);
|
|
2528
|
+
}), l ? Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
|
|
2529
|
+
f.classList.add("valid");
|
|
2530
|
+
}) : Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
|
|
2531
|
+
f.classList.remove("valid");
|
|
2532
|
+
}), l || !r.hasAttribute("data-next")) {
|
|
2533
|
+
const f = e.querySelector(`fieldset[data-title="${r.getAttribute("data-title")}"]`), b = e.querySelector(`.steps button[data-title="${r.getAttribute("data-title")}"]`);
|
|
2534
|
+
Array.from(e.querySelectorAll("button")).forEach((u, v) => {
|
|
2535
|
+
u.classList.remove("active");
|
|
2536
|
+
}), Array.from(e.querySelectorAll("fieldset")).forEach((u, v) => {
|
|
2537
|
+
u.classList.remove("active");
|
|
2538
|
+
}), b.classList.add("active"), f.classList.add("active");
|
|
2539
|
+
}
|
|
2540
|
+
let m = Array.from(e.querySelectorAll("fieldset")).length, d = Array.from(e.querySelectorAll("fieldset.valid")).length;
|
|
2541
|
+
e.style.setProperty("--progress", `${d / (m - 1) * 100}%`);
|
|
2542
|
+
}
|
|
2543
|
+
e.addEventListener("keydown", (r) => {
|
|
2544
|
+
if (r && r.target instanceof HTMLElement && r.target.closest("button")) {
|
|
2545
|
+
const n = r.target.closest("button");
|
|
2546
|
+
r.keyCode == 13 && n.getAttribute("type") != "submit" && (r.preventDefault(), s(n));
|
|
2547
|
+
}
|
|
2548
|
+
r && r.target instanceof HTMLElement && r.target.closest("input") && (r.target.closest("input").classList.remove("is-invalid"), r.keyCode == 13 && r.preventDefault());
|
|
2549
|
+
}), e.addEventListener("click", (r) => {
|
|
2550
|
+
if (r && r.target instanceof HTMLElement && r.target.closest('button[type="submit"]'))
|
|
2551
|
+
r.target.closest("form").classList.add("was-validated");
|
|
2552
|
+
else if (r && r.target instanceof HTMLElement && r.target.closest("button[data-title]")) {
|
|
2553
|
+
const n = r.target.closest("button[data-title]");
|
|
2554
|
+
s(n);
|
|
2548
2555
|
}
|
|
2549
2556
|
return null;
|
|
2550
2557
|
});
|
|
@@ -2556,11 +2563,11 @@ function et(e, a) {
|
|
|
2556
2563
|
class Dr extends HTMLElement {
|
|
2557
2564
|
constructor() {
|
|
2558
2565
|
super(), this.attachShadow({ mode: "open" });
|
|
2559
|
-
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`,
|
|
2560
|
-
|
|
2566
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
2567
|
+
i.innerHTML = `
|
|
2561
2568
|
<style>
|
|
2562
2569
|
@import "${t}";
|
|
2563
|
-
.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;
|
|
2570
|
+
.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
|
|
2564
2571
|
|
|
2565
2572
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2566
2573
|
</style>
|
|
@@ -2605,15 +2612,15 @@ class Dr extends HTMLElement {
|
|
|
2605
2612
|
|
|
2606
2613
|
</div>
|
|
2607
2614
|
</div>
|
|
2608
|
-
`, this.shadowRoot.appendChild(
|
|
2615
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2609
2616
|
}
|
|
2610
2617
|
connectedCallback() {
|
|
2611
2618
|
let a = this;
|
|
2612
2619
|
const t = this.shadowRoot.querySelector(".actionbar__wrapper");
|
|
2613
2620
|
if (this.hasAttribute("data-selectall")) {
|
|
2614
2621
|
t.insertAdjacentHTML("afterbegin", '<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');
|
|
2615
|
-
let
|
|
2616
|
-
this.hasAttribute("data-selected") && et(
|
|
2622
|
+
let s = this.shadowRoot.querySelector(".selectall");
|
|
2623
|
+
this.hasAttribute("data-selected") && et(s, this.getAttribute("data-selected")), s.addEventListener("change", (n) => {
|
|
2617
2624
|
n && n.target instanceof HTMLElement && n.target.closest("input") && (n.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
|
|
2618
2625
|
});
|
|
2619
2626
|
let r = this.querySelector("button[data-cancel]");
|
|
@@ -2622,26 +2629,26 @@ class Dr extends HTMLElement {
|
|
|
2622
2629
|
});
|
|
2623
2630
|
}
|
|
2624
2631
|
if (this.hasAttribute("data-select-watch")) {
|
|
2625
|
-
const
|
|
2626
|
-
|
|
2632
|
+
const s = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2633
|
+
s.setAttribute("data-select-container", "true"), Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((r, n) => {
|
|
2627
2634
|
r.parentElement.setAttribute("slot", "checkbox");
|
|
2628
|
-
}),
|
|
2635
|
+
}), s.addEventListener("change", (r) => {
|
|
2629
2636
|
if (r && r.target instanceof HTMLElement && r.target.closest('[type="checkbox"]')) {
|
|
2630
|
-
let n =
|
|
2631
|
-
a.setAttribute("data-selected", n == c ? "all" : c), r.target.closest('[type="checkbox"]'), c ? Array.from(
|
|
2637
|
+
let n = s.querySelectorAll('input[type="checkbox"]').length, c = s.querySelectorAll('input[type="checkbox"]:checked').length;
|
|
2638
|
+
a.setAttribute("data-selected", n == c ? "all" : c), r.target.closest('[type="checkbox"]'), c ? Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
|
|
2632
2639
|
l.closest("iam-card") && l.closest("iam-card").setAttribute("data-selected", "true");
|
|
2633
|
-
}) : Array.from(
|
|
2640
|
+
}) : Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
|
|
2634
2641
|
l.closest("iam-card") && l.closest("iam-card").removeAttribute("data-selected");
|
|
2635
2642
|
});
|
|
2636
2643
|
}
|
|
2637
2644
|
});
|
|
2638
2645
|
}
|
|
2639
2646
|
if (this.hasAttribute("data-switchviews")) {
|
|
2640
|
-
let
|
|
2647
|
+
let s = "";
|
|
2641
2648
|
this.getAttribute("data-switchviews").split(",").forEach((r, n) => {
|
|
2642
2649
|
let c = "fa-grid-2";
|
|
2643
|
-
r == "list" ? c = "fa-grip-lines" : r == "small" && (c = "fa-bars"),
|
|
2644
|
-
}), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${
|
|
2650
|
+
r == "list" ? c = "fa-grip-lines" : r == "small" && (c = "fa-bars"), s += `<button class="btn btn-action btn-compact mb-0 fa-regular ${c}">${r}</button>`;
|
|
2651
|
+
}), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${s}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
|
|
2645
2652
|
if (r && r.target instanceof HTMLElement && r.target.closest(".btn-action")) {
|
|
2646
2653
|
let n = r.target.closest(".btn-action");
|
|
2647
2654
|
this.setAttribute("data-view", n.textContent);
|
|
@@ -2650,27 +2657,27 @@ class Dr extends HTMLElement {
|
|
|
2650
2657
|
}
|
|
2651
2658
|
});
|
|
2652
2659
|
}
|
|
2653
|
-
const
|
|
2654
|
-
this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" &&
|
|
2655
|
-
|
|
2656
|
-
}),
|
|
2657
|
-
const r = new CustomEvent("search-keyup", { detail: { search:
|
|
2660
|
+
const i = this.shadowRoot.querySelector(".actionbar--search");
|
|
2661
|
+
this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show"), this.shadowRoot.addEventListener("click", (s) => {
|
|
2662
|
+
s && s.target instanceof HTMLElement && s.target.closest("button[data-search]") && i.classList.toggle("show");
|
|
2663
|
+
}), i.addEventListener("keyup", (s) => {
|
|
2664
|
+
const r = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
|
|
2658
2665
|
this.dispatchEvent(r);
|
|
2659
|
-
}),
|
|
2660
|
-
const r = new CustomEvent("search-change", { detail: { search:
|
|
2666
|
+
}), i.addEventListener("change", (s) => {
|
|
2667
|
+
const r = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
|
|
2661
2668
|
this.dispatchEvent(r);
|
|
2662
|
-
}),
|
|
2663
|
-
if (
|
|
2664
|
-
const r = new CustomEvent("search-submit", { detail: { search:
|
|
2669
|
+
}), i.addEventListener("click", (s) => {
|
|
2670
|
+
if (s && s.target instanceof HTMLElement && s.target.closest("button.suffix")) {
|
|
2671
|
+
const r = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
|
|
2665
2672
|
this.dispatchEvent(r);
|
|
2666
2673
|
}
|
|
2667
|
-
}), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((
|
|
2668
|
-
Nr(
|
|
2674
|
+
}), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((s, r) => {
|
|
2675
|
+
Nr(s);
|
|
2669
2676
|
});
|
|
2670
2677
|
function o() {
|
|
2671
|
-
const
|
|
2678
|
+
const s = t.scrollWidth, r = document.documentElement.scrollWidth;
|
|
2672
2679
|
let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210, m = 1;
|
|
2673
|
-
r >= 992 && r <= 1280 ? m = r / 1280 : r >= 576 && r <= 1280 ? m = r / 768 : r < 576 && (m = r / 375),
|
|
2680
|
+
r >= 992 && r <= 1280 ? m = r / 1280 : r >= 576 && r <= 1280 ? m = r / 768 : r < 576 && (m = r / 375), s >= 992 && s <= 1280 ? n = n * m : s >= 576 && s <= 1280 ? n = 450 * m : s < 576 && (n = l * m), c = c * m, s < 576 ? Array.from(a.querySelectorAll(":scope > .btn:not(.js-updated)")).forEach((d, f) => {
|
|
2674
2681
|
d.className = d.className.replace(" btn-compact", " _btn-compact"), d.classList.add("btn-compact"), d.classList.add("js-updated");
|
|
2675
2682
|
}) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((d, f) => {
|
|
2676
2683
|
d.classList.remove("btn-compact"), d.classList.remove("js-updated"), d.className = d.className.replace(" _btn-compact", " btn-compact");
|
|
@@ -2706,19 +2713,19 @@ class Dr extends HTMLElement {
|
|
|
2706
2713
|
static get observedAttributes() {
|
|
2707
2714
|
return ["data-selected"];
|
|
2708
2715
|
}
|
|
2709
|
-
attributeChangedCallback(a, t,
|
|
2716
|
+
attributeChangedCallback(a, t, i) {
|
|
2710
2717
|
switch (a) {
|
|
2711
2718
|
case "data-selected": {
|
|
2712
2719
|
let o = this.shadowRoot.querySelector(".selectall");
|
|
2713
|
-
o && et(o,
|
|
2714
|
-
const
|
|
2715
|
-
if (this.dispatchEvent(
|
|
2720
|
+
o && et(o, i);
|
|
2721
|
+
const s = new CustomEvent("selected", { detail: { selected: i } });
|
|
2722
|
+
if (this.dispatchEvent(s), i == "all" && this.hasAttribute("data-select-watch")) {
|
|
2716
2723
|
const r = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2717
2724
|
Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
|
|
2718
2725
|
n.checked = !0, n.closest("iam-card") && n.closest("iam-card").setAttribute("data-selected", "true");
|
|
2719
2726
|
});
|
|
2720
2727
|
}
|
|
2721
|
-
if (
|
|
2728
|
+
if (i == "0" && this.hasAttribute("data-select-watch")) {
|
|
2722
2729
|
const r = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2723
2730
|
Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
|
|
2724
2731
|
n.checked = !1, n.closest("iam-card") && n.closest("iam-card").removeAttribute("data-selected", "true");
|
|
@@ -2736,40 +2743,40 @@ const Ir = {
|
|
|
2736
2743
|
mounted() {
|
|
2737
2744
|
}
|
|
2738
2745
|
};
|
|
2739
|
-
function
|
|
2746
|
+
function jr(e, a, t, i, o, s) {
|
|
2740
2747
|
return h(), p("iam-actionbar", null, [
|
|
2741
2748
|
S(e.$slots, "default")
|
|
2742
2749
|
]);
|
|
2743
2750
|
}
|
|
2744
|
-
const yi = /* @__PURE__ */ _(Ir, [["render",
|
|
2751
|
+
const yi = /* @__PURE__ */ _(Ir, [["render", jr]]);
|
|
2745
2752
|
/*!
|
|
2746
|
-
* iamKey v4.1.0-beta
|
|
2753
|
+
* iamKey v4.1.0-beta-3
|
|
2747
2754
|
* Copyright 2022-2023 iamproperty
|
|
2748
2755
|
*/
|
|
2749
|
-
const
|
|
2756
|
+
const Pr = function(e, a) {
|
|
2750
2757
|
if (!e.getAttribute("data-pages"))
|
|
2751
2758
|
return !1;
|
|
2752
2759
|
e.getAttribute("data-page") || e.setAttribute("data-page", 1);
|
|
2753
|
-
let t = e.getAttribute("data-page"),
|
|
2754
|
-
if (
|
|
2760
|
+
let t = e.getAttribute("data-page"), i = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), s = e.getAttribute("data-show"), r = e.getAttribute("data-increment");
|
|
2761
|
+
if (i <= 1)
|
|
2755
2762
|
return a.innerHTML = "", !1;
|
|
2756
2763
|
let n = "";
|
|
2757
|
-
for (let c = 1; c <=
|
|
2764
|
+
for (let c = 1; c <= i; c++)
|
|
2758
2765
|
c == t ? n += `<li class="page-item active" aria-current="page"><span class="page-link">${c}</span></li>` : n += `<li class="page-item"><a href="?page=${c}" class="page-link" data-page="${c}">${c}</a></li>`;
|
|
2759
2766
|
return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
|
|
2760
2767
|
${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>`}
|
|
2761
2768
|
${n}
|
|
2762
|
-
${t ==
|
|
2769
|
+
${t == i ? '<li class="page-item disabled"><span class="page-link">Next</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) + 1}" class="page-link" data-page="${parseInt(t) + 1}">Next</a></li>`}
|
|
2763
2770
|
</ul>`, a.innerHTML += `<div class="d-sm-none text-center">
|
|
2764
|
-
<span class="d-block pb-2">You've viewed ${
|
|
2765
|
-
<a href="?show=${parseInt(
|
|
2771
|
+
<span class="d-block pb-2">You've viewed ${s} of ${o} results</span>
|
|
2772
|
+
<a href="?show=${parseInt(s) + parseInt(r)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(s) + parseInt(r)}">Load more results</a>
|
|
2766
2773
|
</div>`, !0;
|
|
2767
2774
|
};
|
|
2768
2775
|
class zr extends HTMLElement {
|
|
2769
2776
|
constructor() {
|
|
2770
2777
|
super(), this.attachShadow({ mode: "open" });
|
|
2771
|
-
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`,
|
|
2772
|
-
|
|
2778
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
2779
|
+
i.innerHTML = `
|
|
2773
2780
|
<style>
|
|
2774
2781
|
@import "${t}";
|
|
2775
2782
|
|
|
@@ -2777,11 +2784,11 @@ class zr extends HTMLElement {
|
|
|
2777
2784
|
</style>
|
|
2778
2785
|
<div class="pagination__wrapper d-none">
|
|
2779
2786
|
</div>
|
|
2780
|
-
`, this.shadowRoot.appendChild(
|
|
2787
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2781
2788
|
}
|
|
2782
2789
|
connectedCallback() {
|
|
2783
2790
|
const a = new URLSearchParams(window.location.search);
|
|
2784
|
-
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", a.has("show") ? a.get("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"))),
|
|
2791
|
+
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", a.has("show") ? a.get("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"))), Pr(this, this.shadowRoot.querySelector(".pagination__wrapper")), this.shadowRoot.querySelector(".pagination__wrapper").classList.remove("d-none");
|
|
2785
2792
|
}
|
|
2786
2793
|
}
|
|
2787
2794
|
const Br = {
|
|
@@ -2796,20 +2803,20 @@ const Br = {
|
|
|
2796
2803
|
updated() {
|
|
2797
2804
|
}
|
|
2798
2805
|
};
|
|
2799
|
-
function Fr(e, a, t,
|
|
2806
|
+
function Fr(e, a, t, i, o, s) {
|
|
2800
2807
|
return h(), p("iam-pagination");
|
|
2801
2808
|
}
|
|
2802
2809
|
const vi = /* @__PURE__ */ _(Br, [["render", Fr]]);
|
|
2803
2810
|
/*!
|
|
2804
|
-
* iamKey v4.1.0-beta
|
|
2811
|
+
* iamKey v4.1.0-beta-3
|
|
2805
2812
|
* Copyright 2022-2023 iamproperty
|
|
2806
2813
|
*/
|
|
2807
2814
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
|
|
2808
2815
|
class Or extends HTMLElement {
|
|
2809
2816
|
constructor() {
|
|
2810
2817
|
super(), this.attachShadow({ mode: "open" });
|
|
2811
|
-
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`,
|
|
2812
|
-
|
|
2818
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`, i = document.createElement("template");
|
|
2819
|
+
i.innerHTML = `
|
|
2813
2820
|
<style class="styles">
|
|
2814
2821
|
@import "${t}";
|
|
2815
2822
|
:host{--colour-border: #e9e9e9;--side-link-hover: var(--colour-canvas-2);display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;max-width:80rem;overflow:hidden;position:relative}@media screen and (prefers-color-scheme: light){:host{--side-link-hover: #eeeeee}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important;overflow:hidden}}.side-menu{position:absolute;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:1.875rem;height:100%;background-color:var(--colour-canvas);transition:width 1s}.side-menu:before{content:"";position:absolute;top:0;right:0;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:2.5rem}}@media screen and (min-width: 62em){.side-menu{left:calc(50% - 34.75rem);margin-left:-5.25rem}.side-menu:after{content:"";position:absolute;top:0;height:100%;border-right:2px solid var(--colour-border);left:0;opacity:1;transition:all 1s;width:2.5rem;background:var(--colour-canvas)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important}}.side-menu .btn{position:absolute;top:2rem;right:0;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99}.side-menu:is(.open){width:calc(100% - var(--container-padding-x))}.side-menu:is(.open) .btn[class*=fa-]:before{content:"" !important}@media screen and (min-width: 36em){.side-menu:is(.open){width:23.875rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}.side-menu:is(.open) .btn{opacity:0;transition:opacity .5s}.side-menu:is(.open) .btn:is(:hover,:focus,:active){opacity:1}}.side-menu .side-menu-content{position:absolute;top:0;right:0;padding:2rem 2.5rem 0 0;width:21.9375rem;opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content{width:23.875rem}.side-menu .side-menu-content .h3{padding-left:2.5rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}::slotted(*[slot=menu]){padding-left:1.5rem}@media screen and (min-width: 36em){::slotted(*[slot=menu]){padding-left:2.5rem !important}}::slotted(hr){border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important}::slotted(a[slot=menu]){display:block;display:block !important;line-height:1.25rem !important;padding:1rem 2.5rem 1rem 1.5rem !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important;text-decoration:none;border-bottom:2px solid var(--colour-border) !important;margin-right:-2.5rem !important;border-right:2px solid var(--colour-border) !important}@media screen and (min-width: 36em){::slotted(a[slot=menu]){padding-left:2.5rem !important}}::slotted(a[slot=menu]):after{display:none}::slotted(a[slot=menu]:where(:hover,:focus,.selected)){background-color:var(--side-link-hover) !important}::slotted(a[slot=menu]:active){background-color:var(--side-link-hover) !important;font-weight:bold !important}::slotted(a[slot=menu].selected){background-color:var(--side-link-hover) !important;font-weight:bold !important;margin-right:-2.5rem !important;position:relative;border-right:2px solid var(--colour-info) !important}::slotted(a[slot=menu].selected):before{content:"";position:absolute;top:0;right:0;height:calc(100% + 4px);margin-top:-2px;width:2px;border-right:2px solid var(--colour-info);margin-right:-2px}@media(forced-colors: active){::slotted(a[slot=menu].selected):before{border-right:10px solid var(--colour-info)}}.main-content{padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){.side-menu.open+.main-content{padding-left:18.75rem}::slotted(.main-content__title){display:none}}/*# sourceMappingURL=assets/css/components/collapsible-side.css.map */
|
|
@@ -2831,11 +2838,11 @@ class Or extends HTMLElement {
|
|
|
2831
2838
|
</div>
|
|
2832
2839
|
|
|
2833
2840
|
</div>
|
|
2834
|
-
`, this.shadowRoot.appendChild(
|
|
2841
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2835
2842
|
}
|
|
2836
2843
|
connectedCallback() {
|
|
2837
|
-
const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"),
|
|
2838
|
-
this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`),
|
|
2844
|
+
const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"), i = this.shadowRoot.querySelector(".main-content"), o = this.shadowRoot.querySelector(".side-menu > .btn");
|
|
2845
|
+
this.hasAttribute("data-css") && this.shadowRoot.querySelector(".styles").insertAdjacentHTML("beforeend", `@import "${this.getAttribute("data-css")}";`), this.hasAttribute("data-title") || this.setAttribute("data-title", "configuration"), t.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), i.insertAdjacentHTML("afterbegin", `<span class="h3">${this.getAttribute("data-title")}</span>`), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)") && (this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("h4"), this.querySelector(":scope > :is(h1,h2,h3,h4,h5,h6)").classList.add("main-content__title")), o.addEventListener("click", (s) => {
|
|
2839
2846
|
a.classList.contains("open") ? (a.classList.remove("open"), setTimeout(function() {
|
|
2840
2847
|
t.classList.add("closed");
|
|
2841
2848
|
}, 1e3), a.classList.add("pe-none"), setTimeout(function() {
|
|
@@ -2843,11 +2850,11 @@ class Or extends HTMLElement {
|
|
|
2843
2850
|
}, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
|
|
2844
2851
|
a.classList.add("open");
|
|
2845
2852
|
}, 100));
|
|
2846
|
-
}), a.addEventListener("mouseenter", (
|
|
2853
|
+
}), a.addEventListener("mouseenter", (s) => {
|
|
2847
2854
|
window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
|
|
2848
|
-
}), a.addEventListener("mousemove", (
|
|
2855
|
+
}), a.addEventListener("mousemove", (s) => {
|
|
2849
2856
|
window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
|
|
2850
|
-
}), a.addEventListener("mouseleave", (
|
|
2857
|
+
}), a.addEventListener("mouseleave", (s) => {
|
|
2851
2858
|
window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
|
|
2852
2859
|
t.classList.add("closed");
|
|
2853
2860
|
}, 1e3));
|
|
@@ -2861,7 +2868,7 @@ const Vr = {
|
|
|
2861
2868
|
mounted() {
|
|
2862
2869
|
}
|
|
2863
2870
|
};
|
|
2864
|
-
function Wr(e, a, t,
|
|
2871
|
+
function Wr(e, a, t, i, o, s) {
|
|
2865
2872
|
return h(), p("iam-collapsible-side", null, [
|
|
2866
2873
|
S(e.$slots, "default")
|
|
2867
2874
|
]);
|