@iamproperty/components 4.0.0 → 4.0.2
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 +4 -3
- 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 +10 -8
- package/assets/ts/modules/dialogs.ts +42 -5
- package/assets/ts/modules/table.ts +82 -13
- package/dist/components.es.js +915 -837
- 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.2
|
|
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.2
|
|
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-96120f6d.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.2
|
|
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-40e239a2.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.2
|
|
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,133 @@ 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.2
|
|
2097
2132
|
* Copyright 2022-2023 iamproperty
|
|
2098
2133
|
*/
|
|
2099
|
-
function
|
|
2100
|
-
function t(
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
n
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2134
|
+
function vr(e, a) {
|
|
2135
|
+
function t(i, o) {
|
|
2136
|
+
console.log("hey");
|
|
2137
|
+
let s = !1, r = o.getAttribute("name");
|
|
2138
|
+
r.includes("[]") && (r = r.replace("[]", `[${o.value}]`));
|
|
2139
|
+
let n = i.querySelector(`[data-name="${r}"]`);
|
|
2140
|
+
n && o.getAttribute("type") == "checkbox" && (s = !0);
|
|
2141
|
+
let c = o.getAttribute("data-filter-text");
|
|
2142
|
+
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]")) {
|
|
2143
|
+
let l = o.parentNode.closest("[data-filter-text]"), m = !0;
|
|
2144
|
+
if (r = "", l.querySelectorAll("input").forEach((d, f) => {
|
|
2109
2145
|
let b = d.getAttribute("name");
|
|
2110
|
-
if (
|
|
2146
|
+
if (r += `${f != 0 ? "," : ""}${b}`, i.querySelector(`[data-name="${b}"]`) && i.querySelector(`[data-name="${b}"]`).remove(), d.value) {
|
|
2111
2147
|
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),
|
|
2148
|
+
u.setAttribute("type", "button"), u.classList.add("filter"), u.setAttribute("data-name", b), u.innerHTML = c.replace("$value", d.value), i.appendChild(u);
|
|
2113
2149
|
} else
|
|
2114
|
-
|
|
2115
|
-
}),
|
|
2150
|
+
m = !1;
|
|
2151
|
+
}), i.querySelector(`[data-name="${r}"]`) && i.querySelector(`[data-name="${r}"]`).remove(), m) {
|
|
2116
2152
|
let d = l.getAttribute("data-filter-text");
|
|
2117
2153
|
l.querySelectorAll("input").forEach((b, u) => {
|
|
2118
|
-
let
|
|
2119
|
-
|
|
2154
|
+
let v = b.getAttribute("name");
|
|
2155
|
+
i.querySelector(`[data-name="${v}"]`) && i.querySelector(`[data-name="${v}"]`).remove(), d = d.replace(`$${u + 1}`, b.value);
|
|
2120
2156
|
});
|
|
2121
2157
|
let f = document.createElement("button");
|
|
2122
|
-
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name",
|
|
2158
|
+
f.setAttribute("type", "button"), f.classList.add("filter"), f.setAttribute("data-name", r), f.innerHTML = d, i.appendChild(f);
|
|
2123
2159
|
}
|
|
2124
2160
|
}
|
|
2125
2161
|
}
|
|
2126
|
-
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((
|
|
2127
|
-
t(a,
|
|
2128
|
-
}), e.addEventListener("change", function(
|
|
2129
|
-
if (
|
|
2130
|
-
let
|
|
2131
|
-
t(a,
|
|
2162
|
+
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((i, o) => {
|
|
2163
|
+
t(a, i);
|
|
2164
|
+
}), e.addEventListener("change", function(i) {
|
|
2165
|
+
if (i && i.target instanceof HTMLElement && i.target.closest("input[data-filter-text]")) {
|
|
2166
|
+
let o = i.target.closest("input[data-filter-text]");
|
|
2167
|
+
t(a, o);
|
|
2132
2168
|
}
|
|
2133
|
-
}
|
|
2134
|
-
if (
|
|
2135
|
-
let
|
|
2136
|
-
for (var
|
|
2137
|
-
let c = n[
|
|
2169
|
+
}), a.addEventListener("click", function(i) {
|
|
2170
|
+
if (i && i.target instanceof HTMLElement && i.target.closest(".filter")) {
|
|
2171
|
+
let r = i.target.closest(".filter"), n = r.getAttribute("data-name").split(",");
|
|
2172
|
+
for (var o = 0; o < n.length; o++) {
|
|
2173
|
+
let c = n[o], l = `[name="${c}"]`;
|
|
2138
2174
|
c.match(/\[(.*)\]/) && (c.replace(/\[(.*)\]/, "[]"), l = `[value="${c.replace(/.*\[(.*)\]/, "$1")}"]`);
|
|
2139
|
-
let
|
|
2140
|
-
for (var
|
|
2141
|
-
let d =
|
|
2175
|
+
let m = e.querySelectorAll(l);
|
|
2176
|
+
for (var s = 0; s < m.length; s++) {
|
|
2177
|
+
let d = m[s];
|
|
2142
2178
|
if (d.getAttribute("type") != "radio" && d.getAttribute("type") != "checkbox")
|
|
2143
2179
|
d.value = "";
|
|
2144
2180
|
else {
|
|
2145
2181
|
d.checked = !1;
|
|
2146
|
-
var
|
|
2147
|
-
d.closest("form").dispatchEvent(
|
|
2182
|
+
var i = new Event("force");
|
|
2183
|
+
e.hasAttribute("data-nosubmit") || d.closest("form").dispatchEvent(i);
|
|
2148
2184
|
}
|
|
2149
2185
|
}
|
|
2150
2186
|
}
|
|
2151
|
-
|
|
2187
|
+
r.remove();
|
|
2152
2188
|
}
|
|
2153
2189
|
}, !1);
|
|
2154
2190
|
}
|
|
2155
2191
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "Applied Filters" });
|
|
2156
|
-
class
|
|
2192
|
+
let wr = class extends HTMLElement {
|
|
2157
2193
|
constructor() {
|
|
2158
2194
|
super(), this.attachShadow({ mode: "open" });
|
|
2159
2195
|
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
|
-
|
|
2196
|
+
let i = this.classList.toString();
|
|
2197
|
+
const o = document.createElement("template");
|
|
2198
|
+
o.innerHTML = `
|
|
2163
2199
|
<style>
|
|
2164
2200
|
@import "${t}";
|
|
2165
2201
|
.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
2202
|
|
|
2167
2203
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2168
2204
|
</style>
|
|
2169
|
-
<div class="applied-filters ${
|
|
2205
|
+
<div class="applied-filters ${i}"></div>
|
|
2170
2206
|
<slot></slot>
|
|
2171
|
-
`, this.shadowRoot.appendChild(
|
|
2207
|
+
`, this.shadowRoot.appendChild(o.content.cloneNode(!0));
|
|
2172
2208
|
}
|
|
2173
2209
|
connectedCallback() {
|
|
2174
|
-
|
|
2210
|
+
vr(this, this.shadowRoot.querySelector(".applied-filters"));
|
|
2175
2211
|
}
|
|
2176
|
-
}
|
|
2177
|
-
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters",
|
|
2178
|
-
const
|
|
2212
|
+
};
|
|
2213
|
+
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", wr);
|
|
2214
|
+
const Ar = {
|
|
2179
2215
|
name: "Header"
|
|
2180
2216
|
};
|
|
2181
|
-
function
|
|
2182
|
-
return
|
|
2217
|
+
function _r(e, a, t, i, o, s) {
|
|
2218
|
+
return h(), p("iam-applied-filters", null, [
|
|
2183
2219
|
S(e.$slots, "default")
|
|
2184
2220
|
]);
|
|
2185
2221
|
}
|
|
2186
|
-
const pi = /* @__PURE__ */
|
|
2222
|
+
const pi = /* @__PURE__ */ _(Ar, [["render", _r]]);
|
|
2187
2223
|
/*!
|
|
2188
|
-
* iamKey v4.0.
|
|
2224
|
+
* iamKey v4.0.2
|
|
2189
2225
|
* Copyright 2022-2023 iamproperty
|
|
2190
2226
|
*/
|
|
2191
|
-
function
|
|
2192
|
-
|
|
2227
|
+
function Lr(e, a) {
|
|
2228
|
+
Sr(e, a);
|
|
2193
2229
|
}
|
|
2194
|
-
function
|
|
2230
|
+
function Sr(e, a) {
|
|
2195
2231
|
var t;
|
|
2196
|
-
a.addEventListener("keyup", (
|
|
2232
|
+
a.addEventListener("keyup", (i) => {
|
|
2197
2233
|
clearTimeout(t), t = setTimeout(function() {
|
|
2198
2234
|
Z(e, a.value);
|
|
2199
2235
|
}, 500);
|
|
2200
|
-
}), a.addEventListener("change", (
|
|
2236
|
+
}), a.addEventListener("change", (i) => {
|
|
2201
2237
|
clearTimeout(t), Z(e, a.value);
|
|
2202
2238
|
});
|
|
2203
2239
|
}
|
|
2204
2240
|
const Z = function(e, a) {
|
|
2205
|
-
Array.from(e.querySelectorAll(":scope > li")).forEach((t,
|
|
2206
|
-
let
|
|
2207
|
-
t.classList.add("d-none"),
|
|
2241
|
+
Array.from(e.querySelectorAll(":scope > li")).forEach((t, i) => {
|
|
2242
|
+
let o = t.textContent.toLowerCase();
|
|
2243
|
+
t.classList.add("d-none"), o.includes(a.toLowerCase()) && t.classList.remove("d-none");
|
|
2208
2244
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "Filtered list", value: a });
|
|
2209
2245
|
};
|
|
2210
2246
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "filterlist" });
|
|
2211
|
-
let
|
|
2247
|
+
let kr = class extends HTMLElement {
|
|
2212
2248
|
constructor() {
|
|
2213
2249
|
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
|
-
|
|
2250
|
+
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");
|
|
2251
|
+
i.innerHTML = `
|
|
2216
2252
|
<style>
|
|
2217
2253
|
@import "${t}";
|
|
2218
2254
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
@@ -2239,24 +2275,24 @@ let qo = class extends HTMLElement {
|
|
|
2239
2275
|
<div class="list__wrapper">
|
|
2240
2276
|
<slot></slot>
|
|
2241
2277
|
</div>
|
|
2242
|
-
`, this.shadowRoot.appendChild(
|
|
2278
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2243
2279
|
}
|
|
2244
2280
|
connectedCallback() {
|
|
2245
2281
|
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>'),
|
|
2282
|
+
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
2283
|
}
|
|
2248
2284
|
};
|
|
2249
|
-
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist",
|
|
2250
|
-
const
|
|
2285
|
+
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", kr);
|
|
2286
|
+
const qr = {
|
|
2251
2287
|
name: "Filter list"
|
|
2252
2288
|
};
|
|
2253
|
-
function
|
|
2254
|
-
return
|
|
2289
|
+
function $r(e, a, t, i, o, s) {
|
|
2290
|
+
return h(), p("iam-filterlist", null, [
|
|
2255
2291
|
S(e.$slots, "default")
|
|
2256
2292
|
]);
|
|
2257
2293
|
}
|
|
2258
|
-
const fi = /* @__PURE__ */
|
|
2259
|
-
function
|
|
2294
|
+
const fi = /* @__PURE__ */ _(qr, [["render", $r]]);
|
|
2295
|
+
function xr(e) {
|
|
2260
2296
|
if (e.hasAttribute("data-type") && e.getAttribute("data-type") == "toast") {
|
|
2261
2297
|
let t = document.querySelector(".notification__holder");
|
|
2262
2298
|
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 +2301,22 @@ function Eo(e) {
|
|
|
2265
2301
|
event && event.target instanceof HTMLElement && event.target.closest("[data-dismiss-button]") && (t.preventDefault(), X(e));
|
|
2266
2302
|
}, !1), e.hasAttribute("data-timeout")) {
|
|
2267
2303
|
let t = e.getAttribute("data-timeout");
|
|
2268
|
-
var a = new
|
|
2304
|
+
var a = new Er(function() {
|
|
2269
2305
|
X(e);
|
|
2270
2306
|
}, t);
|
|
2271
|
-
e.addEventListener("mouseenter", (
|
|
2307
|
+
e.addEventListener("mouseenter", (i) => {
|
|
2272
2308
|
a.pause();
|
|
2273
|
-
}), e.addEventListener("mouseleave", (
|
|
2309
|
+
}), e.addEventListener("mouseleave", (i) => {
|
|
2274
2310
|
a.resume();
|
|
2275
2311
|
});
|
|
2276
2312
|
}
|
|
2277
2313
|
}
|
|
2278
|
-
function
|
|
2279
|
-
var t,
|
|
2314
|
+
function Er(e, a) {
|
|
2315
|
+
var t, i, o = a;
|
|
2280
2316
|
this.pause = function() {
|
|
2281
|
-
window.clearTimeout(t),
|
|
2317
|
+
window.clearTimeout(t), o -= /* @__PURE__ */ new Date() - i;
|
|
2282
2318
|
}, this.resume = function() {
|
|
2283
|
-
|
|
2319
|
+
i = /* @__PURE__ */ new Date(), window.clearTimeout(t), t = window.setTimeout(e, o);
|
|
2284
2320
|
}, this.resume();
|
|
2285
2321
|
}
|
|
2286
2322
|
const X = function(e) {
|
|
@@ -2291,32 +2327,32 @@ window.dataLayer.push({
|
|
|
2291
2327
|
event: "customElementRegistered",
|
|
2292
2328
|
element: "Notification"
|
|
2293
2329
|
});
|
|
2294
|
-
class
|
|
2330
|
+
class Tr extends HTMLElement {
|
|
2295
2331
|
constructor() {
|
|
2296
2332
|
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
|
-
|
|
2333
|
+
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");
|
|
2334
|
+
Array.from(o).forEach((r, n) => {
|
|
2335
|
+
r.setAttribute("slot", "btns"), r.classList.add("link");
|
|
2336
|
+
}), (o.length || this.hasAttribute("data-dismiss")) && this.classList.add("notification--dismissable");
|
|
2337
|
+
const s = document.createElement("template");
|
|
2338
|
+
s.innerHTML = `
|
|
2303
2339
|
<style>
|
|
2304
2340
|
@import "${t}";
|
|
2305
|
-
${
|
|
2341
|
+
${i}
|
|
2306
2342
|
${this.hasAttribute("data-css") ? `${this.getAttribute("data-css")}` : ""}
|
|
2307
2343
|
</style>
|
|
2308
2344
|
|
|
2309
2345
|
<div class="notification">
|
|
2310
2346
|
<div class="notification__icon"><slot name="icon"></slot></div>
|
|
2311
|
-
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${
|
|
2347
|
+
<div class="notification__inner"><div class="notification__text"><slot></slot></div>${o.length ? '<div class="notification__btns"><slot name="btns"></slot></div>' : ""}</div>
|
|
2312
2348
|
${this.hasAttribute("data-dismiss") ? '<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>' : ""}
|
|
2313
2349
|
</div>
|
|
2314
|
-
`, this.shadowRoot.appendChild(
|
|
2350
|
+
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
2315
2351
|
}
|
|
2316
2352
|
connectedCallback() {
|
|
2317
2353
|
const a = this.shadowRoot.querySelector("[data-dismiss-button]"), t = this.hasAttribute("data-status") ? this.getAttribute("data-status") : "white";
|
|
2318
2354
|
this.hasAttribute("data-type") ? this.classList.add(`bg-${t}`) : this.classList.add(`colour-${t}`);
|
|
2319
|
-
const
|
|
2355
|
+
const i = this;
|
|
2320
2356
|
if (!this.querySelector("i"))
|
|
2321
2357
|
switch (t) {
|
|
2322
2358
|
case "danger":
|
|
@@ -2331,176 +2367,192 @@ class Mo extends HTMLElement {
|
|
|
2331
2367
|
default:
|
|
2332
2368
|
this.innerHTML += '<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>';
|
|
2333
2369
|
}
|
|
2334
|
-
|
|
2335
|
-
X(
|
|
2370
|
+
xr(i), a && a.addEventListener("click", function(o) {
|
|
2371
|
+
X(i);
|
|
2336
2372
|
}, !1);
|
|
2337
2373
|
}
|
|
2338
2374
|
}
|
|
2339
|
-
const
|
|
2375
|
+
const Mr = {
|
|
2340
2376
|
name: "Notification",
|
|
2341
2377
|
props: {},
|
|
2342
2378
|
created() {
|
|
2343
2379
|
this.$nextTick(function() {
|
|
2344
|
-
window.customElements.get("iam-notification") || window.customElements.define("iam-notification",
|
|
2380
|
+
window.customElements.get("iam-notification") || window.customElements.define("iam-notification", Tr);
|
|
2345
2381
|
});
|
|
2346
2382
|
}
|
|
2347
2383
|
};
|
|
2348
|
-
function
|
|
2349
|
-
return
|
|
2384
|
+
function Hr(e, a, t, i, o, s) {
|
|
2385
|
+
return h(), p("iam-notification", null, [
|
|
2350
2386
|
S(e.$slots, "default")
|
|
2351
2387
|
]);
|
|
2352
2388
|
}
|
|
2353
|
-
const gi = /* @__PURE__ */
|
|
2389
|
+
const gi = /* @__PURE__ */ _(Mr, [["render", Hr]]);
|
|
2354
2390
|
/*!
|
|
2355
|
-
* iamKey v4.0.
|
|
2391
|
+
* iamKey v4.0.2
|
|
2356
2392
|
* Copyright 2022-2023 iamproperty
|
|
2357
2393
|
*/
|
|
2358
|
-
const
|
|
2394
|
+
const Cr = function(e) {
|
|
2359
2395
|
typeof window.player < "u" && typeof window.player.pauseVideo == "function" && window.player.pauseVideo();
|
|
2360
2396
|
var a = e.getAttribute("data-id"), t = e.getAttribute("id");
|
|
2361
2397
|
if (typeof t > "u" || t == null) {
|
|
2362
|
-
var
|
|
2363
|
-
t =
|
|
2398
|
+
var i = String.fromCharCode(65 + Math.floor(Math.random() * 26));
|
|
2399
|
+
t = i + Date.now(), e.setAttribute("id", t);
|
|
2364
2400
|
}
|
|
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:
|
|
2401
|
+
function o() {
|
|
2402
|
+
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
2403
|
}
|
|
2368
|
-
|
|
2369
|
-
function
|
|
2404
|
+
o();
|
|
2405
|
+
function s(c) {
|
|
2370
2406
|
c.target.playVideo();
|
|
2371
2407
|
}
|
|
2372
|
-
var
|
|
2408
|
+
var r = !1;
|
|
2373
2409
|
function n(c) {
|
|
2374
|
-
if (c.data == YT.PlayerState.PLAYING && !
|
|
2410
|
+
if (c.data == YT.PlayerState.PLAYING && !r) {
|
|
2375
2411
|
var l = document.getElementById(t);
|
|
2376
|
-
l.classList.add("player-ready"),
|
|
2412
|
+
l.classList.add("player-ready"), r = !0;
|
|
2377
2413
|
}
|
|
2378
2414
|
}
|
|
2379
|
-
},
|
|
2415
|
+
}, Nr = (e) => (Array.from(e.querySelectorAll("dialog[open]")).forEach((a, t) => {
|
|
2380
2416
|
a.closest(".dialog__wrapper") || (a.removeAttribute("open"), a.showModal(), a.focus(), tt(a));
|
|
2381
2417
|
}), e.addEventListener("click", (a) => {
|
|
2382
2418
|
if (a.target.tagName == "IAM-ACTIONBAR")
|
|
2383
2419
|
return !1;
|
|
2384
2420
|
if (a && a.target instanceof HTMLElement && a.target.closest("[data-modal]")) {
|
|
2385
|
-
const
|
|
2386
|
-
tt(
|
|
2421
|
+
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}`);
|
|
2422
|
+
tt(r), r.showModal(), r.focus();
|
|
2423
|
+
let n = r.offsetWidth;
|
|
2424
|
+
r.setAttribute("style", `max-width: ${n}px;`), Array.from(r.querySelectorAll("[data-duplicate]")).forEach((c, l) => {
|
|
2425
|
+
const m = c.getAttribute("data-duplicate"), d = document.getElementById(m);
|
|
2426
|
+
if (c.checked != d.checked) {
|
|
2427
|
+
c.checked = d.checked;
|
|
2428
|
+
let f = new Event("change");
|
|
2429
|
+
c.dispatchEvent(f);
|
|
2430
|
+
}
|
|
2431
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "openModal", id: s });
|
|
2387
2432
|
}
|
|
2388
2433
|
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:
|
|
2434
|
+
const o = a.target.closest("dialog[open]");
|
|
2435
|
+
a.preventDefault(), o.close(), Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
|
|
2436
|
+
s.classList.remove("active");
|
|
2437
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
|
|
2393
2438
|
}
|
|
2394
2439
|
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:
|
|
2440
|
+
const o = a.target.closest("dialog[open]");
|
|
2441
|
+
Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s, r) => {
|
|
2442
|
+
s.classList.remove("active");
|
|
2443
|
+
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "closeModal", id: o.getAttribute("id") });
|
|
2399
2444
|
}
|
|
2400
2445
|
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 <
|
|
2446
|
+
let o = a.target.closest("dialog[open]");
|
|
2447
|
+
var t = window.getComputedStyle(o);
|
|
2448
|
+
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")) {
|
|
2449
|
+
const s = o.getBoundingClientRect();
|
|
2450
|
+
(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
2451
|
}
|
|
2407
2452
|
}
|
|
2408
2453
|
if (a && a.target instanceof HTMLElement && a.target.closest(".dialog__wrapper > button")) {
|
|
2409
2454
|
a.stopPropagation();
|
|
2410
|
-
let
|
|
2455
|
+
let o = a.target.closest(".dialog__wrapper > button"), s = a.target.closest(".dialog__wrapper > button").parentNode, r = "openPopover", n = s.querySelector(":scope > dialog");
|
|
2411
2456
|
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
2457
|
d.classList.remove("active");
|
|
2413
2458
|
}), n.hasAttribute("open"))
|
|
2414
|
-
n.close(),
|
|
2459
|
+
n.close(), r = "closePopover", n.removeAttribute("style"), o.classList.remove("active");
|
|
2415
2460
|
else {
|
|
2416
|
-
n.show(),
|
|
2417
|
-
var
|
|
2418
|
-
let d =
|
|
2419
|
-
if (
|
|
2420
|
-
let b =
|
|
2461
|
+
n.show(), o.classList.add("active");
|
|
2462
|
+
var i = o.getBoundingClientRect();
|
|
2463
|
+
let d = i.top, f = i.left;
|
|
2464
|
+
if (o.closest("iam-table")) {
|
|
2465
|
+
let b = o.closest("iam-table").parentNode.getBoundingClientRect();
|
|
2421
2466
|
d -= b.top, f -= b.left;
|
|
2422
2467
|
}
|
|
2423
2468
|
n.classList.contains("dialog--fix") && n.setAttribute("style", `position:fixed;top: ${d}px; left: ${f}px; margin: 3rem 0 0 0;`);
|
|
2424
2469
|
}
|
|
2425
|
-
let c = n.getBoundingClientRect(), l = c.bottom - window.scrollY,
|
|
2426
|
-
if (l >
|
|
2470
|
+
let c = n.getBoundingClientRect(), l = c.bottom - window.scrollY, m = window.innerHeight - window.scrollY;
|
|
2471
|
+
if (l > m) {
|
|
2427
2472
|
let d = n.hasAttribute("style") ? n.getAttribute("style") + " " : "";
|
|
2428
2473
|
n.setAttribute("style", d + "transform: translate(0, calc(-100% - 4rem))"), c = n.getBoundingClientRect(), c.top - window.scrollY < 100 && n.removeAttribute("style");
|
|
2429
2474
|
}
|
|
2430
|
-
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event:
|
|
2475
|
+
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: r, id: o.textContent });
|
|
2431
2476
|
}
|
|
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
|
-
|
|
2477
|
+
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) => {
|
|
2478
|
+
o.classList.remove("active");
|
|
2434
2479
|
}));
|
|
2435
2480
|
}), null), tt = (e) => {
|
|
2436
2481
|
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
2482
|
t.preventDefault();
|
|
2438
2483
|
});
|
|
2439
2484
|
let a = e.querySelector(".youtube-embed a");
|
|
2440
|
-
if (a &&
|
|
2485
|
+
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
2486
|
e.innerHTML = `<div class="mh-lg">${e.innerHTML}</div>`;
|
|
2442
|
-
let t = e.querySelector(".mh-lg"),
|
|
2443
|
-
if (
|
|
2444
|
-
let
|
|
2445
|
-
t.before(
|
|
2487
|
+
let t = e.querySelector(".mh-lg"), i = e.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");
|
|
2488
|
+
if (i) {
|
|
2489
|
+
let o = i.previousSibling;
|
|
2490
|
+
t.before(i), o && i.before(o);
|
|
2446
2491
|
}
|
|
2447
2492
|
}
|
|
2448
2493
|
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
|
-
|
|
2494
|
+
}, Rr = (e) => {
|
|
2495
|
+
let a = "", t = Array.from(e.querySelectorAll("fieldset[data-title]")), i = e.querySelector("form");
|
|
2496
|
+
t.forEach((r, n) => {
|
|
2497
|
+
a += `<button data-title="${r.getAttribute("data-title")}" type="button" class="${n == 0 ? "active" : ""}" tabindex="-1">${r.getAttribute("data-title")}</button>`;
|
|
2498
|
+
const c = document.createElement("div");
|
|
2499
|
+
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)
|
|
2500
|
+
if (i && i.querySelector(':scope > button[type="submit"]')) {
|
|
2501
|
+
let l = i.querySelector(':scope > button[type="submit"]');
|
|
2502
|
+
l.classList.add("mb-0"), c.insertAdjacentElement("beforeend", l);
|
|
2503
|
+
} else
|
|
2504
|
+
c.innerHTML += `<button data-title="${t[n].getAttribute("data-title")}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
|
|
2455
2505
|
}), 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
|
-
|
|
2506
|
+
let o = Array.from(e.querySelectorAll("fieldset.was-validated"));
|
|
2507
|
+
for (let r = 0; r < o.length; r++) {
|
|
2508
|
+
let n = o[r], c = n.getAttribute("data-title");
|
|
2509
|
+
if (n.querySelector(".is-invalid")) {
|
|
2510
|
+
Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
|
|
2511
|
+
l.classList.add("active");
|
|
2462
2512
|
});
|
|
2463
2513
|
break;
|
|
2464
2514
|
} else
|
|
2465
|
-
Array.from(e.querySelectorAll(`[data-title="${
|
|
2466
|
-
|
|
2515
|
+
Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((l, m) => {
|
|
2516
|
+
l.classList.add("valid");
|
|
2467
2517
|
});
|
|
2468
2518
|
}
|
|
2469
2519
|
e.addEventListener("invalid", function() {
|
|
2470
|
-
return function(
|
|
2471
|
-
|
|
2520
|
+
return function(r) {
|
|
2521
|
+
r.preventDefault();
|
|
2472
2522
|
};
|
|
2473
2523
|
}(), !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
|
-
|
|
2524
|
+
function s(r) {
|
|
2525
|
+
const n = e.querySelector("fieldset.active") ? e.querySelector("fieldset.active") : e.querySelector("fieldset[data-title]"), c = n.getAttribute("data-title");
|
|
2526
|
+
let l = !0;
|
|
2527
|
+
if (n.classList.add("was-validated"), Array.from(n.querySelectorAll("input")).forEach((f, b) => {
|
|
2528
|
+
f.checkValidity() || (l = !1);
|
|
2529
|
+
}), l ? Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
|
|
2530
|
+
f.classList.add("valid");
|
|
2531
|
+
}) : Array.from(e.querySelectorAll(`[data-title="${c}"]`)).forEach((f, b) => {
|
|
2532
|
+
f.classList.remove("valid");
|
|
2533
|
+
}), l || !r.hasAttribute("data-next")) {
|
|
2534
|
+
const f = e.querySelector(`fieldset[data-title="${r.getAttribute("data-title")}"]`), b = e.querySelector(`.steps button[data-title="${r.getAttribute("data-title")}"]`);
|
|
2535
|
+
Array.from(e.querySelectorAll("button")).forEach((u, v) => {
|
|
2536
|
+
u.classList.remove("active");
|
|
2537
|
+
}), Array.from(e.querySelectorAll("fieldset")).forEach((u, v) => {
|
|
2538
|
+
u.classList.remove("active");
|
|
2539
|
+
}), b.classList.add("active"), f.classList.add("active");
|
|
2540
|
+
}
|
|
2541
|
+
let m = Array.from(e.querySelectorAll("fieldset")).length, d = Array.from(e.querySelectorAll("fieldset.valid")).length;
|
|
2542
|
+
e.style.setProperty("--progress", `${d / (m - 1) * 100}%`);
|
|
2543
|
+
}
|
|
2544
|
+
e.addEventListener("keydown", (r) => {
|
|
2545
|
+
if (r && r.target instanceof HTMLElement && r.target.closest("button")) {
|
|
2546
|
+
const n = r.target.closest("button");
|
|
2547
|
+
r.keyCode == 13 && n.getAttribute("type") != "submit" && (r.preventDefault(), s(n));
|
|
2548
|
+
}
|
|
2549
|
+
r && r.target instanceof HTMLElement && r.target.closest("input") && (r.target.closest("input").classList.remove("is-invalid"), r.keyCode == 13 && r.preventDefault());
|
|
2550
|
+
}), e.addEventListener("click", (r) => {
|
|
2551
|
+
if (r && r.target instanceof HTMLElement && r.target.closest('button[type="submit"]'))
|
|
2552
|
+
r.target.closest("form").classList.add("was-validated");
|
|
2553
|
+
else if (r && r.target instanceof HTMLElement && r.target.closest("button[data-title]")) {
|
|
2554
|
+
const n = r.target.closest("button[data-title]");
|
|
2555
|
+
s(n);
|
|
2504
2556
|
}
|
|
2505
2557
|
return null;
|
|
2506
2558
|
});
|
|
@@ -2509,14 +2561,14 @@ window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "custo
|
|
|
2509
2561
|
function et(e, a) {
|
|
2510
2562
|
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
2563
|
}
|
|
2512
|
-
class
|
|
2564
|
+
class Dr extends HTMLElement {
|
|
2513
2565
|
constructor() {
|
|
2514
2566
|
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
|
-
|
|
2567
|
+
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");
|
|
2568
|
+
i.innerHTML = `
|
|
2517
2569
|
<style>
|
|
2518
2570
|
@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;
|
|
2571
|
+
.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
2572
|
|
|
2521
2573
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2522
2574
|
</style>
|
|
@@ -2561,57 +2613,72 @@ class Po extends HTMLElement {
|
|
|
2561
2613
|
|
|
2562
2614
|
</div>
|
|
2563
2615
|
</div>
|
|
2564
|
-
`, this.shadowRoot.appendChild(
|
|
2616
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2565
2617
|
}
|
|
2566
2618
|
connectedCallback() {
|
|
2567
2619
|
let a = this;
|
|
2568
2620
|
const t = this.shadowRoot.querySelector(".actionbar__wrapper");
|
|
2569
2621
|
if (this.hasAttribute("data-selectall")) {
|
|
2570
2622
|
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(
|
|
2623
|
+
let s = this.shadowRoot.querySelector(".selectall");
|
|
2624
|
+
this.hasAttribute("data-selected") && et(s, this.getAttribute("data-selected")), s.addEventListener("change", (n) => {
|
|
2573
2625
|
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
2626
|
});
|
|
2575
|
-
let
|
|
2576
|
-
|
|
2627
|
+
let r = this.querySelector("button[data-cancel]");
|
|
2628
|
+
r && r.addEventListener("click", (n) => {
|
|
2577
2629
|
this.setAttribute("data-selected", 0);
|
|
2578
2630
|
});
|
|
2579
2631
|
}
|
|
2632
|
+
if (this.hasAttribute("data-select-watch")) {
|
|
2633
|
+
const s = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2634
|
+
s.setAttribute("data-select-container", "true"), Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((r, n) => {
|
|
2635
|
+
r.parentElement.setAttribute("slot", "checkbox");
|
|
2636
|
+
}), s.addEventListener("change", (r) => {
|
|
2637
|
+
if (r && r.target instanceof HTMLElement && r.target.closest('[type="checkbox"]')) {
|
|
2638
|
+
let n = s.querySelectorAll('input[type="checkbox"]').length, c = s.querySelectorAll('input[type="checkbox"]:checked').length;
|
|
2639
|
+
a.setAttribute("data-selected", n == c ? "all" : c), r.target.closest('[type="checkbox"]'), c ? Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
|
|
2640
|
+
l.closest("iam-card") && l.closest("iam-card").setAttribute("data-selected", "true");
|
|
2641
|
+
}) : Array.from(s.querySelectorAll('input[type="checkbox"]')).forEach((l, m) => {
|
|
2642
|
+
l.closest("iam-card") && l.closest("iam-card").removeAttribute("data-selected");
|
|
2643
|
+
});
|
|
2644
|
+
}
|
|
2645
|
+
});
|
|
2646
|
+
}
|
|
2580
2647
|
if (this.hasAttribute("data-switchviews")) {
|
|
2581
|
-
let
|
|
2582
|
-
this.getAttribute("data-switchviews").split(",").forEach((
|
|
2648
|
+
let s = "";
|
|
2649
|
+
this.getAttribute("data-switchviews").split(",").forEach((r, n) => {
|
|
2583
2650
|
let c = "fa-grid-2";
|
|
2584
|
-
|
|
2585
|
-
}), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${
|
|
2586
|
-
if (
|
|
2587
|
-
let n =
|
|
2651
|
+
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>`;
|
|
2652
|
+
}), t.insertAdjacentHTML("afterbegin", `<div class="views m-0">${s}</div>`), this.shadowRoot.querySelector(".views").addEventListener("click", (r) => {
|
|
2653
|
+
if (r && r.target instanceof HTMLElement && r.target.closest(".btn-action")) {
|
|
2654
|
+
let n = r.target.closest(".btn-action");
|
|
2588
2655
|
this.setAttribute("data-view", n.textContent);
|
|
2589
2656
|
const c = new CustomEvent("switch-view", { detail: { view: n.textContent } });
|
|
2590
2657
|
this.dispatchEvent(c);
|
|
2591
2658
|
}
|
|
2592
2659
|
});
|
|
2593
2660
|
}
|
|
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(
|
|
2661
|
+
const i = this.shadowRoot.querySelector(".actionbar--search");
|
|
2662
|
+
this.hasAttribute("data-search") && this.getAttribute("data-search") == "show" && i.classList.add("show"), this.shadowRoot.addEventListener("click", (s) => {
|
|
2663
|
+
s && s.target instanceof HTMLElement && s.target.closest("button[data-search]") && i.classList.toggle("show");
|
|
2664
|
+
}), i.addEventListener("keyup", (s) => {
|
|
2665
|
+
const r = new CustomEvent("search-keyup", { detail: { search: i.querySelector("input").value } });
|
|
2666
|
+
this.dispatchEvent(r);
|
|
2667
|
+
}), i.addEventListener("change", (s) => {
|
|
2668
|
+
const r = new CustomEvent("search-change", { detail: { search: i.querySelector("input").value } });
|
|
2669
|
+
this.dispatchEvent(r);
|
|
2670
|
+
}), i.addEventListener("click", (s) => {
|
|
2671
|
+
if (s && s.target instanceof HTMLElement && s.target.closest("button.suffix")) {
|
|
2672
|
+
const r = new CustomEvent("search-submit", { detail: { search: i.querySelector("input").value } });
|
|
2673
|
+
this.dispatchEvent(r);
|
|
2607
2674
|
}
|
|
2608
|
-
}), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((
|
|
2609
|
-
|
|
2675
|
+
}), Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((s, r) => {
|
|
2676
|
+
Nr(s);
|
|
2610
2677
|
});
|
|
2611
|
-
function
|
|
2612
|
-
const
|
|
2613
|
-
let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210,
|
|
2614
|
-
|
|
2678
|
+
function o() {
|
|
2679
|
+
const s = t.scrollWidth, r = document.documentElement.scrollWidth;
|
|
2680
|
+
let n = 750, c = 16, l = a.hasAttribute("data-switchviews") ? 144 : 210, m = 1;
|
|
2681
|
+
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
2682
|
d.className = d.className.replace(" btn-compact", " _btn-compact"), d.classList.add("btn-compact"), d.classList.add("js-updated");
|
|
2616
2683
|
}) : Array.from(a.querySelectorAll(":scope > .btn.js-updated")).forEach((d, f) => {
|
|
2617
2684
|
d.classList.remove("btn-compact"), d.classList.remove("js-updated"), d.className = d.className.replace(" _btn-compact", " btn-compact");
|
|
@@ -2622,17 +2689,17 @@ class Po extends HTMLElement {
|
|
|
2622
2689
|
}), Array.from(a.shadowRoot.querySelectorAll(".safe-area")).forEach((d, f) => {
|
|
2623
2690
|
let b = "overflow";
|
|
2624
2691
|
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") && (
|
|
2692
|
+
let u = d.querySelector("slot").assignedElements(), v = 44 * m;
|
|
2693
|
+
a.hasAttribute("data-search") && (v += 44 * m);
|
|
2627
2694
|
for (let y = 0; y < u.length; y++)
|
|
2628
|
-
!u[y].classList.contains("btn-action") && !u[y].classList.contains("dialog__wrapper") && (
|
|
2695
|
+
!u[y].classList.contains("btn-action") && !u[y].classList.contains("dialog__wrapper") && (v += u[y].offsetWidth, v += c);
|
|
2629
2696
|
for (let y = 0; y < u.length; y++)
|
|
2630
|
-
if (u[y].classList.contains("dialog__wrapper") && (u[y].classList.add("show"),
|
|
2697
|
+
if (u[y].classList.contains("dialog__wrapper") && (u[y].classList.add("show"), v += u[y].offsetWidth, v += c / 2, v - c / 2 > n)) {
|
|
2631
2698
|
u[y].classList.remove("show");
|
|
2632
2699
|
break;
|
|
2633
2700
|
}
|
|
2634
2701
|
for (let y = 0; y < u.length; y++)
|
|
2635
|
-
if (u[y].classList.contains("btn-action") && (u[y].classList.add("show"),
|
|
2702
|
+
if (u[y].classList.contains("btn-action") && (u[y].classList.add("show"), v += u[y].offsetWidth, v += c / 2, v - c / 2 > n)) {
|
|
2636
2703
|
u[y].classList.remove("show");
|
|
2637
2704
|
break;
|
|
2638
2705
|
}
|
|
@@ -2642,64 +2709,75 @@ class Po extends HTMLElement {
|
|
|
2642
2709
|
(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
2710
|
});
|
|
2644
2711
|
}
|
|
2645
|
-
|
|
2712
|
+
o(), new ResizeObserver(o).observe(t);
|
|
2646
2713
|
}
|
|
2647
2714
|
static get observedAttributes() {
|
|
2648
2715
|
return ["data-selected"];
|
|
2649
2716
|
}
|
|
2650
|
-
attributeChangedCallback(a, t,
|
|
2717
|
+
attributeChangedCallback(a, t, i) {
|
|
2651
2718
|
switch (a) {
|
|
2652
2719
|
case "data-selected": {
|
|
2653
|
-
let
|
|
2654
|
-
|
|
2655
|
-
const
|
|
2656
|
-
this.dispatchEvent(i)
|
|
2720
|
+
let o = this.shadowRoot.querySelector(".selectall");
|
|
2721
|
+
o && et(o, i);
|
|
2722
|
+
const s = new CustomEvent("selected", { detail: { selected: i } });
|
|
2723
|
+
if (this.dispatchEvent(s), i == "all" && this.hasAttribute("data-select-watch")) {
|
|
2724
|
+
const r = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2725
|
+
Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
|
|
2726
|
+
n.checked = !0, n.closest("iam-card") && n.closest("iam-card").setAttribute("data-selected", "true");
|
|
2727
|
+
});
|
|
2728
|
+
}
|
|
2729
|
+
if (i == "0" && this.hasAttribute("data-select-watch")) {
|
|
2730
|
+
const r = document.getElementById(this.getAttribute("data-select-watch"));
|
|
2731
|
+
Array.from(r.querySelectorAll('input[type="checkbox"]')).forEach((n, c) => {
|
|
2732
|
+
n.checked = !1, n.closest("iam-card") && n.closest("iam-card").removeAttribute("data-selected", "true");
|
|
2733
|
+
});
|
|
2734
|
+
}
|
|
2657
2735
|
break;
|
|
2658
2736
|
}
|
|
2659
2737
|
}
|
|
2660
2738
|
}
|
|
2661
2739
|
}
|
|
2662
|
-
window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar",
|
|
2663
|
-
const
|
|
2740
|
+
window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", Dr);
|
|
2741
|
+
const Ir = {
|
|
2664
2742
|
name: "Actionbar",
|
|
2665
2743
|
props: {},
|
|
2666
2744
|
mounted() {
|
|
2667
2745
|
}
|
|
2668
2746
|
};
|
|
2669
|
-
function
|
|
2670
|
-
return
|
|
2747
|
+
function jr(e, a, t, i, o, s) {
|
|
2748
|
+
return h(), p("iam-actionbar", null, [
|
|
2671
2749
|
S(e.$slots, "default")
|
|
2672
2750
|
]);
|
|
2673
2751
|
}
|
|
2674
|
-
const yi = /* @__PURE__ */
|
|
2752
|
+
const yi = /* @__PURE__ */ _(Ir, [["render", jr]]);
|
|
2675
2753
|
/*!
|
|
2676
|
-
* iamKey v4.0.
|
|
2754
|
+
* iamKey v4.0.2
|
|
2677
2755
|
* Copyright 2022-2023 iamproperty
|
|
2678
2756
|
*/
|
|
2679
|
-
const
|
|
2757
|
+
const Pr = function(e, a) {
|
|
2680
2758
|
if (!e.getAttribute("data-pages"))
|
|
2681
2759
|
return !1;
|
|
2682
2760
|
e.getAttribute("data-page") || e.setAttribute("data-page", 1);
|
|
2683
|
-
let t = e.getAttribute("data-page"),
|
|
2684
|
-
if (
|
|
2761
|
+
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");
|
|
2762
|
+
if (i <= 1)
|
|
2685
2763
|
return a.innerHTML = "", !1;
|
|
2686
2764
|
let n = "";
|
|
2687
|
-
for (let c = 1; c <=
|
|
2765
|
+
for (let c = 1; c <= i; c++)
|
|
2688
2766
|
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
2767
|
return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
|
|
2690
2768
|
${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
2769
|
${n}
|
|
2692
|
-
${t ==
|
|
2770
|
+
${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
2771
|
</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(
|
|
2772
|
+
<span class="d-block pb-2">You've viewed ${s} of ${o} results</span>
|
|
2773
|
+
<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
2774
|
</div>`, !0;
|
|
2697
2775
|
};
|
|
2698
|
-
class
|
|
2776
|
+
class zr extends HTMLElement {
|
|
2699
2777
|
constructor() {
|
|
2700
2778
|
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
|
-
|
|
2779
|
+
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");
|
|
2780
|
+
i.innerHTML = `
|
|
2703
2781
|
<style>
|
|
2704
2782
|
@import "${t}";
|
|
2705
2783
|
|
|
@@ -2707,39 +2785,39 @@ class Bo extends HTMLElement {
|
|
|
2707
2785
|
</style>
|
|
2708
2786
|
<div class="pagination__wrapper d-none">
|
|
2709
2787
|
</div>
|
|
2710
|
-
`, this.shadowRoot.appendChild(
|
|
2788
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2711
2789
|
}
|
|
2712
2790
|
connectedCallback() {
|
|
2713
2791
|
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"))),
|
|
2792
|
+
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
2793
|
}
|
|
2716
2794
|
}
|
|
2717
|
-
const
|
|
2795
|
+
const Br = {
|
|
2718
2796
|
name: "Pagination",
|
|
2719
2797
|
props: {},
|
|
2720
2798
|
computed: {},
|
|
2721
2799
|
created() {
|
|
2722
2800
|
this.$nextTick(function() {
|
|
2723
|
-
window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination",
|
|
2801
|
+
window.customElements.get("iam-pagination") || window.customElements.define("iam-pagination", zr);
|
|
2724
2802
|
});
|
|
2725
2803
|
},
|
|
2726
2804
|
updated() {
|
|
2727
2805
|
}
|
|
2728
2806
|
};
|
|
2729
|
-
function
|
|
2730
|
-
return
|
|
2807
|
+
function Fr(e, a, t, i, o, s) {
|
|
2808
|
+
return h(), p("iam-pagination");
|
|
2731
2809
|
}
|
|
2732
|
-
const vi = /* @__PURE__ */
|
|
2810
|
+
const vi = /* @__PURE__ */ _(Br, [["render", Fr]]);
|
|
2733
2811
|
/*!
|
|
2734
|
-
* iamKey v4.0.
|
|
2812
|
+
* iamKey v4.0.2
|
|
2735
2813
|
* Copyright 2022-2023 iamproperty
|
|
2736
2814
|
*/
|
|
2737
2815
|
window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });
|
|
2738
|
-
class
|
|
2816
|
+
class Or extends HTMLElement {
|
|
2739
2817
|
constructor() {
|
|
2740
2818
|
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
|
-
|
|
2819
|
+
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");
|
|
2820
|
+
i.innerHTML = `
|
|
2743
2821
|
<style class="styles">
|
|
2744
2822
|
@import "${t}";
|
|
2745
2823
|
: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 +2839,11 @@ class Vo extends HTMLElement {
|
|
|
2761
2839
|
</div>
|
|
2762
2840
|
|
|
2763
2841
|
</div>
|
|
2764
|
-
`, this.shadowRoot.appendChild(
|
|
2842
|
+
`, this.shadowRoot.appendChild(i.content.cloneNode(!0));
|
|
2765
2843
|
}
|
|
2766
2844
|
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>`),
|
|
2845
|
+
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");
|
|
2846
|
+
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
2847
|
a.classList.contains("open") ? (a.classList.remove("open"), setTimeout(function() {
|
|
2770
2848
|
t.classList.add("closed");
|
|
2771
2849
|
}, 1e3), a.classList.add("pe-none"), setTimeout(function() {
|
|
@@ -2773,55 +2851,55 @@ class Vo extends HTMLElement {
|
|
|
2773
2851
|
}, 1e3)) : (t.classList.remove("closed"), setTimeout(function() {
|
|
2774
2852
|
a.classList.add("open");
|
|
2775
2853
|
}, 100));
|
|
2776
|
-
}), a.addEventListener("mouseenter", (
|
|
2854
|
+
}), a.addEventListener("mouseenter", (s) => {
|
|
2777
2855
|
window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"), a.classList.add("hover"));
|
|
2778
|
-
}), a.addEventListener("mousemove", (
|
|
2856
|
+
}), a.addEventListener("mousemove", (s) => {
|
|
2779
2857
|
window.innerWidth > 992 && (a.classList.contains("open") || t.classList.remove("closed"));
|
|
2780
|
-
}), a.addEventListener("mouseleave", (
|
|
2858
|
+
}), a.addEventListener("mouseleave", (s) => {
|
|
2781
2859
|
window.innerWidth > 992 && (a.classList.remove("hover"), a.classList.contains("open") || setTimeout(function() {
|
|
2782
2860
|
t.classList.add("closed");
|
|
2783
2861
|
}, 1e3));
|
|
2784
2862
|
});
|
|
2785
2863
|
}
|
|
2786
2864
|
}
|
|
2787
|
-
window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side",
|
|
2788
|
-
const
|
|
2865
|
+
window.customElements.get("iam-collapsible-side") || window.customElements.define("iam-collapsible-side", Or);
|
|
2866
|
+
const Vr = {
|
|
2789
2867
|
name: "CollapsibleSideMenu",
|
|
2790
2868
|
props: {},
|
|
2791
2869
|
mounted() {
|
|
2792
2870
|
}
|
|
2793
2871
|
};
|
|
2794
|
-
function
|
|
2795
|
-
return
|
|
2872
|
+
function Wr(e, a, t, i, o, s) {
|
|
2873
|
+
return h(), p("iam-collapsible-side", null, [
|
|
2796
2874
|
S(e.$slots, "default")
|
|
2797
2875
|
]);
|
|
2798
2876
|
}
|
|
2799
|
-
const wi = /* @__PURE__ */
|
|
2877
|
+
const wi = /* @__PURE__ */ _(Vr, [["render", Wr]]);
|
|
2800
2878
|
export {
|
|
2801
|
-
|
|
2802
|
-
|
|
2879
|
+
Jr as Accordion,
|
|
2880
|
+
Qr as AccordionItem,
|
|
2803
2881
|
yi as Actionbar,
|
|
2804
2882
|
pi as AppliedFilters,
|
|
2805
|
-
|
|
2883
|
+
Zr as Banner,
|
|
2806
2884
|
Re as Card,
|
|
2807
|
-
|
|
2885
|
+
ti as Carousel,
|
|
2808
2886
|
wi as CollapsibleSideMenu,
|
|
2809
|
-
|
|
2887
|
+
Kr as FileUpload,
|
|
2810
2888
|
fi as Filterlist,
|
|
2811
|
-
|
|
2889
|
+
ei as Header,
|
|
2812
2890
|
lt as Input,
|
|
2813
|
-
|
|
2891
|
+
Gr as Logo,
|
|
2814
2892
|
si as Nav,
|
|
2815
|
-
|
|
2893
|
+
mi as NoteFeed,
|
|
2816
2894
|
gi as Notification,
|
|
2817
2895
|
vi as Pagination,
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2896
|
+
ii as PropertySearchbar,
|
|
2897
|
+
ni as Snapshot,
|
|
2898
|
+
li as Step,
|
|
2899
|
+
oi as Stepper,
|
|
2900
|
+
ui as Tab,
|
|
2823
2901
|
nt as Table,
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2902
|
+
di as Tabs,
|
|
2903
|
+
ai as Testimonial,
|
|
2904
|
+
ri as Timeline
|
|
2827
2905
|
};
|