@iamproperty/components 4.0.0 → 4.0.1
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-global.css +1 -1
- package/assets/css/components/actionbar-global.css.map +1 -1
- package/assets/css/components/actionbar.css +1 -1
- package/assets/css/components/actionbar.css.map +1 -1
- package/assets/css/components/admin-panel.css +1 -1
- package/assets/css/components/admin-panel.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/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/lists.css.map +1 -1
- package/assets/css/components/nav-global.css +1 -1
- package/assets/css/components/nav-global.css.map +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/nav.old.css.map +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/table.css +1 -1
- package/assets/css/components/table.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +45 -0
- 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 +3 -3
- package/assets/js/components/applied-filters/applied-filters.component.min.js.map +1 -1
- package/assets/js/components/card/card.component.js +9 -1
- package/assets/js/components/card/card.component.min.js +7 -5
- package/assets/js/components/card/card.component.min.js.map +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.js +3 -0
- package/assets/js/components/table/table.component.min.js +10 -10
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +4 -4
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/applied-filters.js +6 -7
- package/assets/js/modules/dialogs.js +32 -4
- package/assets/js/modules/table.js +68 -13
- package/assets/js/scripts.bundle.js +18 -16
- 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/_corefiles.scss +0 -1
- package/assets/sass/_func.scss +1 -0
- package/assets/sass/_functions/mixins.scss +22 -0
- package/assets/sass/components/actionbar-global.scss +69 -7
- package/assets/sass/components/actionbar.scss +20 -8
- package/assets/sass/components/admin-panel.scss +47 -2
- package/assets/sass/components/card-global.scss +53 -1
- package/assets/sass/components/card.scss +14 -12
- package/assets/sass/components/charts.scss +1 -1
- package/assets/sass/components/collapsible-side.scss +1 -1
- package/assets/sass/components/dialog.scss +62 -61
- package/assets/sass/components/fileupload.scss +1 -1
- package/assets/sass/components/forms.scss +112 -102
- package/assets/sass/components/nav-global.scss +15 -9
- package/assets/sass/components/nav.scss +9 -10
- package/assets/sass/components/notification.scss +1 -1
- package/assets/sass/components/table.scss +85 -4
- package/assets/sass/core.scss +1 -0
- package/assets/sass/error.scss +2 -1
- package/assets/sass/foundations/root.scss +3 -3
- package/assets/sass/main.scss +4 -3
- package/assets/ts/components/actionbar/actionbar.component.ts +67 -2
- package/assets/ts/components/card/card.component.ts +12 -2
- package/assets/ts/components/table/table.component.ts +4 -0
- package/assets/ts/modules/applied-filters.ts +8 -10
- package/assets/ts/modules/dialogs.ts +42 -5
- package/assets/ts/modules/table.ts +82 -13
- package/dist/components.es.js +914 -838
- package/dist/components.umd.js +47 -45
- package/package.json +1 -1
package/dist/components.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { openBlock as
|
|
2
|
-
const
|
|
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
|
+
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,182 +30,217 @@ const A = (e, a) => {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}, vt = ["xlink:href"], wt = ["innerHTML"];
|
|
33
|
-
function
|
|
34
|
-
return
|
|
35
|
-
class:
|
|
33
|
+
function At(e, a, t, i, o, s) {
|
|
34
|
+
return h(), p("div", {
|
|
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
|
-
t.desc ? (
|
|
43
|
+
t.desc ? (h(), p("span", {
|
|
44
44
|
key: 0,
|
|
45
45
|
innerHTML: t.desc
|
|
46
|
-
}, null, 8, wt)) :
|
|
46
|
+
}, null, 8, wt)) : A("", !0)
|
|
47
47
|
], 2);
|
|
48
48
|
}
|
|
49
|
-
const
|
|
49
|
+
const Gr = /* @__PURE__ */ _(yt, [["render", At]]);
|
|
50
50
|
/*!
|
|
51
|
-
* iamKey v4.0.
|
|
51
|
+
* iamKey v4.0.1
|
|
52
52
|
* Copyright 2022-2023 iamproperty
|
|
53
53
|
*/
|
|
54
|
-
const
|
|
54
|
+
const _t = function(e) {
|
|
55
55
|
return typeof e != "string" ? !1 : !isNaN(e) && !isNaN(parseFloat(e));
|
|
56
56
|
}, Lt = (e, a) => String(e).padStart(a, "0"), St = (e) => e.charAt(0).toUpperCase() + e.slice(1), B = function(e, a) {
|
|
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
|
|
76
|
-
function s
|
|
77
|
-
return
|
|
78
|
-
|
|
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(
|
|
82
|
-
function n(
|
|
81
|
+
return new (t || (t = Promise))(function(s, r) {
|
|
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
|
-
function c(
|
|
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
|
-
function l(
|
|
97
|
-
|
|
96
|
+
function l(m) {
|
|
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
|
|
106
|
-
|
|
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
|
+
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
|
-
let
|
|
112
|
-
|
|
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())), 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
|
|
120
|
-
if (
|
|
121
|
-
|
|
122
|
-
let
|
|
123
|
-
|
|
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
|
+
r += 1.7, a = a > r ? a : r;
|
|
124
124
|
}
|
|
125
125
|
}), a;
|
|
126
|
-
},
|
|
126
|
+
}, $t = (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
|
|
131
|
-
if (
|
|
132
|
-
r.innerHTML = `<span class="td__content">${s}</span><button type="button" class="d-none">${s}</button>`;
|
|
133
|
-
else {
|
|
134
|
-
let i = a.querySelector(":scope > :is(td,th):nth-child(2)"), o = i.textContent;
|
|
130
|
+
let i = a.querySelector(":scope > :is(td,th):first-child"), o = i.textContent;
|
|
131
|
+
if (o != "")
|
|
135
132
|
i.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
|
|
133
|
+
else {
|
|
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
|
|
151
|
-
|
|
152
|
-
Array.from(e.querySelectorAll('td[data-label="' + n.trim() + '"]')).forEach((l,
|
|
153
|
-
l.querySelector(".td__content") ?
|
|
149
|
+
const i = t.getAttribute("id"), o = t.getAttribute("data-search").split(",");
|
|
150
|
+
let s = t.parentNode, r = {};
|
|
151
|
+
o.forEach((n, c) => {
|
|
152
|
+
Array.from(e.querySelectorAll('td[data-label="' + n.trim() + '"]')).forEach((l, m) => {
|
|
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
|
|
158
|
-
let
|
|
159
|
-
if (a.
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
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
|
+
let r = function(l, m = !1) {
|
|
159
|
+
if (a.classList.contains("processing"))
|
|
160
|
+
return !1;
|
|
161
|
+
if (l.type == "submit" && (a.classList.add("processing"), Array.from(a.querySelectorAll("[data-duplicate]")).forEach((d, f) => {
|
|
162
|
+
const b = d.getAttribute("data-duplicate"), u = document.getElementById(b), v = document.querySelector(`[for="${b}"] iam-card`);
|
|
163
|
+
if (u.checked != d.checked)
|
|
164
|
+
if (v) {
|
|
165
|
+
let q = new Event("click");
|
|
166
|
+
v.dispatchEvent(q);
|
|
167
|
+
} else
|
|
168
|
+
u.checked = d.checked;
|
|
169
|
+
}), a.classList.remove("processing")), a.hasAttribute("data-ajax")) {
|
|
170
|
+
if (!m) {
|
|
171
|
+
let d = a.querySelector("[data-pagination]");
|
|
172
|
+
d.value = 1, i.setAttribute("data-page", 1);
|
|
163
173
|
}
|
|
164
|
-
|
|
174
|
+
ot(e, a, t, i);
|
|
165
175
|
} else
|
|
166
|
-
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));
|
|
167
177
|
if (a.hasAttribute("data-ajax-post")) {
|
|
168
|
-
let
|
|
169
|
-
const
|
|
170
|
-
|
|
178
|
+
let d = new FormData(a), f = new URLSearchParams(d).toString();
|
|
179
|
+
const b = new XMLHttpRequest();
|
|
180
|
+
b.open("GET", `${window.location.href}?ajax=true&${f}`), b.send();
|
|
171
181
|
}
|
|
172
182
|
};
|
|
173
183
|
a.addEventListener("keyup", (l) => {
|
|
174
|
-
clearTimeout(
|
|
175
|
-
|
|
184
|
+
clearTimeout(s), l && l.target instanceof HTMLElement && l.target.closest("[data-search]") && (s = setTimeout(function() {
|
|
185
|
+
r(l);
|
|
176
186
|
}, 500));
|
|
177
187
|
}), a.addEventListener("change", (l) => {
|
|
178
|
-
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);
|
|
179
189
|
}), a.addEventListener("click", (l) => {
|
|
180
|
-
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
|
+
a.classList.add("processing"), Array.from(a.querySelectorAll(".applied-filters")).forEach((d, f) => {
|
|
192
|
+
d.innerHTML = "";
|
|
193
|
+
});
|
|
194
|
+
let m = a.elements;
|
|
195
|
+
for (let d = 0; d < m.length; d++)
|
|
196
|
+
switch (m[d].type.toLowerCase() ? m[d].type.toLowerCase() : "text") {
|
|
197
|
+
case "text":
|
|
198
|
+
case "password":
|
|
199
|
+
case "textarea":
|
|
200
|
+
m[d].value = "";
|
|
201
|
+
break;
|
|
202
|
+
case "radio":
|
|
203
|
+
case "checkbox":
|
|
204
|
+
m[d].checked && (m[d].checked = !1);
|
|
205
|
+
break;
|
|
206
|
+
case "select-one":
|
|
207
|
+
case "select-multi":
|
|
208
|
+
m[d].selectedIndex = -1;
|
|
209
|
+
break;
|
|
210
|
+
}
|
|
211
|
+
Array.from(a.querySelectorAll("label iam-card")).forEach((d, f) => {
|
|
212
|
+
let b = new Event("click");
|
|
213
|
+
d.dispatchEvent(b);
|
|
214
|
+
}), a.classList.remove("processing"), a.hasAttribute("data-submit") || Q(e, a, o), r(l);
|
|
215
|
+
}
|
|
181
216
|
}), a.addEventListener("submit", (l) => {
|
|
182
|
-
clearTimeout(
|
|
217
|
+
clearTimeout(s), a.hasAttribute("data-submit") || l.preventDefault(), r(l);
|
|
183
218
|
}), a.addEventListener("force", (l) => {
|
|
184
|
-
|
|
219
|
+
r(l);
|
|
185
220
|
}), a.addEventListener("paginate", (l) => {
|
|
186
|
-
|
|
221
|
+
r(l, !0);
|
|
187
222
|
});
|
|
188
223
|
let n = [], c = [];
|
|
189
|
-
Array.from(a.querySelectorAll("[data-mimic]")).forEach((l,
|
|
224
|
+
Array.from(a.querySelectorAll("[data-mimic]")).forEach((l, m) => {
|
|
190
225
|
let d = l.getAttribute("data-mimic");
|
|
191
226
|
Array.from(document.querySelectorAll(`[name="${d}"]`)).forEach((f, b) => {
|
|
192
227
|
let u = f.closest("form");
|
|
193
228
|
n.includes(u) || n.push(u), c.includes(d) || c.push(d);
|
|
194
229
|
});
|
|
195
|
-
}), n.forEach((l,
|
|
230
|
+
}), n.forEach((l, m) => {
|
|
196
231
|
const d = function() {
|
|
197
232
|
let f = [], b = new FormData(l);
|
|
198
|
-
for (const [u,
|
|
199
|
-
document.querySelector(`[data-mimic="${u}"]`) && !f.includes(u) ? (f.push(u), document.querySelector(`[data-mimic="${u}"]`).value =
|
|
233
|
+
for (const [u, v] of b)
|
|
234
|
+
document.querySelector(`[data-mimic="${u}"]`) && !f.includes(u) ? (f.push(u), document.querySelector(`[data-mimic="${u}"]`).value = v) : document.querySelector(`[data-mimic="${u}"]`) && (document.querySelector(`[data-mimic="${u}"]`).value += "," + v);
|
|
200
235
|
for (const u of f) {
|
|
201
|
-
const
|
|
202
|
-
a.dispatchEvent(
|
|
236
|
+
const v = new Event("force");
|
|
237
|
+
a.dispatchEvent(v);
|
|
203
238
|
}
|
|
204
239
|
for (const u of c)
|
|
205
240
|
if (!b.has(u) && l.querySelector(`[name="${u}"]`)) {
|
|
206
241
|
document.querySelector(`[data-mimic="${u}"]`).value = "";
|
|
207
|
-
const
|
|
208
|
-
a.dispatchEvent(
|
|
242
|
+
const v = new Event("force");
|
|
243
|
+
a.dispatchEvent(v);
|
|
209
244
|
}
|
|
210
245
|
};
|
|
211
246
|
l.addEventListener("force", (f) => {
|
|
@@ -217,46 +252,46 @@ const at = (e) => {
|
|
|
217
252
|
}, Q = (e, a, t) => {
|
|
218
253
|
if (a.getAttribute("data-ajax"))
|
|
219
254
|
return !1;
|
|
220
|
-
let
|
|
221
|
-
if (!
|
|
222
|
-
return
|
|
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
|
+
if (!r)
|
|
257
|
+
return i.innerHTML = t.innerHTML, at(e), !1;
|
|
223
258
|
let l = [];
|
|
224
259
|
["asc", "desc", "descending"].includes(n) || (l = n.split(","));
|
|
225
|
-
let
|
|
226
|
-
Array.from(
|
|
227
|
-
let u = f.querySelector('td[data-label="' +
|
|
228
|
-
f.querySelector('[data-label="' +
|
|
229
|
-
const
|
|
230
|
-
|
|
231
|
-
}),
|
|
260
|
+
let m = [];
|
|
261
|
+
Array.from(i.querySelectorAll("tr")).forEach((f, b) => {
|
|
262
|
+
let u = f.querySelector('td[data-label="' + r + '"], th[data-label="' + r + '"]').textContent.trim();
|
|
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
|
+
const v = { index: u, row: f };
|
|
265
|
+
m.push(v);
|
|
266
|
+
}), m.sort((f, b) => f.index > b.index ? 1 : -1), (n == "descending" || n == "desc") && (m = m.reverse());
|
|
232
267
|
let d = "";
|
|
233
|
-
|
|
268
|
+
m.forEach((f, b) => {
|
|
234
269
|
d += f.row.outerHTML;
|
|
235
|
-
}),
|
|
270
|
+
}), i.innerHTML = d;
|
|
236
271
|
}, G = (e, a, t) => {
|
|
237
272
|
e.classList.remove("table--filtered");
|
|
238
|
-
let
|
|
239
|
-
if (Array.from(e.querySelectorAll("tbody tr")).forEach((l,
|
|
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
|
+
if (Array.from(e.querySelectorAll("tbody tr")).forEach((l, m) => {
|
|
240
275
|
l.classList.remove("filtered"), l.classList.remove("filtered--matched"), l.classList.remove("filtered--show"), l.removeAttribute("data-filtered-by");
|
|
241
276
|
}), a.querySelector("[data-search]")) {
|
|
242
277
|
let l = a.querySelector("[data-search]");
|
|
243
|
-
a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((
|
|
244
|
-
|
|
278
|
+
a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m, d) => {
|
|
279
|
+
o.push({ column: `${m.trim()}`, value: `${l.value}` });
|
|
245
280
|
});
|
|
246
281
|
}
|
|
247
|
-
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l,
|
|
282
|
+
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
|
|
248
283
|
l.innerHTML = "", l.parentNode.classList.remove("hover");
|
|
249
284
|
});
|
|
250
285
|
let c = 0;
|
|
251
|
-
Object.values(
|
|
286
|
+
Object.values(i).forEach((l, m) => {
|
|
252
287
|
typeof l == "object" && Object.values(l).length ? c += Object.values(l).length : c++;
|
|
253
|
-
}), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l,
|
|
288
|
+
}), c && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((l, m) => {
|
|
254
289
|
l.innerHTML += `(${c})`, l.parentNode.classList.add("hover");
|
|
255
290
|
}), e.classList.add("table--filtered");
|
|
256
|
-
for (const [l,
|
|
291
|
+
for (const [l, m] of Object.entries(i))
|
|
257
292
|
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((d, f) => {
|
|
258
293
|
let b = !1;
|
|
259
|
-
|
|
294
|
+
m.forEach((u, v) => {
|
|
260
295
|
let q = d.querySelector(`[data-label="${l}"]`);
|
|
261
296
|
if (u && u == "$today")
|
|
262
297
|
u = K("date", /* @__PURE__ */ new Date());
|
|
@@ -264,82 +299,82 @@ const at = (e) => {
|
|
|
264
299
|
let L = /* @__PURE__ */ new Date();
|
|
265
300
|
L.setDate(L.getDate() - 1), u = K("date", L);
|
|
266
301
|
} else if (u && (u == "$thisWeek" || u == "$lastWeek")) {
|
|
267
|
-
let L = /* @__PURE__ */ new Date(), E = new Date(L.setDate(L.getDate() - (L.getDay() - 1))),
|
|
268
|
-
if (L.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0),
|
|
269
|
-
b =
|
|
302
|
+
let L = /* @__PURE__ */ new Date(), E = new Date(L.setDate(L.getDate() - (L.getDay() - 1))), $ = new Date(L.setDate(L.getDate() - L.getDay() + 7)), w = new Date(q.textContent.toLowerCase());
|
|
303
|
+
if (L.setHours(0, 0, 0, 0), E.setHours(0, 0, 0, 0), $.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), u == "$thisWeek")
|
|
304
|
+
b = w >= E && w <= $;
|
|
270
305
|
else {
|
|
271
|
-
let O = new Date(E.setDate(E.getDate() - 7)), T = new Date(
|
|
272
|
-
O.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), b =
|
|
306
|
+
let O = new Date(E.setDate(E.getDate() - 7)), T = new Date($.setDate($.getDate() - 7));
|
|
307
|
+
O.setHours(0, 0, 0, 0), T.setHours(0, 0, 0, 0), b = w >= O && w <= T;
|
|
273
308
|
}
|
|
274
309
|
} else if (u && u == "$thisMonth") {
|
|
275
|
-
let L = /* @__PURE__ */ new Date(), E = L.getFullYear(),
|
|
276
|
-
var y = new Date(E,
|
|
277
|
-
let
|
|
278
|
-
y.setHours(0, 0, 0, 0),
|
|
310
|
+
let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), $ = L.getMonth();
|
|
311
|
+
var y = new Date(E, $, 1), I = new Date(E, $ + 1, 0);
|
|
312
|
+
let w = new Date(q.textContent.toLowerCase());
|
|
313
|
+
y.setHours(0, 0, 0, 0), I.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= y && w <= I;
|
|
279
314
|
} else if (u && u == "$lastMonth") {
|
|
280
|
-
let L = /* @__PURE__ */ new Date(), E = L.getFullYear(),
|
|
281
|
-
var R = new Date(E,
|
|
282
|
-
let
|
|
283
|
-
R.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0),
|
|
315
|
+
let L = /* @__PURE__ */ new Date(), E = L.getFullYear(), $ = L.getMonth();
|
|
316
|
+
var R = new Date(E, $ - 1, 1), j = new Date(E, $, 0);
|
|
317
|
+
let w = new Date(q.textContent.toLowerCase());
|
|
318
|
+
R.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), w.setHours(0, 0, 0, 0), b = w >= R && w <= j;
|
|
284
319
|
}
|
|
285
320
|
q && q.textContent.toLowerCase().includes(u.toLowerCase()) && (b = !0);
|
|
286
321
|
}), b || (d.classList.add("filtered"), d.setAttribute("data-filtered-by", l));
|
|
287
322
|
});
|
|
288
|
-
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((l,
|
|
289
|
-
let d = !(
|
|
290
|
-
|
|
323
|
+
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((l, m) => {
|
|
324
|
+
let d = !(o.length > 0 && o[0].value.length >= 3);
|
|
325
|
+
o.forEach((f, b) => {
|
|
291
326
|
let u = l.querySelector(`[data-label="${f.column}"]`);
|
|
292
327
|
u && f.value.length >= 3 && u.textContent.toLowerCase().includes(f.value.toLowerCase()) && (d = !0);
|
|
293
328
|
}), d || l.classList.add("filtered");
|
|
294
|
-
}), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l,
|
|
295
|
-
|
|
296
|
-
}), t && (t.setAttribute("data-page",
|
|
329
|
+
}), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((l, m) => {
|
|
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));
|
|
297
332
|
}, F = (e, a, t) => {
|
|
298
|
-
Array.from(a.querySelectorAll("[data-query]")).forEach((
|
|
299
|
-
let
|
|
300
|
-
if (
|
|
301
|
-
t.hasAttribute("data-total") ?
|
|
302
|
-
else if (!
|
|
303
|
-
let n =
|
|
333
|
+
Array.from(a.querySelectorAll("[data-query]")).forEach((i, o) => {
|
|
334
|
+
let s = i.getAttribute("data-query"), r;
|
|
335
|
+
if (s == "total")
|
|
336
|
+
t.hasAttribute("data-total") ? r = t.getAttribute("data-total") : r = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
|
|
337
|
+
else if (!s.includes(" == ") && s.includes(" & ")) {
|
|
338
|
+
let n = s.split(" & "), c = "";
|
|
304
339
|
n.forEach((l) => {
|
|
305
340
|
c += `:not([data-filtered-by="${l}"])`;
|
|
306
|
-
}),
|
|
307
|
-
} else if (!
|
|
308
|
-
|
|
309
|
-
else if (
|
|
310
|
-
let n =
|
|
311
|
-
|
|
341
|
+
}), r = Array.from(e.querySelectorAll(`tbody tr${c}`)).length;
|
|
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
|
+
r = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(c) {
|
|
312
347
|
let l = !0;
|
|
313
|
-
for (const [
|
|
348
|
+
for (const [m, d] of Object.entries(n)) {
|
|
314
349
|
let f = d.split(" == ");
|
|
315
350
|
(!c.querySelector(`td[data-label="${f[0]}"]`) || c.querySelector(`td[data-label="${f[0]}"]`).textContent != `${f[1]}`) && (l = !1);
|
|
316
351
|
}
|
|
317
352
|
return l;
|
|
318
353
|
}).length;
|
|
319
354
|
} else {
|
|
320
|
-
let n =
|
|
321
|
-
|
|
355
|
+
let n = s.split(" == ");
|
|
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) {
|
|
322
357
|
return c.textContent === n[1];
|
|
323
358
|
}).length;
|
|
324
359
|
}
|
|
325
|
-
|
|
360
|
+
i.hasAttribute("data-total") ? i.setAttribute("data-total", r) : i.innerHTML = r;
|
|
326
361
|
});
|
|
327
|
-
}, Tt = function(e, a, t,
|
|
328
|
-
t.addEventListener("click", (
|
|
329
|
-
if (
|
|
330
|
-
|
|
331
|
-
let
|
|
332
|
-
if (
|
|
362
|
+
}, Tt = function(e, a, t, i) {
|
|
363
|
+
t.addEventListener("click", (o) => {
|
|
364
|
+
if (o && o.target instanceof HTMLElement && o.target.closest("[data-page]")) {
|
|
365
|
+
o.preventDefault();
|
|
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")) {
|
|
333
368
|
const l = new URL(location);
|
|
334
|
-
l.searchParams.set("page",
|
|
369
|
+
l.searchParams.set("page", r), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: r }, "", l);
|
|
335
370
|
}
|
|
336
371
|
const n = -250, c = e.getBoundingClientRect().top + window.pageYOffset + n;
|
|
337
372
|
window.scrollTo({ top: c, behavior: "smooth" });
|
|
338
373
|
}
|
|
339
|
-
if (
|
|
340
|
-
|
|
341
|
-
let
|
|
342
|
-
|
|
374
|
+
if (o && o.target instanceof HTMLElement && o.target.closest("[data-show]")) {
|
|
375
|
+
o.preventDefault();
|
|
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"));
|
|
343
378
|
}
|
|
344
379
|
});
|
|
345
380
|
}, Mt = (e, a) => {
|
|
@@ -349,10 +384,10 @@ const at = (e) => {
|
|
|
349
384
|
Ht(a);
|
|
350
385
|
});
|
|
351
386
|
}, Ht = function(e) {
|
|
352
|
-
for (var a = [], t = e.getElementsByTagName("tr"),
|
|
353
|
-
for (var
|
|
354
|
-
|
|
355
|
-
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(","));
|
|
356
391
|
}
|
|
357
392
|
a = a.join(`
|
|
358
393
|
`);
|
|
@@ -361,75 +396,75 @@ const at = (e) => {
|
|
|
361
396
|
c.download = "export.csv";
|
|
362
397
|
var l = window.URL.createObjectURL(n);
|
|
363
398
|
c.href = l, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
|
|
364
|
-
}, it = function(e, a, t,
|
|
365
|
-
if (at(e),
|
|
366
|
-
let
|
|
367
|
-
Array.from(e.querySelectorAll("tr")).forEach((
|
|
368
|
-
let c =
|
|
369
|
-
|
|
399
|
+
}, it = function(e, a, t, i) {
|
|
400
|
+
if (at(e), $t(e), F(e, a, i), i && i.classList.contains("table--cta")) {
|
|
401
|
+
let o = function() {
|
|
402
|
+
Array.from(e.querySelectorAll("tr")).forEach((r, n) => {
|
|
403
|
+
let c = r.offsetHeight;
|
|
404
|
+
r.style.setProperty("--row-height", `${c}px`);
|
|
370
405
|
});
|
|
371
406
|
};
|
|
372
|
-
const
|
|
373
|
-
|
|
407
|
+
const s = qt(e);
|
|
408
|
+
i.style.setProperty("--cta-width", `${s}rem`), new ResizeObserver(o).observe(e);
|
|
374
409
|
}
|
|
375
|
-
},
|
|
410
|
+
}, st = function(e) {
|
|
376
411
|
let a = new Object();
|
|
377
|
-
return Array.from(e.querySelectorAll("[data-filter]")).forEach((t,
|
|
412
|
+
return Array.from(e.querySelectorAll("[data-filter]")).forEach((t, i) => {
|
|
378
413
|
if (!(t.type == "radio" && !t.checked) && !(t.type == "checkbox" && !t.checked) && t && t.value) {
|
|
379
|
-
let
|
|
380
|
-
a[
|
|
414
|
+
let o = t.getAttribute("data-filter");
|
|
415
|
+
a[o] || (a[o] = new Array()), a[o].push(t.value);
|
|
381
416
|
}
|
|
382
417
|
}), a;
|
|
383
|
-
},
|
|
384
|
-
return
|
|
385
|
-
const
|
|
386
|
-
let
|
|
387
|
-
|
|
388
|
-
let
|
|
418
|
+
}, ot = function(e, a, t, i) {
|
|
419
|
+
return kt(this, void 0, void 0, function* () {
|
|
420
|
+
const o = (b, u, v) => u.split(/[\.\[\]\'\"]/).filter((q) => q).reduce((q, y) => q ? q[y] : v, b);
|
|
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
|
+
let m = st(a);
|
|
389
424
|
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
|
|
390
425
|
b.innerHTML = "", b.parentNode.classList.remove("hover");
|
|
391
426
|
});
|
|
392
427
|
let d = 0;
|
|
393
|
-
Object.values(
|
|
428
|
+
Object.values(m).forEach((b, u) => {
|
|
394
429
|
typeof b == "object" && Object.values(b).length ? d += Object.values(b).length : d++;
|
|
395
430
|
}), d && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((b, u) => {
|
|
396
431
|
b.innerHTML += `(${d})`, b.parentNode.classList.add("hover");
|
|
397
432
|
}), window.controller || (window.controller = []), window.controller[l] && window.controller[l].abort(), window.controller[l] = new AbortController();
|
|
398
433
|
const { signal: f } = controller[l];
|
|
399
434
|
try {
|
|
400
|
-
yield fetch(l + "?" +
|
|
401
|
-
let u = a.hasAttribute("data-schema") ? a.getAttribute("data-schema") : "data",
|
|
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), j = i.hasAttribute("data-empty-msg") ? i.getAttribute("data-empty-msg") : "No results found";
|
|
402
437
|
R ? (c.innerHTML = "", R.forEach((L, E) => {
|
|
403
|
-
var
|
|
404
|
-
n.forEach((
|
|
438
|
+
var $ = document.createElement("tr");
|
|
439
|
+
n.forEach((w, O) => {
|
|
405
440
|
let T = "";
|
|
406
441
|
var V = document.createElement("td");
|
|
407
|
-
if (V.setAttribute("data-label",
|
|
408
|
-
var W =
|
|
442
|
+
if (V.setAttribute("data-label", w.innerText), w.getAttribute("data-output")) {
|
|
443
|
+
var W = w.getAttribute("data-output");
|
|
409
444
|
T = W.replace(new RegExp(/{(.*?)}/, "gm"), function(dt) {
|
|
410
|
-
return
|
|
445
|
+
return o(L, dt.replace("{", "").replace("}", ""));
|
|
411
446
|
});
|
|
412
447
|
}
|
|
413
|
-
if (
|
|
414
|
-
var W =
|
|
415
|
-
let ut =
|
|
416
|
-
T = "", ut.forEach((J,
|
|
417
|
-
let mt =
|
|
418
|
-
if (
|
|
419
|
-
const U =
|
|
420
|
-
|
|
448
|
+
if (w.hasAttribute("data-output-array")) {
|
|
449
|
+
var W = w.getAttribute("data-output");
|
|
450
|
+
let ut = o(L, W.replace("{", "").replace("}", ""));
|
|
451
|
+
T = "", ut.forEach((J, Ur) => {
|
|
452
|
+
let mt = w.getAttribute("data-output-array"), P = "";
|
|
453
|
+
if (w.hasAttribute("data-output-array-property") && w.hasAttribute("data-output-array-transform")) {
|
|
454
|
+
const U = o(J, w.getAttribute("data-output-array-property")), ht = JSON.parse(w.getAttribute("data-output-array-transform"))[U];
|
|
455
|
+
P = mt.replace(`{${w.getAttribute("data-output-array-property")}}`, ht);
|
|
421
456
|
}
|
|
422
|
-
|
|
423
|
-
return
|
|
424
|
-
}), T +=
|
|
457
|
+
P = P.replace(new RegExp(/{(.*?)}/, "gm"), function(U) {
|
|
458
|
+
return o(J, U.replace("{", "").replace("}", ""));
|
|
459
|
+
}), T += P;
|
|
425
460
|
});
|
|
426
461
|
}
|
|
427
|
-
|
|
428
|
-
}), c.appendChild(
|
|
429
|
-
}),
|
|
430
|
-
let
|
|
431
|
-
L.hasAttribute("data-total") ? L.setAttribute("data-total",
|
|
432
|
-
}), parseInt(y) == 0 && (c.innerHTML = `<tr><td colspan="100%"><span>${j}</span></td></tr>`),
|
|
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
|
+
}), c.appendChild($);
|
|
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
|
+
let $ = o(b, L.getAttribute("data-ajax-query"), "");
|
|
466
|
+
L.hasAttribute("data-total") ? L.setAttribute("data-total", $) : L.innerHTML = $;
|
|
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>';
|
|
433
468
|
});
|
|
434
469
|
} catch (b) {
|
|
435
470
|
console.log(b);
|
|
@@ -448,8 +483,8 @@ const at = (e) => {
|
|
|
448
483
|
class Ct extends HTMLElement {
|
|
449
484
|
constructor() {
|
|
450
485
|
super(), this.attachShadow({ mode: "open" });
|
|
451
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.body.hasAttribute("data-core-css") ? document.body.getAttribute("data-core-css") : `${a}/css/core.min.css`,
|
|
452
|
-
|
|
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 = `
|
|
453
488
|
<style>
|
|
454
489
|
@import "${t}";
|
|
455
490
|
|
|
@@ -472,30 +507,30 @@ class Ct extends HTMLElement {
|
|
|
472
507
|
</div>
|
|
473
508
|
</div>
|
|
474
509
|
<div class="table__pagination"></div>
|
|
475
|
-
`, this.shadowRoot.appendChild(
|
|
510
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
476
511
|
}
|
|
477
512
|
connectedCallback() {
|
|
478
513
|
const a = new URLSearchParams(window.location.search);
|
|
479
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")));
|
|
480
515
|
let t = this.classList.toString();
|
|
481
|
-
if (t = t.replace("table--cta", ""), t = t.replace("table--loading", ""), this.shadowRoot.querySelector(".table__wrapper").className += ` ${t}`, this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.classList.contains("table--cta") || this.shadowRoot.querySelector(".table--cta").classList.remove("table--cta"), this.form = document.createElement("form"), this.hasAttribute("data-filterby") ? this.form = document.querySelector(`#${this.getAttribute("data-filterby")}`) : this.table.parentNode.insertBefore(this.form, this.table.nextSibling), this.form.hasAttribute("data-ajax") && this.table.classList.add("table--ajax"),
|
|
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) => {
|
|
482
517
|
this.table.querySelector("dialog[open]") && (this.table.querySelector("dialog[open]").close(), this.table.querySelector(".dialog__wrapper > button.active").classList.remove("active"));
|
|
483
518
|
}), this.querySelector("iam-actionbar[data-selectall]")) {
|
|
484
|
-
const
|
|
485
|
-
Array.from(this.table.querySelectorAll("thead tr")).forEach((
|
|
486
|
-
|
|
487
|
-
}), Array.from(this.table.querySelectorAll("tbody tr")).forEach((
|
|
488
|
-
|
|
489
|
-
}), this.table.addEventListener("change", (
|
|
490
|
-
if (
|
|
491
|
-
let
|
|
492
|
-
|
|
519
|
+
const i = this.querySelector("iam-actionbar[data-selectall]");
|
|
520
|
+
Array.from(this.table.querySelectorAll("thead tr")).forEach((o, s) => {
|
|
521
|
+
o.insertAdjacentHTML("afterbegin", "<th></th>");
|
|
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
|
+
}), this.table.addEventListener("change", (o) => {
|
|
525
|
+
if (o && o.target instanceof HTMLElement && o.target.closest(".selectrow input")) {
|
|
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);
|
|
493
528
|
}
|
|
494
|
-
}),
|
|
495
|
-
console.log(
|
|
496
|
-
|
|
497
|
-
}) :
|
|
498
|
-
|
|
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;
|
|
499
534
|
});
|
|
500
535
|
});
|
|
501
536
|
}
|
|
@@ -503,10 +538,10 @@ class Ct extends HTMLElement {
|
|
|
503
538
|
static get observedAttributes() {
|
|
504
539
|
return ["data-total", "data-pages", "data-page", "data-show"];
|
|
505
540
|
}
|
|
506
|
-
attributeChangedCallback(a, t,
|
|
541
|
+
attributeChangedCallback(a, t, i) {
|
|
507
542
|
}
|
|
508
543
|
}
|
|
509
|
-
const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"),
|
|
544
|
+
const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(/_/g, " "), Dt = (e) => e.replace(/ /g, "_"), It = function(e) {
|
|
510
545
|
return e = e.toLowerCase(), e = Dt(e), e = e.replace(/\W/g, ""), e;
|
|
511
546
|
}, jt = {
|
|
512
547
|
name: "Table",
|
|
@@ -532,32 +567,32 @@ const Nt = (e) => e.charAt(0).toUpperCase() + e.slice(1), Rt = (e) => e.replace(
|
|
|
532
567
|
},
|
|
533
568
|
updated() {
|
|
534
569
|
}
|
|
535
|
-
},
|
|
536
|
-
function Ot(e, a, t,
|
|
537
|
-
return
|
|
538
|
-
t.fields ? (
|
|
570
|
+
}, Pt = { key: 0 }, zt = { key: 0 }, Bt = ["data-row-id"], Ft = ["innerHTML"];
|
|
571
|
+
function Ot(e, a, t, i, o, s) {
|
|
572
|
+
return h(), p("iam-table", null, [
|
|
573
|
+
t.fields ? (h(), p("table", Pt, [
|
|
539
574
|
g("thead", null, [
|
|
540
575
|
g("tr", null, [
|
|
541
|
-
(
|
|
542
|
-
key:
|
|
543
|
-
}, x(
|
|
576
|
+
(h(!0), p(M, null, H(t.fields, (r) => (h(), p("th", {
|
|
577
|
+
key: r.key
|
|
578
|
+
}, x(s.cellHeading(r.key)), 1))), 128))
|
|
544
579
|
])
|
|
545
580
|
]),
|
|
546
|
-
t.items ? (
|
|
547
|
-
(
|
|
581
|
+
t.items ? (h(), p("tbody", zt, [
|
|
582
|
+
(h(!0), p(M, null, H(t.items, (r, n) => (h(), p("tr", {
|
|
548
583
|
key: n,
|
|
549
|
-
"data-row-id":
|
|
584
|
+
"data-row-id": r.rowid
|
|
550
585
|
}, [
|
|
551
|
-
(
|
|
586
|
+
(h(!0), p(M, null, H(Object.fromEntries(Object.entries(r).filter(([c]) => c !== "rowid")), (c, l) => (h(), p("td", {
|
|
552
587
|
key: l,
|
|
553
588
|
innerHTML: c
|
|
554
589
|
}, null, 8, Ft))), 128))
|
|
555
590
|
], 8, Bt))), 128))
|
|
556
|
-
])) :
|
|
591
|
+
])) : A("", !0)
|
|
557
592
|
])) : S(e.$slots, "default", { key: 1 })
|
|
558
593
|
]);
|
|
559
594
|
}
|
|
560
|
-
const nt = /* @__PURE__ */
|
|
595
|
+
const nt = /* @__PURE__ */ _(jt, [["render", Ot]]), Vt = {
|
|
561
596
|
name: "Input",
|
|
562
597
|
props: {
|
|
563
598
|
value: {
|
|
@@ -751,184 +786,184 @@ const nt = /* @__PURE__ */ A(jt, [["render", Ot]]), Vt = {
|
|
|
751
786
|
}, Jt = ["type", "name", "id", "pattern", "list"], Qt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Zt = {
|
|
752
787
|
key: 6,
|
|
753
788
|
class: "input-group"
|
|
754
|
-
}, te = ["type", "name", "id", "pattern", "list"], ee = { class: "input-group-text flex-fill" }, ae = ["type", "name", "id", "pattern"],
|
|
755
|
-
function ue(e, a, t,
|
|
756
|
-
return
|
|
757
|
-
class:
|
|
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, i, o, s) {
|
|
791
|
+
return h(), p("div", {
|
|
792
|
+
class: k(s.wrapperClass()),
|
|
758
793
|
ref: "wrapper"
|
|
759
794
|
}, [
|
|
760
|
-
|
|
795
|
+
s.needsLabel() ? (h(), p("label", {
|
|
761
796
|
key: 0,
|
|
762
|
-
class:
|
|
797
|
+
class: k(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
763
798
|
for: t.id,
|
|
764
|
-
innerHTML:
|
|
799
|
+
innerHTML: s.displayLabel(),
|
|
765
800
|
title: t.title
|
|
766
|
-
}, null, 10, Wt)) :
|
|
767
|
-
t.prefix ? (
|
|
801
|
+
}, null, 10, Wt)) : A("", !0),
|
|
802
|
+
t.prefix ? (h(), p("span", {
|
|
768
803
|
key: 1,
|
|
769
|
-
class:
|
|
804
|
+
class: k(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
|
|
770
805
|
innerHTML: t.prefix,
|
|
771
806
|
role: "presentation"
|
|
772
|
-
}, null, 10, Ut)) :
|
|
773
|
-
t.suffix ? (
|
|
807
|
+
}, null, 10, Ut)) : A("", !0),
|
|
808
|
+
t.suffix ? (h(), p("span", {
|
|
774
809
|
key: 2,
|
|
775
|
-
class:
|
|
810
|
+
class: k(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
|
|
776
811
|
innerHTML: t.suffix,
|
|
777
812
|
role: "presentation"
|
|
778
|
-
}, null, 10, Yt)) :
|
|
779
|
-
|
|
813
|
+
}, null, 10, Yt)) : A("", !0),
|
|
814
|
+
s.isInput() ? D((h(), p("input", N({
|
|
780
815
|
key: 3,
|
|
781
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
816
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => s.inputVal = r),
|
|
782
817
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
783
818
|
type: t.type,
|
|
784
819
|
name: t.name ? t.name : t.id,
|
|
785
820
|
id: t.id,
|
|
786
|
-
pattern:
|
|
787
|
-
list:
|
|
821
|
+
pattern: s.needPattern(),
|
|
822
|
+
list: s.hasOptions()
|
|
788
823
|
}, e.$attrs, {
|
|
789
|
-
onKeyup: a[1] || (a[1] = (...
|
|
824
|
+
onKeyup: a[1] || (a[1] = (...r) => s.inputKeyup && s.inputKeyup(...r))
|
|
790
825
|
}), null, 16, Gt)), [
|
|
791
|
-
[Y,
|
|
792
|
-
]) :
|
|
793
|
-
t.type == "textarea" ? D((
|
|
826
|
+
[Y, s.inputVal]
|
|
827
|
+
]) : A("", !0),
|
|
828
|
+
t.type == "textarea" ? D((h(), p("textarea", N({
|
|
794
829
|
key: 4,
|
|
795
|
-
"onUpdate:modelValue": a[2] || (a[2] = (
|
|
830
|
+
"onUpdate:modelValue": a[2] || (a[2] = (r) => s.inputVal = r),
|
|
796
831
|
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
797
832
|
type: t.type,
|
|
798
833
|
name: t.name ? t.name : t.id,
|
|
799
834
|
id: t.id,
|
|
800
|
-
pattern:
|
|
835
|
+
pattern: s.needPattern()
|
|
801
836
|
}, e.$attrs), null, 16, Kt)), [
|
|
802
|
-
[pt,
|
|
803
|
-
]) :
|
|
804
|
-
t.type == "range" ? (
|
|
837
|
+
[pt, s.inputVal]
|
|
838
|
+
]) : A("", !0),
|
|
839
|
+
t.type == "range" ? (h(), p("div", Xt, [
|
|
805
840
|
D(g("input", N({
|
|
806
|
-
"onUpdate:modelValue": a[3] || (a[3] = (
|
|
841
|
+
"onUpdate:modelValue": a[3] || (a[3] = (r) => s.inputVal = r),
|
|
807
842
|
class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
808
843
|
type: t.type,
|
|
809
844
|
name: t.name ? t.name : t.id,
|
|
810
845
|
id: t.id,
|
|
811
|
-
pattern:
|
|
812
|
-
list:
|
|
846
|
+
pattern: s.needPattern(),
|
|
847
|
+
list: s.hasOptions()
|
|
813
848
|
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Jt), [
|
|
814
|
-
[Y,
|
|
849
|
+
[Y, s.inputVal]
|
|
815
850
|
]),
|
|
816
851
|
g("output", Qt, x(t.value), 1)
|
|
817
|
-
])) :
|
|
818
|
-
t.type == "color" ? (
|
|
852
|
+
])) : A("", !0),
|
|
853
|
+
t.type == "color" ? (h(), p("div", Zt, [
|
|
819
854
|
D(g("input", N({
|
|
820
|
-
"onUpdate:modelValue": a[4] || (a[4] = (
|
|
855
|
+
"onUpdate:modelValue": a[4] || (a[4] = (r) => s.inputVal = r),
|
|
821
856
|
class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
822
857
|
type: t.type,
|
|
823
858
|
name: t.name ? t.name : t.id,
|
|
824
859
|
id: t.id,
|
|
825
|
-
pattern:
|
|
826
|
-
list:
|
|
860
|
+
pattern: s.needPattern(),
|
|
861
|
+
list: s.hasOptions()
|
|
827
862
|
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, te), [
|
|
828
|
-
[Y,
|
|
863
|
+
[Y, s.inputVal]
|
|
829
864
|
]),
|
|
830
865
|
g("output", ee, x(t.value ? e.vale : "#000000"), 1)
|
|
831
|
-
])) :
|
|
832
|
-
t.type == "select" ? D((
|
|
866
|
+
])) : A("", !0),
|
|
867
|
+
t.type == "select" ? D((h(), p("select", N({
|
|
833
868
|
key: 7,
|
|
834
|
-
"onUpdate:modelValue": a[5] || (a[5] = (
|
|
869
|
+
"onUpdate:modelValue": a[5] || (a[5] = (r) => s.inputVal = r),
|
|
835
870
|
class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
836
871
|
type: t.type,
|
|
837
872
|
name: t.id,
|
|
838
873
|
id: t.id,
|
|
839
|
-
pattern:
|
|
874
|
+
pattern: s.needPattern()
|
|
840
875
|
}, e.$attrs), [
|
|
841
|
-
(
|
|
876
|
+
(h(!0), p(M, null, H(t.options, (r, n) => (h(), p("option", {
|
|
842
877
|
key: n,
|
|
843
|
-
value:
|
|
844
|
-
}, x(
|
|
878
|
+
value: r.value
|
|
879
|
+
}, x(r.display ? r.display : r.value), 9, re))), 128))
|
|
845
880
|
], 16, ae)), [
|
|
846
|
-
[bt,
|
|
847
|
-
]) :
|
|
848
|
-
t.type == "checkbox" || t.type == "radio" ? (
|
|
881
|
+
[bt, s.inputVal]
|
|
882
|
+
]) : A("", !0),
|
|
883
|
+
t.type == "checkbox" || t.type == "radio" ? (h(), p("input", N({
|
|
849
884
|
key: 8,
|
|
850
885
|
class: "form-check-input",
|
|
851
886
|
type: t.type,
|
|
852
887
|
name: t.name ? t.name : t.id,
|
|
853
888
|
id: t.id
|
|
854
|
-
}, e.$attrs), null, 16, ie)) :
|
|
855
|
-
t.type == "checkbox" || t.type == "radio" ? (
|
|
889
|
+
}, e.$attrs), null, 16, ie)) : A("", !0),
|
|
890
|
+
t.type == "checkbox" || t.type == "radio" ? (h(), p("label", {
|
|
856
891
|
key: 9,
|
|
857
|
-
class:
|
|
892
|
+
class: k(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
858
893
|
for: t.id,
|
|
859
894
|
innerHTML: t.label
|
|
860
|
-
}, null, 10,
|
|
861
|
-
t.type == "checkbox-btn" || t.type == "radio-btn" ? (
|
|
895
|
+
}, null, 10, se)) : A("", !0),
|
|
896
|
+
t.type == "checkbox-btn" || t.type == "radio-btn" ? (h(), p("input", N({
|
|
862
897
|
key: 10,
|
|
863
898
|
class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
864
899
|
type: t.type.replace("-btn", ""),
|
|
865
900
|
autocomplete: "off",
|
|
866
901
|
name: t.name ? t.name : t.id,
|
|
867
902
|
id: t.id
|
|
868
|
-
}, e.$attrs), null, 16,
|
|
869
|
-
t.type == "checkbox-btn" || t.type == "radio-btn" ? (
|
|
903
|
+
}, e.$attrs), null, 16, oe)) : A("", !0),
|
|
904
|
+
t.type == "checkbox-btn" || t.type == "radio-btn" ? (h(), p("label", {
|
|
870
905
|
key: 11,
|
|
871
|
-
class:
|
|
906
|
+
class: k(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
872
907
|
for: t.id,
|
|
873
908
|
innerHTML: t.label,
|
|
874
|
-
onClick: a[6] || (a[6] = (...
|
|
875
|
-
}, null, 10, ne)) :
|
|
909
|
+
onClick: a[6] || (a[6] = (...r) => s.clickEvent && s.clickEvent(...r))
|
|
910
|
+
}, null, 10, ne)) : A("", !0),
|
|
876
911
|
S(e.$slots, "default"),
|
|
877
|
-
t.errormsg ? (
|
|
912
|
+
t.errormsg ? (h(), p("span", {
|
|
878
913
|
key: 12,
|
|
879
914
|
class: "invalid-feedback mb-0",
|
|
880
915
|
innerHTML: t.errormsg
|
|
881
|
-
}, null, 8, le)) :
|
|
882
|
-
|
|
916
|
+
}, null, 8, le)) : A("", !0),
|
|
917
|
+
s.allowDatalist() ? (h(), p("datalist", {
|
|
883
918
|
key: 13,
|
|
884
919
|
id: t.id + "-list"
|
|
885
920
|
}, [
|
|
886
|
-
(
|
|
921
|
+
(h(!0), p(M, null, H(t.options, (r, n) => (h(), p("option", {
|
|
887
922
|
key: n,
|
|
888
|
-
value:
|
|
889
|
-
}, x(
|
|
890
|
-
], 8, ce)) :
|
|
923
|
+
value: r.value
|
|
924
|
+
}, x(r.value), 9, de))), 128))
|
|
925
|
+
], 8, ce)) : A("", !0)
|
|
891
926
|
], 2);
|
|
892
927
|
}
|
|
893
|
-
const lt = /* @__PURE__ */
|
|
928
|
+
const lt = /* @__PURE__ */ _(Vt, [["render", ue]]);
|
|
894
929
|
function me(e, a) {
|
|
895
|
-
const t = a.querySelector(".files"),
|
|
896
|
-
|
|
897
|
-
n && n.target instanceof HTMLElement && n.target.closest(".btn-primary") && (n.target.closest(".btn-primary"), (
|
|
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
|
+
n && n.target instanceof HTMLElement && n.target.closest(".btn-primary") && (n.target.closest(".btn-primary"), (o.hasAttribute("multiple") ? r : o).click());
|
|
898
933
|
}), a.addEventListener("click", (n) => {
|
|
899
934
|
if (n && n.target instanceof HTMLElement && n.target.closest(".files button")) {
|
|
900
|
-
const c = new DataTransfer(), { files: l } =
|
|
935
|
+
const c = new DataTransfer(), { files: l } = o, m = n.target.closest(".files button");
|
|
901
936
|
for (let f = 0; f < l.length; f++) {
|
|
902
937
|
const b = l[f];
|
|
903
|
-
b.name !=
|
|
938
|
+
b.name != m.getAttribute("data-file") && c.items.add(b);
|
|
904
939
|
}
|
|
905
|
-
|
|
940
|
+
o.files = c.files;
|
|
906
941
|
const d = new Event("change");
|
|
907
|
-
|
|
942
|
+
o.dispatchEvent(d);
|
|
908
943
|
}
|
|
909
|
-
}),
|
|
910
|
-
if (
|
|
911
|
-
const l = [...
|
|
912
|
-
let
|
|
944
|
+
}), r.addEventListener("change", (n) => {
|
|
945
|
+
if (o.hasAttribute("multiple")) {
|
|
946
|
+
const l = [...o.files, ...r.files];
|
|
947
|
+
let m = [];
|
|
913
948
|
const d = new DataTransfer();
|
|
914
949
|
for (let f = 0; f < l.length; f++) {
|
|
915
950
|
const b = l[f], u = b.size / 1e3;
|
|
916
|
-
!
|
|
951
|
+
!m.includes(b.name) && (s == 0 || u < s) && d.items.add(b), m.push(b.name);
|
|
917
952
|
}
|
|
918
|
-
|
|
953
|
+
o.files = d.files;
|
|
919
954
|
} else
|
|
920
|
-
|
|
955
|
+
o.files = r.files;
|
|
921
956
|
const c = new Event("change");
|
|
922
|
-
|
|
923
|
-
}),
|
|
924
|
-
|
|
925
|
-
}),
|
|
926
|
-
|
|
927
|
-
}),
|
|
928
|
-
|
|
929
|
-
}),
|
|
957
|
+
o.dispatchEvent(c);
|
|
958
|
+
}), r.addEventListener("dragenter", (n) => {
|
|
959
|
+
r.classList.add("focus");
|
|
960
|
+
}), r.addEventListener("dragleave", (n) => {
|
|
961
|
+
r.classList.remove("focus");
|
|
962
|
+
}), r.addEventListener("drop", (n) => {
|
|
963
|
+
r.classList.remove("focus");
|
|
964
|
+
}), o.addEventListener("change", (n) => {
|
|
930
965
|
t.innerHTML = "";
|
|
931
|
-
for (const c of
|
|
966
|
+
for (const c of o.files)
|
|
932
967
|
t.innerHTML += `<span class="file">${c.name} <button data-file="${c.name}">Remove</button></span>`;
|
|
933
968
|
});
|
|
934
969
|
}
|
|
@@ -940,11 +975,11 @@ window.dataLayer.push({
|
|
|
940
975
|
class he extends HTMLElement {
|
|
941
976
|
constructor() {
|
|
942
977
|
super(), this.attachShadow({ mode: "open" });
|
|
943
|
-
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`,
|
|
944
|
-
|
|
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
|
+
o.innerHTML = `
|
|
945
980
|
<style>
|
|
946
981
|
@import "${t}";
|
|
947
|
-
${
|
|
982
|
+
${i}
|
|
948
983
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
949
984
|
</style>
|
|
950
985
|
<div class="file-upload">
|
|
@@ -956,12 +991,12 @@ class he extends HTMLElement {
|
|
|
956
991
|
<slot></slot>
|
|
957
992
|
<div class="files"></div>
|
|
958
993
|
</div>
|
|
959
|
-
`, this.shadowRoot.appendChild(
|
|
994
|
+
`, this.shadowRoot.appendChild(o.content.cloneNode(!0));
|
|
960
995
|
}
|
|
961
996
|
connectedCallback() {
|
|
962
997
|
this.innerHTML += '<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';
|
|
963
|
-
const a = this.shadowRoot.querySelector(".file-upload"), t = this.querySelector("input"),
|
|
964
|
-
|
|
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);
|
|
965
1000
|
}
|
|
966
1001
|
}
|
|
967
1002
|
const pe = {
|
|
@@ -982,28 +1017,28 @@ const pe = {
|
|
|
982
1017
|
});
|
|
983
1018
|
}
|
|
984
1019
|
};
|
|
985
|
-
function be(e, a, t,
|
|
986
|
-
return
|
|
1020
|
+
function be(e, a, t, i, o, s) {
|
|
1021
|
+
return h(), p("iam-fileupload", null, [
|
|
987
1022
|
S(e.$slots, "default")
|
|
988
1023
|
]);
|
|
989
1024
|
}
|
|
990
|
-
const
|
|
1025
|
+
const Kr = /* @__PURE__ */ _(pe, [["render", be]]);
|
|
991
1026
|
/*!
|
|
992
|
-
* iamKey v4.0.
|
|
1027
|
+
* iamKey v4.0.1
|
|
993
1028
|
* Copyright 2022-2023 iamproperty
|
|
994
1029
|
*/
|
|
995
1030
|
function fe(e) {
|
|
996
1031
|
let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
|
|
997
|
-
if (a.forEach((
|
|
998
|
-
|
|
999
|
-
}), t.forEach((
|
|
1000
|
-
|
|
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");
|
|
1001
1036
|
}), !e.classList.contains("accordion--keep-open")) {
|
|
1002
|
-
const
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1037
|
+
const i = e.querySelectorAll(":scope > details");
|
|
1038
|
+
i.forEach((o) => {
|
|
1039
|
+
o.addEventListener("click", () => {
|
|
1040
|
+
i.forEach((s) => {
|
|
1041
|
+
s !== o && s.removeAttribute("open");
|
|
1007
1042
|
});
|
|
1008
1043
|
});
|
|
1009
1044
|
});
|
|
@@ -1013,8 +1048,8 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
1013
1048
|
let ge = class extends HTMLElement {
|
|
1014
1049
|
constructor() {
|
|
1015
1050
|
super(), this.attachShadow({ mode: "open" });
|
|
1016
|
-
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`,
|
|
1017
|
-
|
|
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 = `
|
|
1018
1053
|
<style>
|
|
1019
1054
|
@import "${t}";
|
|
1020
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 */
|
|
@@ -1024,7 +1059,7 @@ let ge = class extends HTMLElement {
|
|
|
1024
1059
|
<div class="accordion">
|
|
1025
1060
|
<slot></slot>
|
|
1026
1061
|
</div>
|
|
1027
|
-
`, this.shadowRoot.appendChild(
|
|
1062
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1028
1063
|
}
|
|
1029
1064
|
connectedCallback() {
|
|
1030
1065
|
fe(this);
|
|
@@ -1037,12 +1072,12 @@ const ye = {
|
|
|
1037
1072
|
mounted() {
|
|
1038
1073
|
}
|
|
1039
1074
|
}, ve = { ref: "wrapper" };
|
|
1040
|
-
function we(e, a, t,
|
|
1041
|
-
return
|
|
1075
|
+
function we(e, a, t, i, o, s) {
|
|
1076
|
+
return h(), p("iam-accordion", ve, [
|
|
1042
1077
|
S(e.$slots, "default")
|
|
1043
1078
|
], 512);
|
|
1044
1079
|
}
|
|
1045
|
-
const
|
|
1080
|
+
const Jr = /* @__PURE__ */ _(ye, [["render", we]]), Ae = {
|
|
1046
1081
|
name: "AccordionItem",
|
|
1047
1082
|
props: {
|
|
1048
1083
|
title: {
|
|
@@ -1069,7 +1104,7 @@ const Qo = /* @__PURE__ */ A(ye, [["render", we]]), _e = {
|
|
|
1069
1104
|
},
|
|
1070
1105
|
computed: {
|
|
1071
1106
|
createID() {
|
|
1072
|
-
return (e) => `${
|
|
1107
|
+
return (e) => `${It(e)}`;
|
|
1073
1108
|
}
|
|
1074
1109
|
},
|
|
1075
1110
|
data() {
|
|
@@ -1077,24 +1112,24 @@ const Qo = /* @__PURE__ */ A(ye, [["render", we]]), _e = {
|
|
|
1077
1112
|
show: !this.lazy
|
|
1078
1113
|
};
|
|
1079
1114
|
}
|
|
1080
|
-
},
|
|
1081
|
-
function Se(e, a, t,
|
|
1082
|
-
return
|
|
1083
|
-
id:
|
|
1115
|
+
}, _e = ["id"], Le = ["classList"];
|
|
1116
|
+
function Se(e, a, t, i, o, s) {
|
|
1117
|
+
return h(), p("details", {
|
|
1118
|
+
id: s.createID(t.title)
|
|
1084
1119
|
}, [
|
|
1085
1120
|
g("summary", {
|
|
1086
1121
|
classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
|
|
1087
1122
|
}, [
|
|
1088
1123
|
ft(x(t.title), 1),
|
|
1089
|
-
t.badge ? (
|
|
1124
|
+
t.badge ? (h(), p("span", {
|
|
1090
1125
|
key: 0,
|
|
1091
|
-
class:
|
|
1092
|
-
}, x(t.badge), 3)) :
|
|
1126
|
+
class: k(`badge bg-${t.badgecolour}`)
|
|
1127
|
+
}, x(t.badge), 3)) : A("", !0)
|
|
1093
1128
|
], 8, Le),
|
|
1094
1129
|
S(e.$slots, "default")
|
|
1095
|
-
], 8,
|
|
1130
|
+
], 8, _e);
|
|
1096
1131
|
}
|
|
1097
|
-
const
|
|
1132
|
+
const Qr = /* @__PURE__ */ _(Ae, [["render", Se]]), ke = {
|
|
1098
1133
|
name: "Header",
|
|
1099
1134
|
props: {
|
|
1100
1135
|
title: {
|
|
@@ -1111,13 +1146,13 @@ const Zo = /* @__PURE__ */ A(_e, [["render", Se]]), $e = {
|
|
|
1111
1146
|
required: !1
|
|
1112
1147
|
}
|
|
1113
1148
|
}
|
|
1114
|
-
}, qe = { class: "container" },
|
|
1115
|
-
function He(e, a, t,
|
|
1116
|
-
return
|
|
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, i, o, s) {
|
|
1151
|
+
return h(), p("div", qe, [
|
|
1117
1152
|
g("div", {
|
|
1118
|
-
class:
|
|
1153
|
+
class: k("bg-" + t.background + " mb-4")
|
|
1119
1154
|
}, [
|
|
1120
|
-
g("div",
|
|
1155
|
+
g("div", $e, [
|
|
1121
1156
|
g("div", xe, [
|
|
1122
1157
|
g("div", Ee, [
|
|
1123
1158
|
g("h2", null, x(t.title), 1),
|
|
@@ -1125,22 +1160,22 @@ function He(e, a, t, r, s, i) {
|
|
|
1125
1160
|
])
|
|
1126
1161
|
]),
|
|
1127
1162
|
g("div", Te, [
|
|
1128
|
-
t.image ? (
|
|
1163
|
+
t.image ? (h(), p("img", {
|
|
1129
1164
|
key: 0,
|
|
1130
1165
|
src: t.image,
|
|
1131
1166
|
alt: "",
|
|
1132
1167
|
class: "h-100 w-100 object-cover"
|
|
1133
|
-
}, null, 8, Me)) :
|
|
1168
|
+
}, null, 8, Me)) : A("", !0)
|
|
1134
1169
|
])
|
|
1135
1170
|
])
|
|
1136
1171
|
], 2)
|
|
1137
1172
|
]);
|
|
1138
1173
|
}
|
|
1139
|
-
const
|
|
1174
|
+
const Zr = /* @__PURE__ */ _(ke, [["render", He]]), Ce = {
|
|
1140
1175
|
name: "Card",
|
|
1141
1176
|
mounted() {
|
|
1142
1177
|
this.$nextTick(function() {
|
|
1143
|
-
import("./card.component.min-
|
|
1178
|
+
import("./card.component.min-a871ec18.mjs").then((e) => {
|
|
1144
1179
|
window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
|
|
1145
1180
|
}).catch((e) => {
|
|
1146
1181
|
console.log(e.message);
|
|
@@ -1148,28 +1183,28 @@ const ti = /* @__PURE__ */ A($e, [["render", He]]), Ce = {
|
|
|
1148
1183
|
});
|
|
1149
1184
|
}
|
|
1150
1185
|
};
|
|
1151
|
-
function Ne(e, a, t,
|
|
1152
|
-
return
|
|
1186
|
+
function Ne(e, a, t, i, o, s) {
|
|
1187
|
+
return h(), p("iam-card", null, [
|
|
1153
1188
|
S(e.$slots, "default")
|
|
1154
1189
|
]);
|
|
1155
1190
|
}
|
|
1156
|
-
const Re = /* @__PURE__ */
|
|
1191
|
+
const Re = /* @__PURE__ */ _(Ce, [["render", Ne]]);
|
|
1157
1192
|
function De(e) {
|
|
1158
1193
|
var a;
|
|
1159
|
-
let t = e.querySelector(".carousel__inner"),
|
|
1194
|
+
let t = e.querySelector(".carousel__inner"), i = e.querySelectorAll(".carousel__item").length;
|
|
1160
1195
|
e.getAttribute("data-cols");
|
|
1161
|
-
let
|
|
1162
|
-
e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(
|
|
1196
|
+
let o = e.getAttribute("data-sm-cols"), s = e.getAttribute("data-md-cols");
|
|
1197
|
+
e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(r) {
|
|
1163
1198
|
clearTimeout(a), a = setTimeout(function() {
|
|
1164
|
-
let n = t.clientWidth, c = t.scrollWidth, l = t.scrollLeft,
|
|
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;
|
|
1165
1200
|
Array.from(e.querySelectorAll(".carousel__controls a")).forEach((f, b) => {
|
|
1166
1201
|
f.classList.remove("active");
|
|
1167
|
-
}), e.querySelector(".control-" +
|
|
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");
|
|
1168
1203
|
}, 100);
|
|
1169
|
-
}, !1), e.addEventListener("click", function(
|
|
1170
|
-
for (var n =
|
|
1204
|
+
}, !1), e.addEventListener("click", function(r) {
|
|
1205
|
+
for (var n = r.target; n && n != this; n = n.parentNode)
|
|
1171
1206
|
if (n.matches(".carousel__controls a")) {
|
|
1172
|
-
|
|
1207
|
+
r.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((l, m) => {
|
|
1173
1208
|
l.classList.remove("active");
|
|
1174
1209
|
}), n.classList.add("active");
|
|
1175
1210
|
const c = document.querySelector(n.getAttribute("href"));
|
|
@@ -1180,10 +1215,10 @@ function De(e) {
|
|
|
1180
1215
|
});
|
|
1181
1216
|
break;
|
|
1182
1217
|
}
|
|
1183
|
-
}, !1), e.addEventListener("click", function(
|
|
1184
|
-
for (var n =
|
|
1218
|
+
}, !1), e.addEventListener("click", function(r) {
|
|
1219
|
+
for (var n = r.target; n && n != this; n = n.parentNode)
|
|
1185
1220
|
if (n.matches(".btn-next, .btn-prev")) {
|
|
1186
|
-
|
|
1221
|
+
r.preventDefault();
|
|
1187
1222
|
let c = n.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
|
|
1188
1223
|
t.scroll({
|
|
1189
1224
|
top: 0,
|
|
@@ -1192,9 +1227,9 @@ function De(e) {
|
|
|
1192
1227
|
});
|
|
1193
1228
|
break;
|
|
1194
1229
|
}
|
|
1195
|
-
}, !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");
|
|
1196
1231
|
}
|
|
1197
|
-
const
|
|
1232
|
+
const Ie = {
|
|
1198
1233
|
components: {
|
|
1199
1234
|
Card: Re
|
|
1200
1235
|
},
|
|
@@ -1273,7 +1308,7 @@ const Pe = {
|
|
|
1273
1308
|
De(this.$refs.wrapper);
|
|
1274
1309
|
});
|
|
1275
1310
|
}
|
|
1276
|
-
}, je = ["id", "data-cols", "data-sm-cols", "data-md-cols"],
|
|
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", {
|
|
1277
1312
|
class: "btn btn-prev",
|
|
1278
1313
|
"data-go": "0",
|
|
1279
1314
|
disabled: ""
|
|
@@ -1281,29 +1316,29 @@ const Pe = {
|
|
|
1281
1316
|
class: "btn btn-next",
|
|
1282
1317
|
"data-go": "2"
|
|
1283
1318
|
}, "Next", -1);
|
|
1284
|
-
function Ue(e, a, t,
|
|
1285
|
-
const
|
|
1286
|
-
return
|
|
1319
|
+
function Ue(e, a, t, i, o, s) {
|
|
1320
|
+
const r = z("Card");
|
|
1321
|
+
return h(), p("div", {
|
|
1287
1322
|
class: "container carousel",
|
|
1288
|
-
id: "carousel" +
|
|
1323
|
+
id: "carousel" + o.id,
|
|
1289
1324
|
ref: "wrapper",
|
|
1290
1325
|
"data-cols": t.cols,
|
|
1291
1326
|
"data-sm-cols": t.smcols,
|
|
1292
1327
|
"data-md-cols": t.mdcols
|
|
1293
1328
|
}, [
|
|
1294
1329
|
S(e.$slots, "default"),
|
|
1295
|
-
g("div",
|
|
1330
|
+
g("div", Pe, [
|
|
1296
1331
|
g("div", ze, [
|
|
1297
|
-
t.type == "card" ? (
|
|
1332
|
+
t.type == "card" ? (h(), p("div", {
|
|
1298
1333
|
key: 0,
|
|
1299
|
-
class:
|
|
1334
|
+
class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1300
1335
|
}, [
|
|
1301
|
-
(
|
|
1302
|
-
class:
|
|
1336
|
+
(h(!0), p(M, null, H(t.items, (n, c) => (h(), p("div", {
|
|
1337
|
+
class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1303
1338
|
key: c,
|
|
1304
|
-
id: "carousel" +
|
|
1339
|
+
id: "carousel" + o.id + "slide" + (c + 1)
|
|
1305
1340
|
}, [
|
|
1306
|
-
C(
|
|
1341
|
+
C(r, N(n, {
|
|
1307
1342
|
class: t.cardclass,
|
|
1308
1343
|
type: t.cardtype,
|
|
1309
1344
|
btnyype: t.btntype,
|
|
@@ -1312,26 +1347,26 @@ function Ue(e, a, t, r, s, i) {
|
|
|
1312
1347
|
hidectatext: t.hidectatext
|
|
1313
1348
|
}), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
|
|
1314
1349
|
], 10, Be))), 128))
|
|
1315
|
-
], 2)) :
|
|
1316
|
-
t.type != "card" ? (
|
|
1350
|
+
], 2)) : A("", !0),
|
|
1351
|
+
t.type != "card" ? (h(), p("div", {
|
|
1317
1352
|
key: 1,
|
|
1318
|
-
class:
|
|
1353
|
+
class: k(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1319
1354
|
}, [
|
|
1320
|
-
(
|
|
1321
|
-
class:
|
|
1355
|
+
(h(!0), p(M, null, H(t.items, (n, c) => (h(), p("div", {
|
|
1356
|
+
class: k(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1322
1357
|
key: c,
|
|
1323
|
-
innerHTML:
|
|
1324
|
-
id: "carousel" +
|
|
1358
|
+
innerHTML: s.content(n),
|
|
1359
|
+
id: "carousel" + o.id + "slide" + (c + 1)
|
|
1325
1360
|
}, null, 10, Fe))), 128))
|
|
1326
|
-
], 2)) :
|
|
1361
|
+
], 2)) : A("", !0)
|
|
1327
1362
|
]),
|
|
1328
1363
|
g("div", {
|
|
1329
|
-
class:
|
|
1364
|
+
class: k(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
|
|
1330
1365
|
}, [
|
|
1331
|
-
(
|
|
1366
|
+
(h(!0), p(M, null, H(t.items, (n, c) => (h(), p("a", {
|
|
1332
1367
|
key: c,
|
|
1333
|
-
href: "#carousel" +
|
|
1334
|
-
class:
|
|
1368
|
+
href: "#carousel" + o.id + "slide" + (c + 1),
|
|
1369
|
+
class: k(`control-${c + 1}`)
|
|
1335
1370
|
}, "Slide " + x(c + 1), 11, Oe))), 128))
|
|
1336
1371
|
], 2),
|
|
1337
1372
|
Ve,
|
|
@@ -1339,17 +1374,17 @@ function Ue(e, a, t, r, s, i) {
|
|
|
1339
1374
|
])
|
|
1340
1375
|
], 8, je);
|
|
1341
1376
|
}
|
|
1342
|
-
const
|
|
1377
|
+
const ti = /* @__PURE__ */ _(Ie, [["render", Ue]]);
|
|
1343
1378
|
/*!
|
|
1344
|
-
* iamKey v4.0.
|
|
1379
|
+
* iamKey v4.0.1
|
|
1345
1380
|
* Copyright 2022-2023 iamproperty
|
|
1346
1381
|
*/
|
|
1347
1382
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
|
|
1348
1383
|
class Ye extends HTMLElement {
|
|
1349
1384
|
constructor() {
|
|
1350
1385
|
super(), this.attachShadow({ mode: "open" });
|
|
1351
|
-
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`,
|
|
1352
|
-
|
|
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 = `
|
|
1353
1388
|
<style>
|
|
1354
1389
|
@import "${t}";
|
|
1355
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 */
|
|
@@ -1370,7 +1405,7 @@ class Ye extends HTMLElement {
|
|
|
1370
1405
|
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
1371
1406
|
</picture>
|
|
1372
1407
|
</div>
|
|
1373
|
-
`, this.shadowRoot.appendChild(
|
|
1408
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1374
1409
|
}
|
|
1375
1410
|
connectedCallback() {
|
|
1376
1411
|
this.classList.add("loaded");
|
|
@@ -1396,40 +1431,40 @@ const Ge = {
|
|
|
1396
1431
|
});
|
|
1397
1432
|
}
|
|
1398
1433
|
}, Ke = ["image"], Xe = ["innerHTML"];
|
|
1399
|
-
function Je(e, a, t,
|
|
1400
|
-
return
|
|
1434
|
+
function Je(e, a, t, i, o, s) {
|
|
1435
|
+
return h(), p("iam-header", {
|
|
1401
1436
|
class: "bg-secondary",
|
|
1402
1437
|
image: t.image
|
|
1403
1438
|
}, [
|
|
1404
1439
|
S(e.$slots, "breadcrumb"),
|
|
1405
|
-
t.title ? (
|
|
1440
|
+
t.title ? (h(), p("h1", {
|
|
1406
1441
|
key: 0,
|
|
1407
1442
|
innerHTML: t.title
|
|
1408
|
-
}, null, 8, Xe)) :
|
|
1443
|
+
}, null, 8, Xe)) : A("", !0),
|
|
1409
1444
|
S(e.$slots, "default")
|
|
1410
1445
|
], 8, Ke);
|
|
1411
1446
|
}
|
|
1412
|
-
const
|
|
1447
|
+
const ei = /* @__PURE__ */ _(Ge, [["render", Je]]);
|
|
1413
1448
|
function Qe(e) {
|
|
1414
1449
|
var a;
|
|
1415
|
-
const t = e.querySelector(".testimonial__images"),
|
|
1416
|
-
if (
|
|
1450
|
+
const t = e.querySelector(".testimonial__images"), i = t.querySelectorAll("img").length;
|
|
1451
|
+
if (i == 1)
|
|
1417
1452
|
return !1;
|
|
1418
1453
|
e.classList.add("testimonial--multi");
|
|
1419
|
-
const
|
|
1420
|
-
const
|
|
1421
|
-
|
|
1454
|
+
const o = function(s) {
|
|
1455
|
+
const r = e.querySelector(".btn-next"), n = e.querySelector(".btn-prev");
|
|
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);
|
|
1422
1457
|
};
|
|
1423
|
-
t.addEventListener("scroll", function(
|
|
1458
|
+
t.addEventListener("scroll", function(s) {
|
|
1424
1459
|
clearTimeout(a), a = setTimeout(function() {
|
|
1425
|
-
let
|
|
1426
|
-
c == 0 && l != 0 && (
|
|
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);
|
|
1427
1462
|
}, 300);
|
|
1428
|
-
}, !1), e.addEventListener("click", function(
|
|
1429
|
-
for (var
|
|
1430
|
-
if (
|
|
1431
|
-
let n = parseInt(
|
|
1432
|
-
|
|
1463
|
+
}, !1), e.addEventListener("click", function(s) {
|
|
1464
|
+
for (var r = s.target; r && r != this; r = r.parentNode)
|
|
1465
|
+
if (r.matches("[data-go]")) {
|
|
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) / i)) : c = Math.floor(d * ((n - 1) / i)), t.scroll({
|
|
1433
1468
|
top: c,
|
|
1434
1469
|
left: l,
|
|
1435
1470
|
behavior: "smooth"
|
|
@@ -1458,7 +1493,7 @@ const Ze = {
|
|
|
1458
1493
|
class: "container testimonial mb-5",
|
|
1459
1494
|
"data-show": "1",
|
|
1460
1495
|
ref: "wrapper"
|
|
1461
|
-
}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" },
|
|
1496
|
+
}, ea = { class: "row" }, aa = { class: "col-md-5 position-relative" }, ra = { class: "testimonial__images" }, ia = ["src"], sa = /* @__PURE__ */ g("div", { class: "testimonial__controls" }, [
|
|
1462
1497
|
/* @__PURE__ */ g("button", {
|
|
1463
1498
|
"data-go": "0",
|
|
1464
1499
|
disabled: "",
|
|
@@ -1468,36 +1503,36 @@ const Ze = {
|
|
|
1468
1503
|
"data-go": "2",
|
|
1469
1504
|
class: "btn-next"
|
|
1470
1505
|
}, "Next")
|
|
1471
|
-
], -1),
|
|
1472
|
-
function ha(e, a, t,
|
|
1473
|
-
return
|
|
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, i, o, s) {
|
|
1508
|
+
return h(), p("div", ta, [
|
|
1474
1509
|
g("div", {
|
|
1475
|
-
class:
|
|
1510
|
+
class: k("bg-" + t.background)
|
|
1476
1511
|
}, [
|
|
1477
1512
|
g("div", ea, [
|
|
1478
1513
|
g("div", aa, [
|
|
1479
|
-
g("div",
|
|
1480
|
-
(
|
|
1514
|
+
g("div", ra, [
|
|
1515
|
+
(h(!0), p(M, null, H(t.items, (r, n) => (h(), p("img", {
|
|
1481
1516
|
key: n,
|
|
1482
|
-
src:
|
|
1517
|
+
src: r.image ? r.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
|
|
1483
1518
|
alt: "",
|
|
1484
|
-
class:
|
|
1519
|
+
class: k("h-100 w-100 object-cover" + (r.image ? "" : " opacity-0"))
|
|
1485
1520
|
}, null, 10, ia))), 128))
|
|
1486
1521
|
]),
|
|
1487
|
-
|
|
1522
|
+
sa
|
|
1488
1523
|
]),
|
|
1489
|
-
g("div",
|
|
1524
|
+
g("div", oa, [
|
|
1490
1525
|
na,
|
|
1491
1526
|
g("div", la, [
|
|
1492
|
-
(
|
|
1527
|
+
(h(!0), p(M, null, H(t.items, (r, n) => (h(), p("blockquote", {
|
|
1493
1528
|
key: n,
|
|
1494
|
-
class:
|
|
1529
|
+
class: k(r.class)
|
|
1495
1530
|
}, [
|
|
1496
1531
|
g("div", {
|
|
1497
|
-
innerHTML:
|
|
1532
|
+
innerHTML: r.quote
|
|
1498
1533
|
}, null, 8, ca),
|
|
1499
1534
|
g("cite", {
|
|
1500
|
-
innerHTML:
|
|
1535
|
+
innerHTML: r.cite
|
|
1501
1536
|
}, null, 8, da)
|
|
1502
1537
|
], 2))), 128))
|
|
1503
1538
|
]),
|
|
@@ -1510,7 +1545,7 @@ function ha(e, a, t, r, s, i) {
|
|
|
1510
1545
|
], 2)
|
|
1511
1546
|
], 512);
|
|
1512
1547
|
}
|
|
1513
|
-
const
|
|
1548
|
+
const ai = /* @__PURE__ */ _(Ze, [["render", ha]]);
|
|
1514
1549
|
const pa = {
|
|
1515
1550
|
name: "Timeline",
|
|
1516
1551
|
props: {
|
|
@@ -1520,19 +1555,19 @@ const pa = {
|
|
|
1520
1555
|
}
|
|
1521
1556
|
}
|
|
1522
1557
|
}, ba = { class: "timeline" }, fa = { class: "timeline__content" }, ga = ["src"];
|
|
1523
|
-
function ya(e, a, t,
|
|
1524
|
-
return
|
|
1558
|
+
function ya(e, a, t, i, o, s) {
|
|
1559
|
+
return h(), p("div", ba, [
|
|
1525
1560
|
g("div", fa, [
|
|
1526
1561
|
S(e.$slots, "default")
|
|
1527
1562
|
]),
|
|
1528
|
-
t.image ? (
|
|
1563
|
+
t.image ? (h(), p("img", {
|
|
1529
1564
|
key: 0,
|
|
1530
1565
|
src: t.image,
|
|
1531
1566
|
alt: ""
|
|
1532
|
-
}, null, 8, ga)) :
|
|
1567
|
+
}, null, 8, ga)) : A("", !0)
|
|
1533
1568
|
]);
|
|
1534
1569
|
}
|
|
1535
|
-
const
|
|
1570
|
+
const ri = /* @__PURE__ */ _(pa, [["render", ya]]);
|
|
1536
1571
|
const va = {
|
|
1537
1572
|
components: {
|
|
1538
1573
|
Input: lt
|
|
@@ -1682,10 +1717,10 @@ const va = {
|
|
|
1682
1717
|
}, wa = {
|
|
1683
1718
|
class: "container",
|
|
1684
1719
|
ref: "wrapper"
|
|
1685
|
-
},
|
|
1720
|
+
}, Aa = { class: "property-searchbar" }, _a = ["action", "method"], La = { class: "col-12 col-md-3" }, Sa = { class: "col-12 col-md" }, ka = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Price range", -1), qa = {
|
|
1686
1721
|
class: "row",
|
|
1687
1722
|
"data-input-range": ""
|
|
1688
|
-
},
|
|
1723
|
+
}, $a = { class: "col-12 col-md" }, xa = /* @__PURE__ */ g("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), Ea = {
|
|
1689
1724
|
class: "row",
|
|
1690
1725
|
"data-input-range": ""
|
|
1691
1726
|
}, Ta = { class: "col-12 col-md-2" }, Ma = /* @__PURE__ */ g("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
|
|
@@ -1695,30 +1730,30 @@ const va = {
|
|
|
1695
1730
|
value: "submit"
|
|
1696
1731
|
}, "Search")
|
|
1697
1732
|
], -1);
|
|
1698
|
-
function Ha(e, a, t,
|
|
1699
|
-
const
|
|
1700
|
-
return
|
|
1733
|
+
function Ha(e, a, t, i, o, s) {
|
|
1734
|
+
const r = z("Input");
|
|
1735
|
+
return h(), p("div", wa, [
|
|
1701
1736
|
S(e.$slots, "default"),
|
|
1702
|
-
g("div",
|
|
1737
|
+
g("div", Aa, [
|
|
1703
1738
|
g("form", {
|
|
1704
1739
|
class: "row",
|
|
1705
1740
|
action: t.formaction,
|
|
1706
1741
|
method: t.formmethod
|
|
1707
1742
|
}, [
|
|
1708
1743
|
g("fieldset", La, [
|
|
1709
|
-
C(
|
|
1744
|
+
C(r, {
|
|
1710
1745
|
inputClass: "input--locations",
|
|
1711
|
-
modelValue:
|
|
1712
|
-
"onUpdate:modelValue": a[0] || (a[0] = (n) =>
|
|
1746
|
+
modelValue: s.locationSet,
|
|
1747
|
+
"onUpdate:modelValue": a[0] || (a[0] = (n) => s.locationSet = n),
|
|
1713
1748
|
label: "Location",
|
|
1714
1749
|
id: "location",
|
|
1715
|
-
options:
|
|
1750
|
+
options: s.locationsList(),
|
|
1716
1751
|
required: "",
|
|
1717
1752
|
placeholder: "i.e. Newcastle or NE1",
|
|
1718
|
-
onKeyupEvent: a[1] || (a[1] = (n) =>
|
|
1753
|
+
onKeyupEvent: a[1] || (a[1] = (n) => s.locationKeyup(...arguments)),
|
|
1719
1754
|
ref: "search"
|
|
1720
1755
|
}, null, 8, ["modelValue", "options"]),
|
|
1721
|
-
C(
|
|
1756
|
+
C(r, {
|
|
1722
1757
|
class: "select--miles",
|
|
1723
1758
|
label: "Miles",
|
|
1724
1759
|
id: "miles",
|
|
@@ -1727,9 +1762,9 @@ function Ha(e, a, t, r, s, i) {
|
|
|
1727
1762
|
}, null, 8, ["options"])
|
|
1728
1763
|
]),
|
|
1729
1764
|
g("fieldset", Sa, [
|
|
1730
|
-
|
|
1765
|
+
ka,
|
|
1731
1766
|
g("div", qa, [
|
|
1732
|
-
C(
|
|
1767
|
+
C(r, {
|
|
1733
1768
|
class: "col-6",
|
|
1734
1769
|
label: "Minimum price",
|
|
1735
1770
|
id: "price-min",
|
|
@@ -1737,7 +1772,7 @@ function Ha(e, a, t, r, s, i) {
|
|
|
1737
1772
|
type: "select",
|
|
1738
1773
|
options: t.pricemin
|
|
1739
1774
|
}, null, 8, ["options"]),
|
|
1740
|
-
C(
|
|
1775
|
+
C(r, {
|
|
1741
1776
|
class: "col-6",
|
|
1742
1777
|
label: "Maximum price",
|
|
1743
1778
|
id: "price-max",
|
|
@@ -1747,10 +1782,10 @@ function Ha(e, a, t, r, s, i) {
|
|
|
1747
1782
|
}, null, 8, ["options"])
|
|
1748
1783
|
])
|
|
1749
1784
|
]),
|
|
1750
|
-
g("fieldset",
|
|
1785
|
+
g("fieldset", $a, [
|
|
1751
1786
|
xa,
|
|
1752
1787
|
g("div", Ea, [
|
|
1753
|
-
C(
|
|
1788
|
+
C(r, {
|
|
1754
1789
|
class: "col-6",
|
|
1755
1790
|
label: "Minimum beds",
|
|
1756
1791
|
id: "beds-min",
|
|
@@ -1758,7 +1793,7 @@ function Ha(e, a, t, r, s, i) {
|
|
|
1758
1793
|
type: "select",
|
|
1759
1794
|
options: t.bedsmin
|
|
1760
1795
|
}, null, 8, ["options"]),
|
|
1761
|
-
C(
|
|
1796
|
+
C(r, {
|
|
1762
1797
|
class: "col-6",
|
|
1763
1798
|
label: "Maximum beds",
|
|
1764
1799
|
id: "beds-max",
|
|
@@ -1769,7 +1804,7 @@ function Ha(e, a, t, r, s, i) {
|
|
|
1769
1804
|
])
|
|
1770
1805
|
]),
|
|
1771
1806
|
g("fieldset", Ta, [
|
|
1772
|
-
C(
|
|
1807
|
+
C(r, {
|
|
1773
1808
|
label: "Property type",
|
|
1774
1809
|
id: "property-type",
|
|
1775
1810
|
type: "select",
|
|
@@ -1777,17 +1812,17 @@ function Ha(e, a, t, r, s, i) {
|
|
|
1777
1812
|
}, null, 8, ["options"])
|
|
1778
1813
|
]),
|
|
1779
1814
|
Ma
|
|
1780
|
-
], 8,
|
|
1815
|
+
], 8, _a)
|
|
1781
1816
|
]),
|
|
1782
1817
|
S(e.$slots, "after")
|
|
1783
1818
|
], 512);
|
|
1784
1819
|
}
|
|
1785
|
-
const
|
|
1820
|
+
const ii = /* @__PURE__ */ _(va, [["render", Ha]]), Ca = {
|
|
1786
1821
|
components: {},
|
|
1787
1822
|
name: "Nav",
|
|
1788
1823
|
mounted() {
|
|
1789
1824
|
this.$nextTick(function() {
|
|
1790
|
-
import("./nav.component.min-
|
|
1825
|
+
import("./nav.component.min-b40255b1.mjs").then((e) => {
|
|
1791
1826
|
window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
|
|
1792
1827
|
}).catch((e) => {
|
|
1793
1828
|
console.log(e.message);
|
|
@@ -1796,12 +1831,12 @@ const ri = /* @__PURE__ */ A(va, [["render", Ha]]), Ca = {
|
|
|
1796
1831
|
},
|
|
1797
1832
|
methods: {}
|
|
1798
1833
|
}, Na = { ref: "wrapper" };
|
|
1799
|
-
function Ra(e, a, t,
|
|
1800
|
-
return
|
|
1834
|
+
function Ra(e, a, t, i, o, s) {
|
|
1835
|
+
return h(), p("iam-nav", Na, [
|
|
1801
1836
|
S(e.$slots, "default")
|
|
1802
1837
|
], 512);
|
|
1803
1838
|
}
|
|
1804
|
-
const si = /* @__PURE__ */
|
|
1839
|
+
const si = /* @__PURE__ */ _(Ca, [["render", Ra]]);
|
|
1805
1840
|
const Da = {
|
|
1806
1841
|
name: "Stepper",
|
|
1807
1842
|
props: {
|
|
@@ -1815,17 +1850,17 @@ const Da = {
|
|
|
1815
1850
|
default: "Complete"
|
|
1816
1851
|
}
|
|
1817
1852
|
}
|
|
1818
|
-
},
|
|
1853
|
+
}, Ia = { class: "container" }, ja = ["aria-label"], Pa = {
|
|
1819
1854
|
key: 0,
|
|
1820
1855
|
class: "h6 stepper__start"
|
|
1821
1856
|
}, za = { class: "list-unstyled" }, Ba = { class: "h6 stepper__end" };
|
|
1822
|
-
function Fa(e, a, t,
|
|
1823
|
-
return
|
|
1857
|
+
function Fa(e, a, t, i, o, s) {
|
|
1858
|
+
return h(), p("div", Ia, [
|
|
1824
1859
|
g("nav", {
|
|
1825
1860
|
class: "stepper",
|
|
1826
1861
|
"aria-label": t.label ? t.label : "Progress"
|
|
1827
1862
|
}, [
|
|
1828
|
-
t.label ? (
|
|
1863
|
+
t.label ? (h(), p("span", Pa, x(t.label), 1)) : A("", !0),
|
|
1829
1864
|
g("ol", za, [
|
|
1830
1865
|
S(e.$slots, "default")
|
|
1831
1866
|
]),
|
|
@@ -1833,7 +1868,7 @@ function Fa(e, a, t, r, s, i) {
|
|
|
1833
1868
|
], 8, ja)
|
|
1834
1869
|
]);
|
|
1835
1870
|
}
|
|
1836
|
-
const
|
|
1871
|
+
const oi = /* @__PURE__ */ _(Da, [["render", Fa]]);
|
|
1837
1872
|
const Oa = {
|
|
1838
1873
|
name: "Snapshot",
|
|
1839
1874
|
props: {
|
|
@@ -1846,29 +1881,29 @@ const Oa = {
|
|
|
1846
1881
|
class: "container snapshot",
|
|
1847
1882
|
ref: "wrapper"
|
|
1848
1883
|
}, Wa = { class: "row" }, Ua = ["href"], Ya = { class: "lead snapshot__title" }, Ga = { class: "stat" };
|
|
1849
|
-
function Ka(e, a, t,
|
|
1850
|
-
return
|
|
1884
|
+
function Ka(e, a, t, i, o, s) {
|
|
1885
|
+
return h(), p("div", Va, [
|
|
1851
1886
|
S(e.$slots, "default"),
|
|
1852
1887
|
g("div", Wa, [
|
|
1853
|
-
(
|
|
1888
|
+
(h(!0), p(M, null, H(t.items, (r, n) => (h(), p("div", {
|
|
1854
1889
|
class: "col",
|
|
1855
1890
|
key: n
|
|
1856
1891
|
}, [
|
|
1857
|
-
|
|
1892
|
+
r.link ? (h(), p("a", {
|
|
1858
1893
|
key: 0,
|
|
1859
|
-
href:
|
|
1860
|
-
}, "View " + x(
|
|
1894
|
+
href: r.link
|
|
1895
|
+
}, "View " + x(r.title), 9, Ua)) : A("", !0),
|
|
1861
1896
|
g("div", {
|
|
1862
|
-
class:
|
|
1897
|
+
class: k(`snapshot__item ${r.bg ? "bg-" + r.bg : ""}`)
|
|
1863
1898
|
}, [
|
|
1864
|
-
g("span", Ya, x(
|
|
1865
|
-
g("span", Ga, x(
|
|
1899
|
+
g("span", Ya, x(r.title), 1),
|
|
1900
|
+
g("span", Ga, x(r.number), 1)
|
|
1866
1901
|
], 2)
|
|
1867
1902
|
]))), 128))
|
|
1868
1903
|
])
|
|
1869
1904
|
], 512);
|
|
1870
1905
|
}
|
|
1871
|
-
const
|
|
1906
|
+
const ni = /* @__PURE__ */ _(Oa, [["render", Ka]]), Xa = {
|
|
1872
1907
|
name: "Stepper",
|
|
1873
1908
|
props: {
|
|
1874
1909
|
url: {
|
|
@@ -1888,68 +1923,68 @@ const li = /* @__PURE__ */ A(Oa, [["render", Ka]]), Xa = {
|
|
|
1888
1923
|
key: 0,
|
|
1889
1924
|
class: "visually-hidden"
|
|
1890
1925
|
};
|
|
1891
|
-
function Za(e, a, t,
|
|
1892
|
-
return
|
|
1926
|
+
function Za(e, a, t, i, o, s) {
|
|
1927
|
+
return h(), p("li", null, [
|
|
1893
1928
|
g("a", {
|
|
1894
1929
|
href: t.url,
|
|
1895
|
-
class:
|
|
1930
|
+
class: k(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
|
|
1896
1931
|
"aria-current": typeof t.current < "u"
|
|
1897
1932
|
}, [
|
|
1898
1933
|
g("span", null, [
|
|
1899
1934
|
S(e.$slots, "default")
|
|
1900
1935
|
]),
|
|
1901
|
-
t.status ? (
|
|
1936
|
+
t.status ? (h(), p("em", Qa, " - status: " + x(t.status), 1)) : A("", !0)
|
|
1902
1937
|
], 10, Ja)
|
|
1903
1938
|
]);
|
|
1904
1939
|
}
|
|
1905
|
-
const
|
|
1940
|
+
const li = /* @__PURE__ */ _(Xa, [["render", Za]]);
|
|
1906
1941
|
/*!
|
|
1907
|
-
* iamKey v4.0.
|
|
1942
|
+
* iamKey v4.0.1
|
|
1908
1943
|
* Copyright 2022-2023 iamproperty
|
|
1909
1944
|
*/
|
|
1910
|
-
const
|
|
1945
|
+
const tr = function(e) {
|
|
1911
1946
|
const a = e.querySelectorAll(":scope > details");
|
|
1912
1947
|
e.querySelectorAll(":scope > details > summary");
|
|
1913
1948
|
let t = e.querySelector(":scope > .tabs__links");
|
|
1914
|
-
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((
|
|
1915
|
-
let
|
|
1916
|
-
|
|
1917
|
-
let
|
|
1918
|
-
|
|
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
|
+
let r = document.createElement("button");
|
|
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);
|
|
1919
1954
|
});
|
|
1920
|
-
},
|
|
1921
|
-
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"),
|
|
1922
|
-
e.shadowRoot && (
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
let n =
|
|
1926
|
-
|
|
1927
|
-
}), a.forEach((
|
|
1928
|
-
let c =
|
|
1929
|
-
c ?
|
|
1930
|
-
}),
|
|
1955
|
+
}, er = function(e) {
|
|
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
|
+
let n = r == o;
|
|
1961
|
+
r.setAttribute("aria-pressed", n);
|
|
1962
|
+
}), a.forEach((r, n) => {
|
|
1963
|
+
let c = o.getAttribute("data-index") == n;
|
|
1964
|
+
c ? r.setAttribute("open", c) : r.removeAttribute("open");
|
|
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 });
|
|
1931
1966
|
});
|
|
1932
|
-
}), t.forEach((
|
|
1933
|
-
|
|
1934
|
-
|
|
1967
|
+
}), t.forEach((o, s) => {
|
|
1968
|
+
o.addEventListener("focus", (r) => {
|
|
1969
|
+
i.forEach((n) => {
|
|
1935
1970
|
n.classList.remove("focus");
|
|
1936
|
-
}),
|
|
1937
|
-
}),
|
|
1938
|
-
|
|
1971
|
+
}), i[s].classList.add("focus");
|
|
1972
|
+
}), o.addEventListener("click", (r) => {
|
|
1973
|
+
r.preventDefault(), i[s].click();
|
|
1939
1974
|
});
|
|
1940
1975
|
});
|
|
1941
|
-
},
|
|
1976
|
+
}, ar = function(e) {
|
|
1942
1977
|
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
|
|
1943
1978
|
e.shadowRoot && (t = e.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")), location.hash && e.querySelector(`.tabs__links [href="${location.hash}"]`) ? (e.querySelector(`[href="${location.hash}"]`).setAttribute("open", !0), e.querySelector(`details[id="${location.hash.replace("#", "")}"]`).setAttribute("open", !0)) : e.querySelector("details[open]") || (a[0].setAttribute("open", !0), t[0].setAttribute("aria-pressed", !0));
|
|
1944
|
-
},
|
|
1945
|
-
|
|
1979
|
+
}, rr = function(e) {
|
|
1980
|
+
tr(e), er(e), ar(e);
|
|
1946
1981
|
};
|
|
1947
1982
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "tabs" });
|
|
1948
|
-
let
|
|
1983
|
+
let ir = class extends HTMLElement {
|
|
1949
1984
|
constructor() {
|
|
1950
1985
|
super(), this.attachShadow({ mode: "open" });
|
|
1951
|
-
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`,
|
|
1952
|
-
|
|
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 = `
|
|
1953
1988
|
<style>
|
|
1954
1989
|
@import "${t}";
|
|
1955
1990
|
|
|
@@ -1963,23 +1998,23 @@ let io = class extends HTMLElement {
|
|
|
1963
1998
|
<div class="tabs__links"></div>
|
|
1964
1999
|
<slot></slot>
|
|
1965
2000
|
</div>
|
|
1966
|
-
`, this.shadowRoot.appendChild(
|
|
2001
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
1967
2002
|
}
|
|
1968
2003
|
connectedCallback() {
|
|
1969
2004
|
let a = this.classList.toString().replace("container", "");
|
|
1970
|
-
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`),
|
|
2005
|
+
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), rr(this);
|
|
1971
2006
|
}
|
|
1972
2007
|
};
|
|
1973
|
-
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs",
|
|
1974
|
-
const
|
|
2008
|
+
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", ir);
|
|
2009
|
+
const sr = {
|
|
1975
2010
|
name: "Tabs"
|
|
1976
|
-
},
|
|
1977
|
-
function
|
|
1978
|
-
return
|
|
2011
|
+
}, or = { ref: "wrapper" };
|
|
2012
|
+
function nr(e, a, t, i, o, s) {
|
|
2013
|
+
return h(), p("iam-tabs", or, [
|
|
1979
2014
|
S(e.$slots, "default")
|
|
1980
2015
|
], 512);
|
|
1981
2016
|
}
|
|
1982
|
-
const
|
|
2017
|
+
const di = /* @__PURE__ */ _(sr, [["render", nr]]), lr = {
|
|
1983
2018
|
name: "Tab",
|
|
1984
2019
|
props: {
|
|
1985
2020
|
title: {
|
|
@@ -2001,17 +2036,17 @@ const ui = /* @__PURE__ */ A(ro, [["render", no]]), lo = {
|
|
|
2001
2036
|
console.log(e);
|
|
2002
2037
|
}
|
|
2003
2038
|
}
|
|
2004
|
-
},
|
|
2005
|
-
function
|
|
2006
|
-
return
|
|
2007
|
-
g("summary", { innerHTML: t.title }, null, 8,
|
|
2039
|
+
}, cr = { class: "tab" }, dr = ["innerHTML"];
|
|
2040
|
+
function ur(e, a, t, i, o, s) {
|
|
2041
|
+
return h(), p("details", cr, [
|
|
2042
|
+
g("summary", { innerHTML: t.title }, null, 8, dr),
|
|
2008
2043
|
S(e.$slots, "default")
|
|
2009
2044
|
]);
|
|
2010
2045
|
}
|
|
2011
|
-
const
|
|
2046
|
+
const ui = /* @__PURE__ */ _(lr, [["render", ur]]);
|
|
2012
2047
|
let ct = nt.props;
|
|
2013
2048
|
ct.fields.required = !1;
|
|
2014
|
-
const
|
|
2049
|
+
const mr = {
|
|
2015
2050
|
components: {
|
|
2016
2051
|
Table: nt,
|
|
2017
2052
|
Input: lt
|
|
@@ -2027,9 +2062,9 @@ const ho = {
|
|
|
2027
2062
|
console.log(this);
|
|
2028
2063
|
const a = new FormData(e.target);
|
|
2029
2064
|
let t = /* @__PURE__ */ new Date();
|
|
2030
|
-
const
|
|
2031
|
-
let
|
|
2032
|
-
|
|
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({
|
|
2033
2068
|
date_added: t,
|
|
2034
2069
|
user: a.get("user"),
|
|
2035
2070
|
note: a.get("addNote")
|
|
@@ -2057,29 +2092,29 @@ const ho = {
|
|
|
2057
2092
|
required: !1
|
|
2058
2093
|
}
|
|
2059
2094
|
}
|
|
2060
|
-
},
|
|
2061
|
-
function
|
|
2062
|
-
const
|
|
2063
|
-
return
|
|
2064
|
-
t.title ? (
|
|
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, i, o, s) {
|
|
2097
|
+
const r = z("Table"), n = z("Input");
|
|
2098
|
+
return h(), p("div", hr, [
|
|
2099
|
+
t.title ? (h(), p("span", {
|
|
2065
2100
|
key: 0,
|
|
2066
2101
|
class: "h3",
|
|
2067
2102
|
innerHTML: t.title
|
|
2068
|
-
}, null, 8,
|
|
2069
|
-
C(
|
|
2103
|
+
}, null, 8, pr)) : A("", !0),
|
|
2104
|
+
C(r, N({
|
|
2070
2105
|
fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
|
|
2071
|
-
items:
|
|
2106
|
+
items: o.itemsData
|
|
2072
2107
|
}, e.$props, { class: "mb-0" }), null, 16, ["items"]),
|
|
2073
2108
|
g("form", {
|
|
2074
2109
|
action: t.action,
|
|
2075
2110
|
method: t.method,
|
|
2076
|
-
onSubmit: a[0] || (a[0] = gt((c) =>
|
|
2111
|
+
onSubmit: a[0] || (a[0] = gt((c) => s.submitForm(...arguments), ["prevent"]))
|
|
2077
2112
|
}, [
|
|
2078
2113
|
g("input", {
|
|
2079
2114
|
type: "hidden",
|
|
2080
2115
|
value: t.user,
|
|
2081
2116
|
name: "user"
|
|
2082
|
-
}, null, 8,
|
|
2117
|
+
}, null, 8, fr),
|
|
2083
2118
|
C(n, {
|
|
2084
2119
|
id: "addNote",
|
|
2085
2120
|
type: "textarea",
|
|
@@ -2087,132 +2122,131 @@ function vo(e, a, t, r, s, i) {
|
|
|
2087
2122
|
required: "",
|
|
2088
2123
|
class: "mw-100"
|
|
2089
2124
|
}),
|
|
2090
|
-
|
|
2091
|
-
], 40,
|
|
2125
|
+
gr
|
|
2126
|
+
], 40, br)
|
|
2092
2127
|
]);
|
|
2093
2128
|
}
|
|
2094
|
-
const
|
|
2129
|
+
const mi = /* @__PURE__ */ _(mr, [["render", yr]]);
|
|
2095
2130
|
/*!
|
|
2096
|
-
* iamKey v4.0.
|
|
2131
|
+
* iamKey v4.0.1
|
|
2097
2132
|
* Copyright 2022-2023 iamproperty
|
|
2098
2133
|
*/
|
|
2099
|
-
function
|
|
2100
|
-
function t(
|
|
2101
|
-
let
|
|
2102
|
-
|
|
2103
|
-
let n =
|
|
2104
|
-
n &&
|
|
2105
|
-
let c =
|
|
2106
|
-
if (n || (n = document.createElement("button"),
|
|
2107
|
-
let l =
|
|
2108
|
-
if (
|
|
2134
|
+
function vr(e, a) {
|
|
2135
|
+
function t(i, o) {
|
|
2136
|
+
let s = !1, r = o.getAttribute("name");
|
|
2137
|
+
r.includes("[]") && (r = r.replace("[]", `[${o.value}]`));
|
|
2138
|
+
let n = i.querySelector(`[data-name="${r}"]`);
|
|
2139
|
+
n && o.getAttribute("type") == "checkbox" && (s = !0);
|
|
2140
|
+
let c = o.getAttribute("data-filter-text");
|
|
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
|
+
let l = o.parentNode.closest("[data-filter-text]"), m = !0;
|
|
2143
|
+
if (r = "", l.querySelectorAll("input").forEach((d, f) => {
|
|
2109
2144
|
let b = d.getAttribute("name");
|
|
2110
|
-
if (
|
|
2145
|
+
if (r += `${f != 0 ? "," : ""}${b}`, i.querySelector(`[data-name="${b}"]`) && i.querySelector(`[data-name="${b}"]`).remove(), d.value) {
|
|
2111
2146
|
let u = document.createElement("button");
|
|
2112
|
-
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);
|
|
2113
2148
|
} else
|
|
2114
|
-
|
|
2115
|
-
}),
|
|
2149
|
+
m = !1;
|
|
2150
|
+
}), i.querySelector(`[data-name="${r}"]`) && i.querySelector(`[data-name="${r}"]`).remove(), m) {
|
|
2116
2151
|
let d = l.getAttribute("data-filter-text");
|
|
2117
2152
|
l.querySelectorAll("input").forEach((b, u) => {
|
|
2118
|
-
let
|
|
2119
|
-
|
|
2153
|
+
let v = b.getAttribute("name");
|
|
2154
|
+
i.querySelector(`[data-name="${v}"]`) && i.querySelector(`[data-name="${v}"]`).remove(), d = d.replace(`$${u + 1}`, b.value);
|
|
2120
2155
|
});
|
|
2121
2156
|
let f = document.createElement("button");
|
|
2122
|
-
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name",
|
|
2157
|
+
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", r), f.innerHTML = d, i.appendChild(f);
|
|
2123
2158
|
}
|
|
2124
2159
|
}
|
|
2125
2160
|
}
|
|
2126
|
-
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((
|
|
2127
|
-
t(a,
|
|
2128
|
-
}), e.
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
let c = n[s], l = `[name="${c}"]`;
|
|
2161
|
+
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, o) => {
|
|
2162
|
+
t(a, i);
|
|
2163
|
+
}), Array.from(e.querySelectorAll("input[data-filter-text]")).forEach((i, o) => {
|
|
2164
|
+
i.addEventListener("change", function(s) {
|
|
2165
|
+
t(a, i);
|
|
2166
|
+
});
|
|
2167
|
+
}), a.addEventListener("click", function(i) {
|
|
2168
|
+
if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
|
|
2169
|
+
let r = i.target.closest(".filter"), n = r.getAttribute("data-name").split(",");
|
|
2170
|
+
for (var o = 0; o < n.length; o++) {
|
|
2171
|
+
let c = n[o], l = `[name="${c}"]`;
|
|
2138
2172
|
c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), l = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
|
|
2139
|
-
let
|
|
2140
|
-
for (var
|
|
2141
|
-
let d =
|
|
2173
|
+
let m = e.querySelectorAll(l);
|
|
2174
|
+
for (var s = 0; s < m.length; s++) {
|
|
2175
|
+
let d = m[s];
|
|
2142
2176
|
if (d.getAttribute("type") != "radio" && d.getAttribute("type") != "checkbox")
|
|
2143
2177
|
d.value = "";
|
|
2144
2178
|
else {
|
|
2145
2179
|
d.checked = !1;
|
|
2146
|
-
var
|
|
2147
|
-
d.closest("form").dispatchEvent(
|
|
2180
|
+
var i = new Event("force");
|
|
2181
|
+
e.hasAttribute("data-nosubmit") || d.closest("form").dispatchEvent(i);
|
|
2148
2182
|
}
|
|
2149
2183
|
}
|
|
2150
2184
|
}
|
|
2151
|
-
|
|
2185
|
+
r.remove();
|
|
2152
2186
|
}
|
|
2153
2187
|
}, !1);
|
|
2154
2188
|
}
|
|
2155
2189
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
|
|
2156
|
-
class
|
|
2190
|
+
let wr = class extends HTMLElement {
|
|
2157
2191
|
constructor() {
|
|
2158
2192
|
super(), this.attachShadow({ mode: "open" });
|
|
2159
2193
|
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`;
|
|
2160
|
-
let
|
|
2161
|
-
const
|
|
2162
|
-
|
|
2194
|
+
let i = this.classList.toString();
|
|
2195
|
+
const o = document.createElement("template");
|
|
2196
|
+
o.innerHTML = `
|
|
2163
2197
|
<style>
|
|
2164
2198
|
@import "${t}";
|
|
2165
2199
|
.applied-filters:not(.applied-filters--compact):not(:empty):before{content:"Applied filters";font-weight:bold;font-size:1.125rem;line-height:1.375rem;color:var(--colour-header);margin-bottom:1rem;display:block}.applied-filters:not(:empty){margin-bottom:1rem}::slotted(*:last-child){margin-bottom:0}.applied-filters .filter{border:1px solid var(--colour-border);padding:1rem 1.5rem 1rem 1.5rem;background:rgba(0,0,0,0);margin-right:.5rem !important;margin-bottom:.5rem !important;line-height:1.5rem;white-space:nowrap}.applied-filters .filter:after{content:"";display:inline-block;height:1.25rem;width:1.25rem;padding:0;margin-left:1.5rem;margin-bottom:-0.25rem;border:none;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}.applied-filters--compact .filter{background-color:var(--colour-light);border:none;padding:0.625rem;line-height:1rem;border-radius:0.3125rem}.applied-filters--compact .filter:after{margin-left:0.625rem;height:1rem;width:1rem;margin-bottom:-0.1rem}/*# sourceMappingURL=assets/css/components/applied-filters.css.map */
|
|
2166
2200
|
|
|
2167
2201
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2168
2202
|
</style>
|
|
2169
|
-
<div class="applied-filters ${
|
|
2203
|
+
<div class="applied-filters ${i}"></div>
|
|
2170
2204
|
<slot></slot>
|
|
2171
|
-
`, this.shadowRoot.appendChild(
|
|
2205
|
+
`, this.shadowRoot.appendChild(o.content.cloneNode(!0));
|
|
2172
2206
|
}
|
|
2173
2207
|
connectedCallback() {
|
|
2174
|
-
|
|
2208
|
+
vr(this, this.shadowRoot.querySelector(".applied-filters"));
|
|
2175
2209
|
}
|
|
2176
|
-
}
|
|
2177
|
-
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters",
|
|
2178
|
-
const
|
|
2210
|
+
};
|
|
2211
|
+
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", wr);
|
|
2212
|
+
const Ar = {
|
|
2179
2213
|
name: "Header"
|
|
2180
2214
|
};
|
|
2181
|
-
function
|
|
2182
|
-
return
|
|
2215
|
+
function _r(e, a, t, i, o, s) {
|
|
2216
|
+
return h(), p("iam-applied-filters", null, [
|
|
2183
2217
|
S(e.$slots, "default")
|
|
2184
2218
|
]);
|
|
2185
2219
|
}
|
|
2186
|
-
const pi = /* @__PURE__ */
|
|
2220
|
+
const pi = /* @__PURE__ */ _(Ar, [["render", _r]]);
|
|
2187
2221
|
/*!
|
|
2188
|
-
* iamKey v4.0.
|
|
2222
|
+
* iamKey v4.0.1
|
|
2189
2223
|
* Copyright 2022-2023 iamproperty
|
|
2190
2224
|
*/
|
|
2191
|
-
function
|
|
2192
|
-
|
|
2225
|
+
function Lr(e, a) {
|
|
2226
|
+
Sr(e, a);
|
|
2193
2227
|
}
|
|
2194
|
-
function
|
|
2228
|
+
function Sr(e, a) {
|
|
2195
2229
|
var t;
|
|
2196
|
-
a.addEventListener("keyup", (
|
|
2230
|
+
a.addEventListener("keyup", (i) => {
|
|
2197
2231
|
clearTimeout(t), t = setTimeout(function() {
|
|
2198
2232
|
Z(e, a.value);
|
|
2199
2233
|
}, 500);
|
|
2200
|
-
}), a.addEventListener("change", (
|
|
2234
|
+
}), a.addEventListener("change", (i) => {
|
|
2201
2235
|
clearTimeout(t), Z(e, a.value);
|
|
2202
2236
|
});
|
|
2203
2237
|
}
|
|
2204
2238
|
const Z = function(e, a) {
|
|
2205
|
-
Array.from(e.querySelectorAll(":scope > li")).forEach((t,
|
|
2206
|
-
let
|
|
2207
|
-
t.classList.add("d-none"),
|
|
2239
|
+
Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
|
|
2240
|
+
let o = t.textContent.toLowerCase();
|
|
2241
|
+
t.classList.add("d-none"), o.includes(a.toLowerCase()) && t.classList.remove("d-none");
|
|
2208
2242
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
|
|
2209
2243
|
};
|
|
2210
2244
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
|
|
2211
|
-
let
|
|
2245
|
+
let kr = class extends HTMLElement {
|
|
2212
2246
|
constructor() {
|
|
2213
2247
|
super(), this.attachShadow({ mode: "open" });
|
|
2214
|
-
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`,
|
|
2215
|
-
|
|
2248
|
+
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");
|
|
2249
|
+
i.innerHTML = `
|
|
2216
2250
|
<style>
|
|
2217
2251
|
@import "${t}";
|
|
2218
2252
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
@@ -2239,24 +2273,24 @@ let qo = class extends HTMLElement {
|
|
|
2239
2273
|
<div class="list__wrapper">
|
|
2240
2274
|
<slot></slot>
|
|
2241
2275
|
</div>
|
|
2242
|
-
`, this.shadowRoot.appendChild(
|
|
2276
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2243
2277
|
}
|
|
2244
2278
|
connectedCallback() {
|
|
2245
2279
|
let a = this.classList.toString();
|
|
2246
|
-
this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'),
|
|
2280
|
+
this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), Lr(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
|
|
2247
2281
|
}
|
|
2248
2282
|
};
|
|
2249
|
-
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist",
|
|
2250
|
-
const
|
|
2283
|
+
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", kr);
|
|
2284
|
+
const qr = {
|
|
2251
2285
|
name: "Filter list"
|
|
2252
2286
|
};
|
|
2253
|
-
function
|
|
2254
|
-
return
|
|
2287
|
+
function $r(e, a, t, i, o, s) {
|
|
2288
|
+
return h(), p("iam-filterlist", null, [
|
|
2255
2289
|
S(e.$slots, "default")
|
|
2256
2290
|
]);
|
|
2257
2291
|
}
|
|
2258
|
-
const fi = /* @__PURE__ */
|
|
2259
|
-
function
|
|
2292
|
+
const fi = /* @__PURE__ */ _(qr, [["render", $r]]);
|
|
2293
|
+
function xr(e) {
|
|
2260
2294
|
if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
|
|
2261
2295
|
let t = document.querySelector(".notification__holder");
|
|
2262
2296
|
t || (t = document.createElement("div"), t.classList.add("notification__holder"), t.classList.add("container"), document.querySelector("body").appendChild(t)), e.closest(".notification__holder") || t.appendChild(e);
|
|
@@ -2265,22 +2299,22 @@ function Eo(e) {
|
|
|
2265
2299
|
event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
|
|
2266
2300
|
}, !1), e.hasAttribute("data-timeout")) {
|
|
2267
2301
|
let t = e.getAttribute("data-timeout");
|
|
2268
|
-
var a = new
|
|
2302
|
+
var a = new Er(function() {
|
|
2269
2303
|
X(e);
|
|
2270
2304
|
}, t);
|
|
2271
|
-
e.addEventListener("mouseenter", (
|
|
2305
|
+
e.addEventListener("mouseenter", (i) => {
|
|
2272
2306
|
a.pause();
|
|
2273
|
-
}), e.addEventListener("mouseleave", (
|
|
2307
|
+
}), e.addEventListener("mouseleave", (i) => {
|
|
2274
2308
|
a.resume();
|
|
2275
2309
|
});
|
|
2276
2310
|
}
|
|
2277
2311
|
}
|
|
2278
|
-
function
|
|
2279
|
-
var t,
|
|
2312
|
+
function Er(e, a) {
|
|
2313
|
+
var t, i, o = a;
|
|
2280
2314
|
this.pause = function() {
|
|
2281
|
-
window.clearTimeout(t),
|
|
2315
|
+
window.clearTimeout(t), o -= /* @__PURE__ */ new Date() - i;
|
|
2282
2316
|
}, this.resume = function() {
|
|
2283
|
-
|
|
2317
|
+
i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, o);
|
|
2284
2318
|
}, this.resume();
|
|
2285
2319
|
}
|
|
2286
2320
|
const X = function(e) {
|
|
@@ -2291,32 +2325,32 @@ window.dataLayer.push({
|
|
|
2291
2325
|
event: "customElementRegistered",
|
|
2292
2326
|
element: "Notification"
|
|
2293
2327
|
});
|
|
2294
|
-
class
|
|
2328
|
+
class Tr extends HTMLElement {
|
|
2295
2329
|
constructor() {
|
|
2296
2330
|
super(), this.attachShadow({ mode: "open" });
|
|
2297
|
-
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`,
|
|
2298
|
-
Array.from(
|
|
2299
|
-
|
|
2300
|
-
}), (
|
|
2301
|
-
const
|
|
2302
|
-
|
|
2331
|
+
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");
|
|
2332
|
+
Array.from(o).forEach((r, n) => {
|
|
2333
|
+
r.setAttribute("slot", "btns"), r.classList.add("link");
|
|
2334
|
+
}), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
|
|
2335
|
+
const s = document.createElement("template");
|
|
2336
|
+
s.innerHTML = `
|
|
2303
2337
|
<style>
|
|
2304
2338
|
@import "${t}";
|
|
2305
|
-
${
|
|
2339
|
+
${i}
|
|
2306
2340
|
${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
|
|
2307
2341
|
</style>
|
|
2308
2342
|
|
|
2309
2343
|
<div class="notification">
|
|
2310
2344
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
2311
|
-
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${
|
|
2345
|
+
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
|
|
2312
2346
|
${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
|
|
2313
2347
|
</div>
|
|
2314
|
-
`, this.shadowRoot.appendChild(
|
|
2348
|
+
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
2315
2349
|
}
|
|
2316
2350
|
connectedCallback() {
|
|
2317
2351
|
const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
|
|
2318
2352
|
this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
|
|
2319
|
-
const
|
|
2353
|
+
const i = this;
|
|
2320
2354
|
if (!this.querySelector("i"))
|
|
2321
2355
|
switch (t) {
|
|
2322
2356
|
case "danger":
|
|
@@ -2331,176 +2365,192 @@ class Mo extends HTMLElement {
|
|
|
2331
2365
|
default:
|
|
2332
2366
|
this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
|
|
2333
2367
|
}
|
|
2334
|
-
|
|
2335
|
-
X(
|
|
2368
|
+
xr(i), a && a.addEventListener("click", function(o) {
|
|
2369
|
+
X(i);
|
|
2336
2370
|
}, !1);
|
|
2337
2371
|
}
|
|
2338
2372
|
}
|
|
2339
|
-
const
|
|
2373
|
+
const Mr = {
|
|
2340
2374
|
name: "Notification",
|
|
2341
2375
|
props: {},
|
|
2342
2376
|
created() {
|
|
2343
2377
|
this.$nextTick(function() {
|
|
2344
|
-
window.customElements.get("iam-notification") || window.customElements.define("iam-notification",
|
|
2378
|
+
window.customElements.get("iam-notification") || window.customElements.define("iam-notification", Tr);
|
|
2345
2379
|
});
|
|
2346
2380
|
}
|
|
2347
2381
|
};
|
|
2348
|
-
function
|
|
2349
|
-
return
|
|
2382
|
+
function Hr(e, a, t, i, o, s) {
|
|
2383
|
+
return h(), p("iam-notification", null, [
|
|
2350
2384
|
S(e.$slots, "default")
|
|
2351
2385
|
]);
|
|
2352
2386
|
}
|
|
2353
|
-
const gi = /* @__PURE__ */
|
|
2387
|
+
const gi = /* @__PURE__ */ _(Mr, [["render", Hr]]);
|
|
2354
2388
|
/*!
|
|
2355
|
-
* iamKey v4.0.
|
|
2389
|
+
* iamKey v4.0.1
|
|
2356
2390
|
* Copyright 2022-2023 iamproperty
|
|
2357
2391
|
*/
|
|
2358
|
-
const
|
|
2392
|
+
const Cr = function(e) {
|
|
2359
2393
|
typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
|
|
2360
2394
|
var a = e.getAttribute("data-id"), t = e.getAttribute("id");
|
|
2361
2395
|
if (typeof t > "u" || t == null) {
|
|
2362
|
-
var
|
|
2363
|
-
t =
|
|
2396
|
+
var i = String.fromCharCode(65 + Math.floor(Math.random() * 26));
|
|
2397
|
+
t = i + Date.now(), e.setAttribute("id", t);
|
|
2364
2398
|
}
|
|
2365
|
-
function
|
|
2366
|
-
window.player = new YT.Player(t, { height: "100%", width: "100%", videoId: a, playerVars: { modestbranding: 1, playsinline: 1, rel: 0, showinfo: 0 }, events: { onReady:
|
|
2399
|
+
function o() {
|
|
2400
|
+
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 } });
|
|
2367
2401
|
}
|
|
2368
|
-
|
|
2369
|
-
function
|
|
2402
|
+
o();
|
|
2403
|
+
function s(c) {
|
|
2370
2404
|
c.target.playVideo();
|
|
2371
2405
|
}
|
|
2372
|
-
var
|
|
2406
|
+
var r = !1;
|
|
2373
2407
|
function n(c) {
|
|
2374
|
-
if (c.data == YT.PlayerState.PLAYING && !
|
|
2408
|
+
if (c.data == YT.PlayerState.PLAYING && !r) {
|
|
2375
2409
|
var l = document.getElementById(t);
|
|
2376
|
-
l.classList.add("player-ready"),
|
|
2410
|
+
l.classList.add("player-ready"), r = !0;
|
|
2377
2411
|
}
|
|
2378
2412
|
}
|
|
2379
|
-
},
|
|
2413
|
+
}, Nr = (e) => (Array.from(e.querySelectorAll("dialog[open]")).forEach((a, t) => {
|
|
2380
2414
|
a.closest(".dialog__wrapper") || (a.removeAttribute("open"), a.showModal(), a.focus(), tt(a));
|
|
2381
2415
|
}), e.addEventListener("click", (a) => {
|
|
2382
2416
|
if (a.target.tagName == "IAM-ACTIONBAR")
|
|
2383
2417
|
return !1;
|
|
2384
2418
|
if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
|
|
2385
|
-
const
|
|
2386
|
-
tt(
|
|
2419
|
+
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}`);
|
|
2420
|
+
tt(r), r.showModal(), r.focus();
|
|
2421
|
+
let n = r.offsetWidth;
|
|
2422
|
+
r.setAttribute("style", `max-width: ${n}px;`), Array.from(r.querySelectorAll("[data-duplicate]")).forEach((c, l) => {
|
|
2423
|
+
const m = c.getAttribute("data-duplicate"), d = document.getElementById(m);
|
|
2424
|
+
if (c.checked != d.checked) {
|
|
2425
|
+
c.checked = d.checked;
|
|
2426
|
+
let f = new Event("change");
|
|
2427
|
+
c.dispatchEvent(f);
|
|
2428
|
+
}
|
|
2429
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: s });
|
|
2387
2430
|
}
|
|
2388
2431
|
if (a && a.target instanceof HTMLElement && a.target.closest("button.dialog__close")) {
|
|
2389
|
-
const
|
|
2390
|
-
a.preventDefault(),
|
|
2391
|
-
|
|
2392
|
-
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id:
|
|
2432
|
+
const o = a.target.closest("dialog[open]");
|
|
2433
|
+
a.preventDefault(), o.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
|
|
2434
|
+
s.classList.remove("active");
|
|
2435
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
|
|
2393
2436
|
}
|
|
2394
2437
|
if (a && a.target instanceof HTMLElement && a.target.closest('button[formmethod="dialog"]')) {
|
|
2395
|
-
const
|
|
2396
|
-
Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((
|
|
2397
|
-
|
|
2398
|
-
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id:
|
|
2438
|
+
const o = a.target.closest("dialog[open]");
|
|
2439
|
+
Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
|
|
2440
|
+
s.classList.remove("active");
|
|
2441
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
|
|
2399
2442
|
}
|
|
2400
2443
|
if (a && a.target instanceof HTMLElement && a.target.closest("dialog[open]")) {
|
|
2401
|
-
let
|
|
2402
|
-
var t = window.getComputedStyle(
|
|
2403
|
-
if (t.display === "contents" && (
|
|
2404
|
-
const
|
|
2405
|
-
(a.clientX <
|
|
2444
|
+
let o = a.target.closest("dialog[open]");
|
|
2445
|
+
var t = window.getComputedStyle(o);
|
|
2446
|
+
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")) {
|
|
2447
|
+
const s = o.getBoundingClientRect();
|
|
2448
|
+
(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") }));
|
|
2406
2449
|
}
|
|
2407
2450
|
}
|
|
2408
2451
|
if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
|
|
2409
2452
|
a.stopPropagation();
|
|
2410
|
-
let
|
|
2453
|
+
let o = a.target.closest(".dialog__wrapper > button"), s = a.target.closest(".dialog__wrapper > button").parentNode, r = "openPopover", n = s.querySelector(":scope > dialog");
|
|
2411
2454
|
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) => {
|
|
2412
2455
|
d.classList.remove("active");
|
|
2413
2456
|
}), n.hasAttribute("open"))
|
|
2414
|
-
n.close(),
|
|
2457
|
+
n.close(), r = "closePopover", n.removeAttribute("style"), o.classList.remove("active");
|
|
2415
2458
|
else {
|
|
2416
|
-
n.show(),
|
|
2417
|
-
var
|
|
2418
|
-
let d =
|
|
2419
|
-
if (
|
|
2420
|
-
let b =
|
|
2459
|
+
n.show(), o.classList.add("active");
|
|
2460
|
+
var i = o.getBoundingClientRect();
|
|
2461
|
+
let d = i.top, f = i.left;
|
|
2462
|
+
if (o.closest("iam-table")) {
|
|
2463
|
+
let b = o.closest("iam-table").parentNode.getBoundingClientRect();
|
|
2421
2464
|
d -= b.top, f -= b.left;
|
|
2422
2465
|
}
|
|
2423
2466
|
n.classList.contains("dialog--fix") && n.setAttribute("style", `position:fixed;top: ${d}px; left: ${f}px; margin: 3rem 0 0 0;`);
|
|
2424
2467
|
}
|
|
2425
|
-
let c = n.getBoundingClientRect(), l = c.bottom - window.scrollY,
|
|
2426
|
-
if (l >
|
|
2468
|
+
let c = n.getBoundingClientRect(), l = c.bottom - window.scrollY, m = window.innerHeight - window.scrollY;
|
|
2469
|
+
if (l > m) {
|
|
2427
2470
|
let d = n.hasAttribute("style") ? n.getAttribute("style") + " " : "";
|
|
2428
2471
|
n.setAttribute("style", d + "transform: translate(0, calc(-100% - 4rem))"), c = n.getBoundingClientRect(), c.top - window.scrollY < 100 && n.removeAttribute("style");
|
|
2429
2472
|
}
|
|
2430
|
-
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event:
|
|
2473
|
+
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: r, id: o.textContent });
|
|
2431
2474
|
}
|
|
2432
|
-
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((
|
|
2433
|
-
|
|
2475
|
+
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) => {
|
|
2476
|
+
o.classList.remove("active");
|
|
2434
2477
|
}));
|
|
2435
2478
|
}), null), tt = (e) => {
|
|
2436
2479
|
e.querySelector(":scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child") && !e.classList.contains("dialog--multi") && e.addEventListener("cancel", (t) => {
|
|
2437
2480
|
t.preventDefault();
|
|
2438
2481
|
});
|
|
2439
2482
|
let a = e.querySelector(".youtube-embed a");
|
|
2440
|
-
if (a &&
|
|
2483
|
+
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")) {
|
|
2441
2484
|
e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
|
|
2442
|
-
let t = e.querySelector(".mh-lg"),
|
|
2443
|
-
if (
|
|
2444
|
-
let
|
|
2445
|
-
t.before(
|
|
2485
|
+
let t = e.querySelector(".mh-lg"), i = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
|
|
2486
|
+
if (i) {
|
|
2487
|
+
let o = i.previousSibling;
|
|
2488
|
+
t.before(i), o && i.before(o);
|
|
2446
2489
|
}
|
|
2447
2490
|
}
|
|
2448
2491
|
e.querySelector(":scope > button:first-child") || e.insertAdjacentHTML("afterbegin", '<button class="dialog__close">Close</button>');
|
|
2449
|
-
},
|
|
2450
|
-
let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]"));
|
|
2451
|
-
t.forEach((
|
|
2452
|
-
a += `<button data-title="${
|
|
2453
|
-
const
|
|
2454
|
-
|
|
2492
|
+
}, Rr = (e) => {
|
|
2493
|
+
let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]")), i = e.querySelector("form");
|
|
2494
|
+
t.forEach((r, n) => {
|
|
2495
|
+
a += `<button data-title="${r.getAttribute("data-title")}" type="button" class="${n == 0 ? "active" : ""}" tabindex="-1">${r.getAttribute("data-title")}</button>`;
|
|
2496
|
+
const c = document.createElement("div");
|
|
2497
|
+
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)
|
|
2498
|
+
if (i && i.querySelector(':scope > button[type="submit"]')) {
|
|
2499
|
+
let l = i.querySelector(':scope > button[type="submit"]');
|
|
2500
|
+
l.classList.add("mb-0"), c.insertAdjacentElement("beforeend", l);
|
|
2501
|
+
} else
|
|
2502
|
+
c.innerHTML += `<button data-title="${t[n].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
|
|
2455
2503
|
}), e.insertAdjacentHTML("afterbegin", `<div class="steps bg-primary">${a}</div>`);
|
|
2456
|
-
let
|
|
2457
|
-
for (let
|
|
2458
|
-
let
|
|
2459
|
-
if (
|
|
2460
|
-
Array.from(e.querySelectorAll(`[data-title="${
|
|
2461
|
-
|
|
2504
|
+
let o = Array.from(e.querySelectorAll("fieldset.was-validated"));
|
|
2505
|
+
for (let r = 0; r < o.length; r++) {
|
|
2506
|
+
let n = o[r], c = n.getAttribute("data-title");
|
|
2507
|
+
if (n.querySelector(".is-invalid")) {
|
|
2508
|
+
Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
|
|
2509
|
+
l.classList.add("active");
|
|
2462
2510
|
});
|
|
2463
2511
|
break;
|
|
2464
2512
|
} else
|
|
2465
|
-
Array.from(e.querySelectorAll(`[data-title="${
|
|
2466
|
-
|
|
2513
|
+
Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
|
|
2514
|
+
l.classList.add("valid");
|
|
2467
2515
|
});
|
|
2468
2516
|
}
|
|
2469
2517
|
e.addEventListener("invalid", function() {
|
|
2470
|
-
return function(
|
|
2471
|
-
|
|
2518
|
+
return function(r) {
|
|
2519
|
+
r.preventDefault();
|
|
2472
2520
|
};
|
|
2473
2521
|
}(), !0);
|
|
2474
|
-
function s(
|
|
2475
|
-
const
|
|
2476
|
-
let
|
|
2477
|
-
if (
|
|
2478
|
-
|
|
2479
|
-
}),
|
|
2480
|
-
|
|
2481
|
-
}) : Array.from(e.querySelectorAll(`[data-title="${
|
|
2482
|
-
|
|
2483
|
-
}),
|
|
2484
|
-
const
|
|
2485
|
-
Array.from(e.querySelectorAll("button")).forEach((
|
|
2486
|
-
|
|
2487
|
-
}), Array.from(e.querySelectorAll("fieldset")).forEach((
|
|
2488
|
-
|
|
2489
|
-
}),
|
|
2490
|
-
}
|
|
2491
|
-
let
|
|
2492
|
-
e.style.setProperty("--progress", `${
|
|
2493
|
-
}
|
|
2494
|
-
e.addEventListener("keydown", (
|
|
2495
|
-
if (
|
|
2496
|
-
const
|
|
2497
|
-
|
|
2498
|
-
}
|
|
2499
|
-
|
|
2500
|
-
}), e.addEventListener("click", (
|
|
2501
|
-
if (
|
|
2502
|
-
|
|
2503
|
-
|
|
2522
|
+
function s(r) {
|
|
2523
|
+
const n = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), c = n.getAttribute("data-title");
|
|
2524
|
+
let l = !0;
|
|
2525
|
+
if (n.classList.add("was-validated"), Array.from(n.querySelectorAll("input")).forEach((f, b) => {
|
|
2526
|
+
f.checkValidity() || (l = !1);
|
|
2527
|
+
}), l ? Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
|
|
2528
|
+
f.classList.add("valid");
|
|
2529
|
+
}) : Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
|
|
2530
|
+
f.classList.remove("valid");
|
|
2531
|
+
}), l || !r.hasAttribute("data-next")) {
|
|
2532
|
+
const f = e.querySelector(`fieldset[data-title="${r.getAttribute("data-title")}"]`), b = e.querySelector(`.steps button[data-title="${r.getAttribute("data-title")}"]`);
|
|
2533
|
+
Array.from(e.querySelectorAll("button")).forEach((u, v) => {
|
|
2534
|
+
u.classList.remove("active");
|
|
2535
|
+
}), Array.from(e.querySelectorAll("fieldset")).forEach((u, v) => {
|
|
2536
|
+
u.classList.remove("active");
|
|
2537
|
+
}), b.classList.add("active"), f.classList.add("active");
|
|
2538
|
+
}
|
|
2539
|
+
let m = Array.from(e.querySelectorAll("fieldset")).length, d = Array.from(e.querySelectorAll("fieldset.valid")).length;
|
|
2540
|
+
e.style.setProperty("--progress", `${d / (m - 1) * 100}%`);
|
|
2541
|
+
}
|
|
2542
|
+
e.addEventListener("keydown", (r) => {
|
|
2543
|
+
if (r && r.target instanceof HTMLElement && r.target.closest("button")) {
|
|
2544
|
+
const n = r.target.closest("button");
|
|
2545
|
+
r.keyCode == 13 && n.getAttribute("type") != "submit" && (r.preventDefault(), s(n));
|
|
2546
|
+
}
|
|
2547
|
+
r && r.target instanceof HTMLElement && r.target.closest("input") && (r.target.closest("input").classList.remove("is-invalid"), r.keyCode == 13 && r.preventDefault());
|
|
2548
|
+
}), e.addEventListener("click", (r) => {
|
|
2549
|
+
if (r && r.target instanceof HTMLElement && r.target.closest('button[type="submit"]'))
|
|
2550
|
+
r.target.closest("form").classList.add("was-validated");
|
|
2551
|
+
else if (r && r.target instanceof HTMLElement && r.target.closest("button[data-title]")) {
|
|
2552
|
+
const n = r.target.closest("button[data-title]");
|
|
2553
|
+
s(n);
|
|
2504
2554
|
}
|
|
2505
2555
|
return null;
|
|
2506
2556
|
});
|
|
@@ -2509,14 +2559,14 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
2509
2559
|
function et(e, a) {
|
|
2510
2560
|
e && a == "all" ? (e.querySelector("input").indeterminate = !1, e.querySelector("input").checked = !0, e.querySelector("label").textContent = "Select all") : e && a == 0 ? (e.querySelector("input").indeterminate = !1, e.querySelector("input").checked = !1, e.querySelector("label").textContent = "Select all") : e && a ? (e.querySelector("input").indeterminate = !0, e.querySelector("input").checked = !1, e.querySelector("label").textContent = `${a} item${a > 1 ? "s" : ""} selected`) : e && (e.querySelector("input").checked = !1, e.querySelector("input").indeterminate = !1, e.querySelector("label").textContent = "Select all");
|
|
2511
2561
|
}
|
|
2512
|
-
class
|
|
2562
|
+
class Dr extends HTMLElement {
|
|
2513
2563
|
constructor() {
|
|
2514
2564
|
super(), this.attachShadow({ mode: "open" });
|
|
2515
|
-
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`,
|
|
2516
|
-
|
|
2565
|
+
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");
|
|
2566
|
+
i.innerHTML = `
|
|
2517
2567
|
<style>
|
|
2518
2568
|
@import "${t}";
|
|
2519
|
-
.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;
|
|
2569
|
+
.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 */
|
|
2520
2570
|
|
|
2521
2571
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2522
2572
|
</style>
|
|
@@ -2561,57 +2611,72 @@ class Po extends HTMLElement {
|
|
|
2561
2611
|
|
|
2562
2612
|
</div>
|
|
2563
2613
|
</div>
|
|
2564
|
-
`, this.shadowRoot.appendChild(
|
|
2614
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2565
2615
|
}
|
|
2566
2616
|
connectedCallback() {
|
|
2567
2617
|
let a = this;
|
|
2568
2618
|
const t = this.shadowRoot.querySelector(".actionbar__wrapper");
|
|
2569
2619
|
if (this.hasAttribute("data-selectall")) {
|
|
2570
2620
|
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>');
|
|
2571
|
-
let
|
|
2572
|
-
this.hasAttribute("data-selected") && et(
|
|
2621
|
+
let s = this.shadowRoot.querySelector(".selectall");
|
|
2622
|
+
this.hasAttribute("data-selected") && et(s, this.getAttribute("data-selected")), s.addEventListener("change", (n) => {
|
|
2573
2623
|
n && n.target instanceof HTMLElement && n.target.closest("input") && (n.target.closest("input").checked ? this.setAttribute("data-selected", "all") : this.setAttribute("data-selected", 0));
|
|
2574
2624
|
});
|
|
2575
|
-
let
|
|
2576
|
-
|
|
2625
|
+
let r = this.querySelector("button[data-cancel]");
|
|
2626
|
+
r && r.addEventListener("click", (n) => {
|
|
2577
2627
|
this.setAttribute("data-selected", 0);
|
|
2578
2628
|
});
|
|
2579
2629
|
}
|
|
2630
|
+
if (this.hasAttribute("data-select-watch")) {
|
|
2631
|
+
const s = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2632
|
+
s.setAttribute("data-select-container", "true"), Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((r, n) => {
|
|
2633
|
+
r.parentElement.setAttribute("slot", "checkbox");
|
|
2634
|
+
}), s.addEventListener("change", (r) => {
|
|
2635
|
+
if (r && r.target instanceof HTMLElement && r.target.closest('[type="checkbox"]')) {
|
|
2636
|
+
let n = s.querySelectorAll('input[type="checkbox"]').length, c = s.querySelectorAll('input[type="checkbox"]:checked').length;
|
|
2637
|
+
a.setAttribute("data-selected", n == c ? "all" : c), r.target.closest('[type="checkbox"]'), c ? Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
|
|
2638
|
+
l.closest("iam-card") && l.closest("iam-card").setAttribute("data-selected", "true");
|
|
2639
|
+
}) : Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
|
|
2640
|
+
l.closest("iam-card") && l.closest("iam-card").removeAttribute("data-selected");
|
|
2641
|
+
});
|
|
2642
|
+
}
|
|
2643
|
+
});
|
|
2644
|
+
}
|
|
2580
2645
|
if (this.hasAttribute("data-switchviews")) {
|
|
2581
|
-
let
|
|
2582
|
-
this.getAttribute("data-switchviews").split(",").forEach((
|
|
2646
|
+
let s = "";
|
|
2647
|
+
this.getAttribute("data-switchviews").split(",").forEach((r, n) => {
|
|
2583
2648
|
let c = "fa-grid-2";
|
|
2584
|
-
|
|
2585
|
-
}), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${
|
|
2586
|
-
if (
|
|
2587
|
-
let n =
|
|
2649
|
+
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>`;
|
|
2650
|
+
}), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${s}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
|
|
2651
|
+
if (r && r.target instanceof HTMLElement && r.target.closest(".btn-action")) {
|
|
2652
|
+
let n = r.target.closest(".btn-action");
|
|
2588
2653
|
this.setAttribute("data-view", n.textContent);
|
|
2589
2654
|
const c = new CustomEvent("switch-view", { detail: { view: n.textContent } });
|
|
2590
2655
|
this.dispatchEvent(c);
|
|
2591
2656
|
}
|
|
2592
2657
|
});
|
|
2593
2658
|
}
|
|
2594
|
-
const
|
|
2595
|
-
this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" &&
|
|
2596
|
-
|
|
2597
|
-
}),
|
|
2598
|
-
const
|
|
2599
|
-
this.dispatchEvent(
|
|
2600
|
-
}),
|
|
2601
|
-
const
|
|
2602
|
-
this.dispatchEvent(
|
|
2603
|
-
}),
|
|
2604
|
-
if (
|
|
2605
|
-
const
|
|
2606
|
-
this.dispatchEvent(
|
|
2659
|
+
const i = this.shadowRoot.querySelector(".actionbar--search");
|
|
2660
|
+
this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show"), this.shadowRoot.addEventListener("click", (s) => {
|
|
2661
|
+
s && s.target instanceof HTMLElement && s.target.closest("button[data-search]") && i.classList.toggle("show");
|
|
2662
|
+
}), i.addEventListener("keyup", (s) => {
|
|
2663
|
+
const r = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
|
|
2664
|
+
this.dispatchEvent(r);
|
|
2665
|
+
}), i.addEventListener("change", (s) => {
|
|
2666
|
+
const r = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
|
|
2667
|
+
this.dispatchEvent(r);
|
|
2668
|
+
}), i.addEventListener("click", (s) => {
|
|
2669
|
+
if (s && s.target instanceof HTMLElement && s.target.closest("button.suffix")) {
|
|
2670
|
+
const r = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
|
|
2671
|
+
this.dispatchEvent(r);
|
|
2607
2672
|
}
|
|
2608
|
-
}), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((
|
|
2609
|
-
|
|
2673
|
+
}), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((s, r) => {
|
|
2674
|
+
Nr(s);
|
|
2610
2675
|
});
|
|
2611
|
-
function
|
|
2612
|
-
const
|
|
2613
|
-
let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210,
|
|
2614
|
-
|
|
2676
|
+
function o() {
|
|
2677
|
+
const s = t.scrollWidth, r = document.documentElement.scrollWidth;
|
|
2678
|
+
let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210, m = 1;
|
|
2679
|
+
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) => {
|
|
2615
2680
|
d.className = d.className.replace(" btn-compact", " _btn-compact"), d.classList.add("btn-compact"), d.classList.add("js-updated");
|
|
2616
2681
|
}) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((d, f) => {
|
|
2617
2682
|
d.classList.remove("btn-compact"), d.classList.remove("js-updated"), d.className = d.className.replace(" _btn-compact", " btn-compact");
|
|
@@ -2622,17 +2687,17 @@ class Po extends HTMLElement {
|
|
|
2622
2687
|
}), Array.from(a.shadowRoot.querySelectorAll(".safe-area")).forEach((d, f) => {
|
|
2623
2688
|
let b = "overflow";
|
|
2624
2689
|
d.querySelector("slot").hasAttribute("name") && d.querySelector("slot").getAttribute("name") == "selected" && (b = "selected-overflow");
|
|
2625
|
-
let u = d.querySelector("slot").assignedElements(),
|
|
2626
|
-
a.hasAttribute("data-search") && (
|
|
2690
|
+
let u = d.querySelector("slot").assignedElements(), v = 44 * m;
|
|
2691
|
+
a.hasAttribute("data-search") && (v += 44 * m);
|
|
2627
2692
|
for (let y = 0; y < u.length; y++)
|
|
2628
|
-
!u[y].classList.contains("btn-action") && !u[y].classList.contains("dialog__wrapper") && (
|
|
2693
|
+
!u[y].classList.contains("btn-action") && !u[y].classList.contains("dialog__wrapper") && (v += u[y].offsetWidth, v += c);
|
|
2629
2694
|
for (let y = 0; y < u.length; y++)
|
|
2630
|
-
if (u[y].classList.contains("dialog__wrapper") && (u[y].classList.add("show"),
|
|
2695
|
+
if (u[y].classList.contains("dialog__wrapper") && (u[y].classList.add("show"), v += u[y].offsetWidth, v += c / 2, v - c / 2 > n)) {
|
|
2631
2696
|
u[y].classList.remove("show");
|
|
2632
2697
|
break;
|
|
2633
2698
|
}
|
|
2634
2699
|
for (let y = 0; y < u.length; y++)
|
|
2635
|
-
if (u[y].classList.contains("btn-action") && (u[y].classList.add("show"),
|
|
2700
|
+
if (u[y].classList.contains("btn-action") && (u[y].classList.add("show"), v += u[y].offsetWidth, v += c / 2, v - c / 2 > n)) {
|
|
2636
2701
|
u[y].classList.remove("show");
|
|
2637
2702
|
break;
|
|
2638
2703
|
}
|
|
@@ -2642,64 +2707,75 @@ class Po extends HTMLElement {
|
|
|
2642
2707
|
(u[y].classList.contains("btn-action") || u[y].classList.contains("dialog__wrapper")) && (u[y].classList.contains("show") || (u[y].setAttribute("slot", b), q && q.classList.remove("d-none")));
|
|
2643
2708
|
});
|
|
2644
2709
|
}
|
|
2645
|
-
|
|
2710
|
+
o(), new ResizeObserver(o).observe(t);
|
|
2646
2711
|
}
|
|
2647
2712
|
static get observedAttributes() {
|
|
2648
2713
|
return ["data-selected"];
|
|
2649
2714
|
}
|
|
2650
|
-
attributeChangedCallback(a, t,
|
|
2715
|
+
attributeChangedCallback(a, t, i) {
|
|
2651
2716
|
switch (a) {
|
|
2652
2717
|
case "data-selected": {
|
|
2653
|
-
let
|
|
2654
|
-
|
|
2655
|
-
const
|
|
2656
|
-
this.dispatchEvent(i)
|
|
2718
|
+
let o = this.shadowRoot.querySelector(".selectall");
|
|
2719
|
+
o && et(o, i);
|
|
2720
|
+
const s = new CustomEvent("selected", { detail: { selected: i } });
|
|
2721
|
+
if (this.dispatchEvent(s), i == "all" && this.hasAttribute("data-select-watch")) {
|
|
2722
|
+
const r = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2723
|
+
Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
|
|
2724
|
+
n.checked = !0, n.closest("iam-card") && n.closest("iam-card").setAttribute("data-selected", "true");
|
|
2725
|
+
});
|
|
2726
|
+
}
|
|
2727
|
+
if (i == "0" && this.hasAttribute("data-select-watch")) {
|
|
2728
|
+
const r = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2729
|
+
Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
|
|
2730
|
+
n.checked = !1, n.closest("iam-card") && n.closest("iam-card").removeAttribute("data-selected", "true");
|
|
2731
|
+
});
|
|
2732
|
+
}
|
|
2657
2733
|
break;
|
|
2658
2734
|
}
|
|
2659
2735
|
}
|
|
2660
2736
|
}
|
|
2661
2737
|
}
|
|
2662
|
-
window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar",
|
|
2663
|
-
const
|
|
2738
|
+
window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", Dr);
|
|
2739
|
+
const Ir = {
|
|
2664
2740
|
name: "Actionbar",
|
|
2665
2741
|
props: {},
|
|
2666
2742
|
mounted() {
|
|
2667
2743
|
}
|
|
2668
2744
|
};
|
|
2669
|
-
function
|
|
2670
|
-
return
|
|
2745
|
+
function jr(e, a, t, i, o, s) {
|
|
2746
|
+
return h(), p("iam-actionbar", null, [
|
|
2671
2747
|
S(e.$slots, "default")
|
|
2672
2748
|
]);
|
|
2673
2749
|
}
|
|
2674
|
-
const yi = /* @__PURE__ */
|
|
2750
|
+
const yi = /* @__PURE__ */ _(Ir, [["render", jr]]);
|
|
2675
2751
|
/*!
|
|
2676
|
-
* iamKey v4.0.
|
|
2752
|
+
* iamKey v4.0.1
|
|
2677
2753
|
* Copyright 2022-2023 iamproperty
|
|
2678
2754
|
*/
|
|
2679
|
-
const
|
|
2755
|
+
const Pr = function(e, a) {
|
|
2680
2756
|
if (!e.getAttribute("data-pages"))
|
|
2681
2757
|
return !1;
|
|
2682
2758
|
e.getAttribute("data-page") || e.setAttribute("data-page", 1);
|
|
2683
|
-
let t = e.getAttribute("data-page"),
|
|
2684
|
-
if (
|
|
2759
|
+
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");
|
|
2760
|
+
if (i <= 1)
|
|
2685
2761
|
return a.innerHTML = "", !1;
|
|
2686
2762
|
let n = "";
|
|
2687
|
-
for (let c = 1; c <=
|
|
2763
|
+
for (let c = 1; c <= i; c++)
|
|
2688
2764
|
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>`;
|
|
2689
2765
|
return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
|
|
2690
2766
|
${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>`}
|
|
2691
2767
|
${n}
|
|
2692
|
-
${t ==
|
|
2768
|
+
${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>`}
|
|
2693
2769
|
</ul>`, a.innerHTML += `<div class="d-sm-none text-center">
|
|
2694
|
-
<span class="d-block pb-2">You've viewed ${
|
|
2695
|
-
<a href="?show=${parseInt(
|
|
2770
|
+
<span class="d-block pb-2">You've viewed ${s} of ${o} results</span>
|
|
2771
|
+
<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>
|
|
2696
2772
|
</div>`, !0;
|
|
2697
2773
|
};
|
|
2698
|
-
class
|
|
2774
|
+
class zr extends HTMLElement {
|
|
2699
2775
|
constructor() {
|
|
2700
2776
|
super(), this.attachShadow({ mode: "open" });
|
|
2701
|
-
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`,
|
|
2702
|
-
|
|
2777
|
+
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");
|
|
2778
|
+
i.innerHTML = `
|
|
2703
2779
|
<style>
|
|
2704
2780
|
@import "${t}";
|
|
2705
2781
|
|
|
@@ -2707,39 +2783,39 @@ class Bo extends HTMLElement {
|
|
|
2707
2783
|
</style>
|
|
2708
2784
|
<div class="pagination__wrapper d-none">
|
|
2709
2785
|
</div>
|
|
2710
|
-
`, this.shadowRoot.appendChild(
|
|
2786
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2711
2787
|
}
|
|
2712
2788
|
connectedCallback() {
|
|
2713
2789
|
const a = new URLSearchParams(window.location.search);
|
|
2714
|
-
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"))),
|
|
2790
|
+
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");
|
|
2715
2791
|
}
|
|
2716
2792
|
}
|
|
2717
|
-
const
|
|
2793
|
+
const Br = {
|
|
2718
2794
|
name: "Pagination",
|
|
2719
2795
|
props: {},
|
|
2720
2796
|
computed: {},
|
|
2721
2797
|
created() {
|
|
2722
2798
|
this.$nextTick(function() {
|
|
2723
|
-
window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination",
|
|
2799
|
+
window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", zr);
|
|
2724
2800
|
});
|
|
2725
2801
|
},
|
|
2726
2802
|
updated() {
|
|
2727
2803
|
}
|
|
2728
2804
|
};
|
|
2729
|
-
function
|
|
2730
|
-
return
|
|
2805
|
+
function Fr(e, a, t, i, o, s) {
|
|
2806
|
+
return h(), p("iam-pagination");
|
|
2731
2807
|
}
|
|
2732
|
-
const vi = /* @__PURE__ */
|
|
2808
|
+
const vi = /* @__PURE__ */ _(Br, [["render", Fr]]);
|
|
2733
2809
|
/*!
|
|
2734
|
-
* iamKey v4.0.
|
|
2810
|
+
* iamKey v4.0.1
|
|
2735
2811
|
* Copyright 2022-2023 iamproperty
|
|
2736
2812
|
*/
|
|
2737
2813
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
|
|
2738
|
-
class
|
|
2814
|
+
class Or extends HTMLElement {
|
|
2739
2815
|
constructor() {
|
|
2740
2816
|
super(), this.attachShadow({ mode: "open" });
|
|
2741
|
-
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`,
|
|
2742
|
-
|
|
2817
|
+
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");
|
|
2818
|
+
i.innerHTML = `
|
|
2743
2819
|
<style class="styles">
|
|
2744
2820
|
@import "${t}";
|
|
2745
2821
|
: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 */
|
|
@@ -2761,11 +2837,11 @@ class Vo extends HTMLElement {
|
|
|
2761
2837
|
</div>
|
|
2762
2838
|
|
|
2763
2839
|
</div>
|
|
2764
|
-
`, this.shadowRoot.appendChild(
|
|
2840
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2765
2841
|
}
|
|
2766
2842
|
connectedCallback() {
|
|
2767
|
-
const a = this.shadowRoot.querySelector(".side-menu"), t = this.shadowRoot.querySelector(".side-menu-content"),
|
|
2768
|
-
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>`),
|
|
2843
|
+
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");
|
|
2844
|
+
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) => {
|
|
2769
2845
|
a.classList.contains("open") ? (a.classList.remove("open"), setTimeout(function() {
|
|
2770
2846
|
t.classList.add("closed");
|
|
2771
2847
|
}, 1e3), a.classList.add("pe-none"), setTimeout(function() {
|
|
@@ -2773,55 +2849,55 @@ class Vo extends HTMLElement {
|
|
|
2773
2849
|
}, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
|
|
2774
2850
|
a.classList.add("open");
|
|
2775
2851
|
}, 100));
|
|
2776
|
-
}), a.addEventListener("mouseenter", (
|
|
2852
|
+
}), a.addEventListener("mouseenter", (s) => {
|
|
2777
2853
|
window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
|
|
2778
|
-
}), a.addEventListener("mousemove", (
|
|
2854
|
+
}), a.addEventListener("mousemove", (s) => {
|
|
2779
2855
|
window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
|
|
2780
|
-
}), a.addEventListener("mouseleave", (
|
|
2856
|
+
}), a.addEventListener("mouseleave", (s) => {
|
|
2781
2857
|
window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
|
|
2782
2858
|
t.classList.add("closed");
|
|
2783
2859
|
}, 1e3));
|
|
2784
2860
|
});
|
|
2785
2861
|
}
|
|
2786
2862
|
}
|
|
2787
|
-
window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side",
|
|
2788
|
-
const
|
|
2863
|
+
window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Or);
|
|
2864
|
+
const Vr = {
|
|
2789
2865
|
name: "CollapsibleSideMenu",
|
|
2790
2866
|
props: {},
|
|
2791
2867
|
mounted() {
|
|
2792
2868
|
}
|
|
2793
2869
|
};
|
|
2794
|
-
function
|
|
2795
|
-
return
|
|
2870
|
+
function Wr(e, a, t, i, o, s) {
|
|
2871
|
+
return h(), p("iam-collapsible-side", null, [
|
|
2796
2872
|
S(e.$slots, "default")
|
|
2797
2873
|
]);
|
|
2798
2874
|
}
|
|
2799
|
-
const wi = /* @__PURE__ */
|
|
2875
|
+
const wi = /* @__PURE__ */ _(Vr, [["render", Wr]]);
|
|
2800
2876
|
export {
|
|
2801
|
-
|
|
2802
|
-
|
|
2877
|
+
Jr as Accordion,
|
|
2878
|
+
Qr as AccordionItem,
|
|
2803
2879
|
yi as Actionbar,
|
|
2804
2880
|
pi as AppliedFilters,
|
|
2805
|
-
|
|
2881
|
+
Zr as Banner,
|
|
2806
2882
|
Re as Card,
|
|
2807
|
-
|
|
2883
|
+
ti as Carousel,
|
|
2808
2884
|
wi as CollapsibleSideMenu,
|
|
2809
|
-
|
|
2885
|
+
Kr as FileUpload,
|
|
2810
2886
|
fi as Filterlist,
|
|
2811
|
-
|
|
2887
|
+
ei as Header,
|
|
2812
2888
|
lt as Input,
|
|
2813
|
-
|
|
2889
|
+
Gr as Logo,
|
|
2814
2890
|
si as Nav,
|
|
2815
|
-
|
|
2891
|
+
mi as NoteFeed,
|
|
2816
2892
|
gi as Notification,
|
|
2817
2893
|
vi as Pagination,
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2894
|
+
ii as PropertySearchbar,
|
|
2895
|
+
ni as Snapshot,
|
|
2896
|
+
li as Step,
|
|
2897
|
+
oi as Stepper,
|
|
2898
|
+
ui as Tab,
|
|
2823
2899
|
nt as Table,
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2900
|
+
di as Tabs,
|
|
2901
|
+
ai as Testimonial,
|
|
2902
|
+
ri as Timeline
|
|
2827
2903
|
};
|