@iamproperty/components 3.6.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/accordion.css.map +1 -1
- package/assets/css/components/admin-panel.css +1 -1
- package/assets/css/components/admin-panel.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/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/lists.css +1 -1
- package/assets/css/components/lists.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/bundle.js +2 -0
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/card/card.component.js +2 -2
- package/assets/js/components/card/card.component.min.js +4 -4
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/table/table.component.js +11 -8
- package/assets/js/components/table/table.component.min.js +5 -5
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +2 -2
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/dynamic.js +3 -1
- package/assets/js/dynamic.min.js +2 -2
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/flat-components.js +2 -0
- package/assets/js/modules/dialogs.js +173 -0
- package/assets/js/modules/helpers.js +1 -89
- package/assets/js/modules/table.js +10 -8
- package/assets/js/modules/tabs.js +0 -2
- package/assets/js/scripts.bundle.js +24 -24
- 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/js/tests/table.spec.js +15 -0
- package/assets/sass/_functions/variables.scss +3 -28
- package/assets/sass/components/admin-panel.scss +0 -10
- package/assets/sass/components/card.scss +32 -25
- package/assets/sass/components/dialog.scss +332 -28
- package/assets/sass/components/lists.scss +16 -33
- package/assets/sass/components/table.scss +47 -41
- package/assets/sass/foundations/buttons.scss +9 -13
- package/assets/sass/foundations/icons.scss +14 -69
- package/assets/sass/foundations/reboot.scss +12 -4
- package/assets/sass/foundations/root.scss +9 -0
- package/assets/sass/helpers/max-height.scss +15 -0
- package/assets/ts/bundle.ts +2 -0
- package/assets/ts/components/card/README.md +2 -1
- package/assets/ts/components/card/card.component.ts +2 -2
- package/assets/ts/components/table/table.component.ts +12 -9
- package/assets/ts/dynamic.ts +3 -1
- package/assets/ts/flat-components.ts +2 -0
- package/assets/ts/html.d.ts +7 -1
- package/assets/ts/modules/dialogs.ts +237 -0
- package/assets/ts/modules/helpers.ts +1 -123
- package/assets/ts/modules/table.ts +14 -13
- package/assets/ts/modules/tabs.ts +0 -4
- package/assets/ts/tests/table.spec.ts +15 -0
- package/dist/components.es.js +982 -1003
- package/dist/components.umd.js +25 -21
- package/package.json +2 -3
- package/src/components/Card/Card.vue +2 -2
- package/src/components/Card/README.md +1 -1
- package/src/components/Nav/Nav.vue +1 -3
- package/src/index.js +0 -1
- package/assets/svg/icons.svg +0 -599
- package/src/foundations/Icon/Icon.spec.js +0 -24
- package/src/foundations/Icon/Icon.vue +0 -24
- package/src/foundations/Icon/README.md +0 -11
package/dist/components.es.js
CHANGED
|
@@ -1,33 +1,10 @@
|
|
|
1
|
-
import { openBlock as
|
|
2
|
-
const A = (
|
|
3
|
-
const
|
|
4
|
-
for (const [s,
|
|
5
|
-
|
|
6
|
-
return
|
|
7
|
-
},
|
|
8
|
-
name: "Icon",
|
|
9
|
-
props: {
|
|
10
|
-
id: {
|
|
11
|
-
type: String,
|
|
12
|
-
required: !1,
|
|
13
|
-
default: "email"
|
|
14
|
-
},
|
|
15
|
-
path: {
|
|
16
|
-
type: String,
|
|
17
|
-
required: !1,
|
|
18
|
-
default: "/svg/icons.svg"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}, ce = { class: "icon" }, de = ["xlink:href"];
|
|
22
|
-
function ue(t, a, e, s, r, n) {
|
|
23
|
-
return c(), d("svg", ce, [
|
|
24
|
-
o("title", null, L(e.id), 1),
|
|
25
|
-
o("use", {
|
|
26
|
-
"xlink:href": e.path + "#icon-" + e.id
|
|
27
|
-
}, null, 8, de)
|
|
28
|
-
]);
|
|
29
|
-
}
|
|
30
|
-
const he = /* @__PURE__ */ A(oe, [["render", ue]]), me = {
|
|
1
|
+
import { openBlock as d, createElementBlock as u, normalizeClass as v, createElementVNode as n, toDisplayString as k, createCommentVNode as p, Fragment as $, renderList as T, renderSlot as _, withDirectives as N, mergeProps as H, vModelDynamic as P, vModelText as st, vModelSelect as it, resolveComponent as E, createVNode as S, createTextVNode as rt, normalizeStyle as lt, withModifiers as ot } from "vue";
|
|
2
|
+
const A = (e, a) => {
|
|
3
|
+
const t = e.__vccOpts || e;
|
|
4
|
+
for (const [s, o] of a)
|
|
5
|
+
t[s] = o;
|
|
6
|
+
return t;
|
|
7
|
+
}, nt = {
|
|
31
8
|
name: "Logo",
|
|
32
9
|
props: {
|
|
33
10
|
id: {
|
|
@@ -52,280 +29,279 @@ const he = /* @__PURE__ */ A(oe, [["render", ue]]), me = {
|
|
|
52
29
|
return "brand brand--" + this.id;
|
|
53
30
|
}
|
|
54
31
|
}
|
|
55
|
-
},
|
|
56
|
-
function
|
|
57
|
-
return
|
|
58
|
-
class: v(
|
|
32
|
+
}, ct = ["xlink:href"], dt = ["innerHTML"];
|
|
33
|
+
function ut(e, a, t, s, o, l) {
|
|
34
|
+
return d(), u("div", {
|
|
35
|
+
class: v(l.className)
|
|
59
36
|
}, [
|
|
60
|
-
(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
"xlink:href":
|
|
64
|
-
}, null, 8,
|
|
37
|
+
(d(), u("svg", null, [
|
|
38
|
+
n("title", null, "iam " + k(t.id), 1),
|
|
39
|
+
n("use", {
|
|
40
|
+
"xlink:href": t.path + l.src
|
|
41
|
+
}, null, 8, ct)
|
|
65
42
|
])),
|
|
66
|
-
|
|
43
|
+
t.desc ? (d(), u("span", {
|
|
67
44
|
key: 0,
|
|
68
|
-
innerHTML:
|
|
69
|
-
}, null, 8,
|
|
45
|
+
innerHTML: t.desc
|
|
46
|
+
}, null, 8, dt)) : p("", !0)
|
|
70
47
|
], 2);
|
|
71
48
|
}
|
|
72
|
-
const
|
|
73
|
-
return typeof
|
|
74
|
-
!isNaN(parseFloat(
|
|
75
|
-
},
|
|
76
|
-
if (!
|
|
49
|
+
const ht = /* @__PURE__ */ A(nt, [["render", ut]]), mt = function(e) {
|
|
50
|
+
return typeof e != "string" ? !1 : !isNaN(e) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
|
|
51
|
+
!isNaN(parseFloat(e));
|
|
52
|
+
}, ft = (e, a) => String(e).padStart(a, "0"), bt = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = function(e, a) {
|
|
53
|
+
if (!e.getAttribute("data-pages"))
|
|
77
54
|
return !1;
|
|
78
|
-
|
|
79
|
-
let
|
|
55
|
+
e.getAttribute("data-page") || e.setAttribute("data-page", 1);
|
|
56
|
+
let t = e.getAttribute("data-page"), s = e.getAttribute("data-pages"), o = e.getAttribute("data-total"), l = e.getAttribute("data-show"), i = e.getAttribute("data-increment");
|
|
80
57
|
if (s <= 1)
|
|
81
58
|
return a.innerHTML = "", !1;
|
|
82
|
-
let
|
|
59
|
+
let r = "";
|
|
83
60
|
for (let h = 1; h <= s; h++)
|
|
84
|
-
h ==
|
|
61
|
+
h == t ? r += `<li class="page-item active" aria-current="page"><span class="page-link">${h}</span></li>` : r += `<li class="page-item"><a href="?page=${h}" class="page-link" data-page="${h}">${h}</a></li>`;
|
|
85
62
|
return a.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
|
|
86
|
-
${
|
|
87
|
-
${
|
|
88
|
-
${
|
|
63
|
+
${t == 1 ? '<li class="page-item disabled"><span class="page-link">Previous</span></li>' : `<li class="page-item"><a href="?page=${parseInt(t) - 1}" class="page-link" data-page="${parseInt(t) - 1}">Previous</a></li>`}
|
|
64
|
+
${r}
|
|
65
|
+
${t == s ? '<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>`}
|
|
89
66
|
</ul>`, a.innerHTML += `<div class="d-sm-none text-center">
|
|
90
|
-
<span class="d-block pb-2">You've viewed ${
|
|
91
|
-
<a href="?show=${parseInt(
|
|
67
|
+
<span class="d-block pb-2">You've viewed ${l} of ${o} results</span>
|
|
68
|
+
<a href="?show=${parseInt(l) + parseInt(i)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(l) + parseInt(i)}">Load more results</a>
|
|
92
69
|
</div>`, !0;
|
|
93
|
-
}, Q = (
|
|
94
|
-
const a = Array.from(
|
|
95
|
-
Array.from(
|
|
96
|
-
const
|
|
97
|
-
|
|
98
|
-
const
|
|
99
|
-
if (typeof
|
|
100
|
-
let
|
|
101
|
-
|
|
102
|
-
let
|
|
103
|
-
|
|
70
|
+
}, Q = (e) => {
|
|
71
|
+
const a = Array.from(e.querySelectorAll("thead th"));
|
|
72
|
+
Array.from(e.querySelectorAll("tbody tr")).forEach((s, o) => {
|
|
73
|
+
const l = Array.from(s.querySelectorAll("th, td")), i = ["Low", "Medium", "High", "N/A", "Pending", "Verified", "Incomplete", "Completed", "Requires approval"];
|
|
74
|
+
l.forEach((r, h) => {
|
|
75
|
+
const c = a[h];
|
|
76
|
+
if (typeof c < "u") {
|
|
77
|
+
let f = document.createElement("div");
|
|
78
|
+
f.innerHTML = c.innerHTML;
|
|
79
|
+
let m = f.textContent || f.innerText || "";
|
|
80
|
+
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 = D("date", r.textContent.trim())), i.includes(r.textContent.trim()) && r.setAttribute("data-content", r.textContent.trim());
|
|
104
81
|
}
|
|
105
82
|
});
|
|
106
83
|
});
|
|
107
|
-
},
|
|
84
|
+
}, yt = (e) => {
|
|
108
85
|
let a = 0;
|
|
109
|
-
return Array.from(
|
|
110
|
-
let
|
|
111
|
-
if (
|
|
112
|
-
let
|
|
113
|
-
|
|
86
|
+
return Array.from(e.querySelectorAll("tr")).forEach((t, s) => {
|
|
87
|
+
let o = window.getComputedStyle(document.querySelector("html")), l = t.querySelector(":scope > *:last-child > *:first-child");
|
|
88
|
+
if (l) {
|
|
89
|
+
let r = l.offsetWidth / parseFloat(o.fontSize);
|
|
90
|
+
r += 1.5, a = a > r ? a : r;
|
|
114
91
|
}
|
|
115
|
-
let i =
|
|
116
|
-
|
|
92
|
+
let i = t.offsetHeight / parseFloat(o.fontSize);
|
|
93
|
+
t.style.setProperty("--row-height", `${i}rem`);
|
|
117
94
|
}), a;
|
|
118
|
-
},
|
|
119
|
-
if (
|
|
95
|
+
}, pt = (e) => {
|
|
96
|
+
if (e.closest(".table--fullwidth") || e.querySelectorAll("thead tr th").length < 4)
|
|
120
97
|
return !1;
|
|
121
|
-
Array.from(
|
|
122
|
-
let s = a.querySelector(":scope > :is(td,th):first-child"),
|
|
123
|
-
if (
|
|
124
|
-
s.innerHTML = `<span class="td__content">${
|
|
98
|
+
Array.from(e.querySelectorAll("tbody tr")).forEach((a, t) => {
|
|
99
|
+
let s = a.querySelector(":scope > :is(td,th):first-child"), o = s.textContent;
|
|
100
|
+
if (o != "")
|
|
101
|
+
s.innerHTML = `<span class="td__content">${o}</span><button type="button" class="d-none">${o}</button>`;
|
|
125
102
|
else {
|
|
126
|
-
let
|
|
127
|
-
|
|
103
|
+
let l = a.querySelector(":scope > :is(td,th):nth-child(2)"), i = l.textContent;
|
|
104
|
+
l.innerHTML = `<span class="td__content">${i}</span><button type="button" class="d-none">${i}</button>`;
|
|
128
105
|
}
|
|
129
106
|
});
|
|
130
|
-
},
|
|
131
|
-
|
|
107
|
+
}, _t = (e) => {
|
|
108
|
+
e.addEventListener("click", (a) => {
|
|
132
109
|
if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
|
|
133
|
-
let
|
|
134
|
-
s.getAttribute("data-view") == "full" ? s.setAttribute("data-view", "default") : s.setAttribute("data-view", "full"),
|
|
110
|
+
let t = a.target.closest("tr > :is(td,th):first-child button"), s = t.parentNode.closest("tr");
|
|
111
|
+
s.getAttribute("data-view") == "full" ? s.setAttribute("data-view", "default") : s.setAttribute("data-view", "full"), t.blur();
|
|
135
112
|
}
|
|
136
113
|
});
|
|
137
|
-
}, Y = (
|
|
138
|
-
let
|
|
139
|
-
if (!
|
|
114
|
+
}, Y = (e, a) => {
|
|
115
|
+
let t = a.querySelector("[data-search]");
|
|
116
|
+
if (!t)
|
|
140
117
|
return !1;
|
|
141
|
-
const s =
|
|
142
|
-
let
|
|
143
|
-
|
|
144
|
-
Array.from(
|
|
145
|
-
|
|
118
|
+
const s = t.getAttribute("id"), o = t.getAttribute("data-search").split(",");
|
|
119
|
+
let l = t.parentNode, i = {};
|
|
120
|
+
o.forEach((r, h) => {
|
|
121
|
+
Array.from(e.querySelectorAll('td[data-label="' + r.trim() + '"]')).forEach((c, f) => {
|
|
122
|
+
c.querySelector(".td__content") ? i[c.querySelector(".td__content").textContent] = c.querySelector(".td__content").textContent : i[c.textContent] = c.textContent;
|
|
146
123
|
});
|
|
147
|
-
}),
|
|
148
|
-
},
|
|
149
|
-
var
|
|
124
|
+
}), t.setAttribute("list", `${s}_list`), t.setAttribute("autocomplete", "off"), l.querySelector("datalist") || (l.innerHTML += `<datalist id="${s}_list"></datalist>`), l.querySelector("datalist").innerHTML = `${Object.keys(i).map((r) => `<option value="${r}"></option>`).join("")}`;
|
|
125
|
+
}, gt = (e, a, t, s, o) => {
|
|
126
|
+
var l;
|
|
150
127
|
let i = function() {
|
|
151
|
-
a.hasAttribute("data-ajax") ? J(
|
|
128
|
+
a.hasAttribute("data-ajax") ? J(e, a, t, s) : a.hasAttribute("data-submit") ? a.submit() : (Z(e, a, s), F(s, t), I(e, a));
|
|
152
129
|
};
|
|
153
|
-
a.addEventListener("keyup", (
|
|
154
|
-
clearTimeout(
|
|
130
|
+
a.addEventListener("keyup", (r) => {
|
|
131
|
+
clearTimeout(l), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (l = setTimeout(function() {
|
|
155
132
|
i();
|
|
156
133
|
}, 500));
|
|
157
|
-
}), a.addEventListener("change", (
|
|
158
|
-
clearTimeout(
|
|
159
|
-
}), a.addEventListener("click", (
|
|
160
|
-
clearTimeout(
|
|
161
|
-
}), a.addEventListener("submit", (
|
|
162
|
-
clearTimeout(
|
|
163
|
-
}), a.addEventListener("force", (
|
|
134
|
+
}), a.addEventListener("change", (r) => {
|
|
135
|
+
clearTimeout(l), r && r.target instanceof HTMLElement && r.target.closest("[data-sort]") && (a.hasAttribute("data-submit") || K(e, a, o), i()), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && i(), r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && r.target.closest("form .dialog__wrapper > dialog") && i(), r && r.target instanceof HTMLElement && r.target.closest("[data-filter]") && !r.target.closest("form dialog") && i(), r && r.target instanceof HTMLElement && r.target.closest("[data-show]") && i();
|
|
136
|
+
}), a.addEventListener("click", (r) => {
|
|
137
|
+
clearTimeout(l), r && r.target instanceof HTMLElement && r.target.closest('dialog button:not([type="button"])') && r.target.closest('dialog button:not([type="button"])').closest("dialog").close(), r && r.target instanceof HTMLElement && r.target.closest(".dialog__close") && (r.preventDefault(), r.stopPropagation()), r && r.target instanceof HTMLElement && r.target.closest("[data-clear]") && (a.reset(), a.hasAttribute("data-submit") || K(e, a, o), i());
|
|
138
|
+
}), a.addEventListener("submit", (r) => {
|
|
139
|
+
clearTimeout(l), a.hasAttribute("data-submit") || r.preventDefault(), i();
|
|
140
|
+
}), a.addEventListener("force", (r) => {
|
|
164
141
|
i();
|
|
165
142
|
});
|
|
166
|
-
}, K = (
|
|
143
|
+
}, K = (e, a, t) => {
|
|
167
144
|
if (a.getAttribute("data-ajax"))
|
|
168
145
|
return !1;
|
|
169
|
-
let s =
|
|
146
|
+
let s = e.querySelector("tbody"), o = a.querySelector("[data-sort]"), l = o.querySelector(`option:nth-child(${o.selectedIndex + 1})`), i = l.getAttribute("data-sort"), r = l.getAttribute("data-order"), h = l.getAttribute("data-format");
|
|
170
147
|
if (!i)
|
|
171
|
-
return s.innerHTML =
|
|
172
|
-
let
|
|
173
|
-
["asc", "desc", "descending"].includes(
|
|
174
|
-
let
|
|
175
|
-
Array.from(s.querySelectorAll("tr")).forEach((
|
|
176
|
-
let
|
|
177
|
-
|
|
178
|
-
const
|
|
179
|
-
index:
|
|
180
|
-
row:
|
|
148
|
+
return s.innerHTML = t.innerHTML, Q(e), !1;
|
|
149
|
+
let c = [];
|
|
150
|
+
["asc", "desc", "descending"].includes(r) || (c = r.split(","));
|
|
151
|
+
let f = [];
|
|
152
|
+
Array.from(s.querySelectorAll("tr")).forEach((y, g) => {
|
|
153
|
+
let b = y.querySelector('td[data-label="' + i + '"], th[data-label="' + i + '"]').textContent.trim();
|
|
154
|
+
c.length && c.includes(b) && (b = c.indexOf(b)), mt(b) && (b = ft(b, 10)), h && h == "date" && (b = new Date(b));
|
|
155
|
+
const M = {
|
|
156
|
+
index: b,
|
|
157
|
+
row: y
|
|
181
158
|
};
|
|
182
|
-
|
|
183
|
-
}),
|
|
184
|
-
let
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
}), s.innerHTML =
|
|
188
|
-
}, Z = (
|
|
189
|
-
|
|
190
|
-
let s = [],
|
|
191
|
-
if (Array.from(
|
|
192
|
-
|
|
193
|
-
}), Array.from(a.querySelectorAll("[data-filter]")).forEach((
|
|
194
|
-
if (!(
|
|
195
|
-
if (
|
|
196
|
-
for (const [
|
|
197
|
-
s[
|
|
159
|
+
f.push(M);
|
|
160
|
+
}), f.sort((y, g) => y.index > g.index ? 1 : -1), (r == "descending" || r == "desc") && (f = f.reverse());
|
|
161
|
+
let m = "";
|
|
162
|
+
f.forEach((y, g) => {
|
|
163
|
+
m += y.row.outerHTML;
|
|
164
|
+
}), s.innerHTML = m;
|
|
165
|
+
}, Z = (e, a, t) => {
|
|
166
|
+
e.classList.remove("table--filtered");
|
|
167
|
+
let s = [], o = [], l = 0, i = a.querySelector("[data-pagination]") ? parseInt(a.querySelector("[data-pagination]").value) : 1, r = a.querySelector("[data-show]") ? parseInt(a.querySelector("[data-show]").value) : 15;
|
|
168
|
+
if (Array.from(e.querySelectorAll("tbody tr")).forEach((c, f) => {
|
|
169
|
+
c.classList.remove("filtered"), c.classList.remove("filtered--matched"), c.classList.remove("filtered--show"), c.removeAttribute("data-filtered-by");
|
|
170
|
+
}), Array.from(a.querySelectorAll("[data-filter]")).forEach((c, f) => {
|
|
171
|
+
if (!(c.type == "radio" && !c.checked) && !(c.type == "checkbox" && !c.checked))
|
|
172
|
+
if (c.getAttribute("data-filter") == "multi")
|
|
173
|
+
for (const [m, y] of Object.entries(JSON.parse(c.value)))
|
|
174
|
+
s[c.getAttribute("data-filter")].push(y);
|
|
198
175
|
else
|
|
199
|
-
|
|
176
|
+
c.value && (s[c.getAttribute("data-filter")] || (s[c.getAttribute("data-filter")] = new Array()), s[c.getAttribute("data-filter")].push(c.value));
|
|
200
177
|
}), a.querySelector("[data-search]")) {
|
|
201
|
-
let
|
|
202
|
-
a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((
|
|
203
|
-
|
|
178
|
+
let c = a.querySelector("[data-search]");
|
|
179
|
+
a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((m, y) => {
|
|
180
|
+
o.push({ column: `${m.trim()}`, value: `${c.value}` });
|
|
204
181
|
});
|
|
205
182
|
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
}), s.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((
|
|
209
|
-
|
|
210
|
-
}),
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
for (const [u, m] of Object.entries(s))
|
|
214
|
-
Array.from(t.querySelectorAll("tbody tr:not(.filtered)")).forEach((f, b) => {
|
|
183
|
+
Array.from(a.querySelectorAll("[data-filter-count]")).forEach((c, f) => {
|
|
184
|
+
c.innerHTML = "";
|
|
185
|
+
}), s.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((c, f) => {
|
|
186
|
+
c.innerHTML += `(${s.length})`;
|
|
187
|
+
}), e.classList.add("table--filtered");
|
|
188
|
+
for (const [c, f] of Object.entries(s))
|
|
189
|
+
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((m, y) => {
|
|
215
190
|
let g = !1;
|
|
216
|
-
|
|
217
|
-
let
|
|
218
|
-
if (
|
|
219
|
-
|
|
220
|
-
else if (
|
|
191
|
+
f.forEach((b, M) => {
|
|
192
|
+
let C = m.querySelector(`[data-label="${c}"]`);
|
|
193
|
+
if (b && b == "$today")
|
|
194
|
+
b = D("date", /* @__PURE__ */ new Date());
|
|
195
|
+
else if (b && b == "$yesterday") {
|
|
221
196
|
let w = /* @__PURE__ */ new Date();
|
|
222
|
-
w.setDate(w.getDate() - 1),
|
|
223
|
-
} else if (
|
|
224
|
-
let w = /* @__PURE__ */ new Date(),
|
|
225
|
-
if (w.setHours(0, 0, 0, 0),
|
|
226
|
-
g =
|
|
197
|
+
w.setDate(w.getDate() - 1), b = D("date", w);
|
|
198
|
+
} else if (b && (b == "$thisWeek" || b == "$lastWeek")) {
|
|
199
|
+
let w = /* @__PURE__ */ new Date(), x = new Date(w.setDate(w.getDate() - (w.getDay() - 1))), q = new Date(w.setDate(w.getDate() - w.getDay() + 7)), L = new Date(C.textContent.toLowerCase());
|
|
200
|
+
if (w.setHours(0, 0, 0, 0), x.setHours(0, 0, 0, 0), q.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), b == "$thisWeek")
|
|
201
|
+
g = L >= x && L <= q;
|
|
227
202
|
else {
|
|
228
|
-
let
|
|
229
|
-
|
|
203
|
+
let O = new Date(x.setDate(x.getDate() - 7)), U = new Date(q.setDate(q.getDate() - 7));
|
|
204
|
+
O.setHours(0, 0, 0, 0), U.setHours(0, 0, 0, 0), g = L >= O && L <= U;
|
|
230
205
|
}
|
|
231
|
-
} else if (
|
|
232
|
-
let w = /* @__PURE__ */ new Date(),
|
|
233
|
-
var
|
|
234
|
-
let
|
|
235
|
-
|
|
236
|
-
} else if (
|
|
237
|
-
let w = /* @__PURE__ */ new Date(),
|
|
238
|
-
var
|
|
239
|
-
let
|
|
240
|
-
|
|
206
|
+
} else if (b && b == "$thisMonth") {
|
|
207
|
+
let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), q = w.getMonth();
|
|
208
|
+
var B = new Date(x, q, 1), V = new Date(x, q + 1, 0);
|
|
209
|
+
let L = new Date(C.textContent.toLowerCase());
|
|
210
|
+
B.setHours(0, 0, 0, 0), V.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), g = L >= B && L <= V;
|
|
211
|
+
} else if (b && b == "$lastMonth") {
|
|
212
|
+
let w = /* @__PURE__ */ new Date(), x = w.getFullYear(), q = w.getMonth();
|
|
213
|
+
var W = new Date(x, q - 1, 1), j = new Date(x, q, 0);
|
|
214
|
+
let L = new Date(C.textContent.toLowerCase());
|
|
215
|
+
W.setHours(0, 0, 0, 0), j.setHours(0, 0, 0, 0), L.setHours(0, 0, 0, 0), g = L >= W && L <= j;
|
|
241
216
|
}
|
|
242
|
-
|
|
243
|
-
}), g || (
|
|
217
|
+
C && C.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
|
|
218
|
+
}), g || (m.classList.add("filtered"), m.setAttribute("data-filtered-by", c));
|
|
244
219
|
});
|
|
245
|
-
Array.from(
|
|
246
|
-
let
|
|
247
|
-
|
|
248
|
-
let
|
|
249
|
-
|
|
250
|
-
}),
|
|
251
|
-
}), Array.from(
|
|
252
|
-
|
|
253
|
-
}),
|
|
254
|
-
},
|
|
255
|
-
Array.from(a.querySelectorAll("[data-query]")).forEach((s,
|
|
256
|
-
let
|
|
257
|
-
if (
|
|
258
|
-
i = (
|
|
259
|
-
else if (!
|
|
260
|
-
let
|
|
261
|
-
|
|
262
|
-
h += `:not([data-filtered-by="${
|
|
263
|
-
}), i = Array.from(
|
|
264
|
-
} else if (!
|
|
265
|
-
i = Array.from(
|
|
266
|
-
else if (
|
|
267
|
-
let
|
|
268
|
-
i = Array.from(
|
|
269
|
-
let
|
|
270
|
-
for (const [
|
|
271
|
-
let
|
|
272
|
-
(!h.querySelector(`td[data-label="${
|
|
220
|
+
Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).forEach((c, f) => {
|
|
221
|
+
let m = !(o.length > 0 && o[0].value.length >= 3);
|
|
222
|
+
o.forEach((y, g) => {
|
|
223
|
+
let b = c.querySelector(`[data-label="${y.column}"]`);
|
|
224
|
+
b && y.value.length >= 3 && b.textContent.toLowerCase().includes(y.value.toLowerCase()) && (m = !0);
|
|
225
|
+
}), m || c.classList.add("filtered");
|
|
226
|
+
}), Array.from(e.querySelectorAll("tbody tr:not(.filtered")).forEach((c, f) => {
|
|
227
|
+
l++, c.classList.add("filtered--matched"), Math.ceil(l / r) == parseInt(i) && c.classList.add("filtered--show");
|
|
228
|
+
}), t && (t.setAttribute("data-page", i), t.setAttribute("data-pages", Math.ceil(l / r)), t.setAttribute("data-total", l), t.setAttribute("data-show", r));
|
|
229
|
+
}, I = (e, a) => {
|
|
230
|
+
Array.from(a.querySelectorAll("[data-query]")).forEach((s, o) => {
|
|
231
|
+
let l = s.getAttribute("data-query"), i;
|
|
232
|
+
if (l == "total")
|
|
233
|
+
i = (e.classList.contains("table--filtered"), e.querySelectorAll("tbody tr").length);
|
|
234
|
+
else if (!l.includes(" == ") && l.includes(" & ")) {
|
|
235
|
+
let r = l.split(" & "), h = "";
|
|
236
|
+
r.forEach((c) => {
|
|
237
|
+
h += `:not([data-filtered-by="${c}"])`;
|
|
238
|
+
}), i = Array.from(e.querySelectorAll(`tbody tr${h}`)).length;
|
|
239
|
+
} else if (!l.includes(" == "))
|
|
240
|
+
i = Array.from(e.querySelectorAll(`tbody tr:not([data-filtered-by="${l}"])`)).length;
|
|
241
|
+
else if (l.includes(" && ")) {
|
|
242
|
+
let r = l.split(" && ");
|
|
243
|
+
i = Array.from(e.querySelectorAll("tbody tr:not(.filtered)")).filter(function(h) {
|
|
244
|
+
let c = !0;
|
|
245
|
+
for (const [f, m] of Object.entries(r)) {
|
|
246
|
+
let y = m.split(" == ");
|
|
247
|
+
(!h.querySelector(`td[data-label="${y[0]}"]`) || h.querySelector(`td[data-label="${y[0]}"]`).textContent != `${y[1]}`) && (c = !1);
|
|
273
248
|
}
|
|
274
|
-
return
|
|
249
|
+
return c;
|
|
275
250
|
}).length;
|
|
276
251
|
} else {
|
|
277
|
-
let
|
|
278
|
-
i = Array.from(
|
|
279
|
-
return h.textContent ===
|
|
252
|
+
let r = l.split(" == ");
|
|
253
|
+
i = Array.from(e.querySelectorAll(`tbody tr.filtered--matched td[data-label="${r[0]}"], tbody tr[data-filtered-by="${r[0]}"] td[data-label="${r[0]}"]`)).filter(function(h) {
|
|
254
|
+
return h.textContent === r[1];
|
|
280
255
|
}).length;
|
|
281
256
|
}
|
|
282
257
|
s.hasAttribute("data-total") ? s.setAttribute("data-total", i) : s.innerHTML = i;
|
|
283
258
|
});
|
|
284
|
-
},
|
|
285
|
-
|
|
286
|
-
if (
|
|
287
|
-
|
|
288
|
-
let
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
259
|
+
}, vt = function(e, a, t, s) {
|
|
260
|
+
t.addEventListener("click", (o) => {
|
|
261
|
+
if (o && o.target instanceof HTMLElement && o.target.closest("[data-page]")) {
|
|
262
|
+
o.preventDefault();
|
|
263
|
+
let l = a.querySelector("[data-pagination]"), i = o.target.closest("[data-page]").getAttribute("data-page");
|
|
264
|
+
if (l.value = i, s.setAttribute("data-page", i), a.dispatchEvent(new Event("submit")), e.hasAttribute("data-show-history")) {
|
|
265
|
+
const r = new URL(location);
|
|
266
|
+
r.searchParams.set("page", i), history.pushState({ type: "pagination", form: a.getAttribute("id"), page: i }, "", r);
|
|
267
|
+
}
|
|
292
268
|
}
|
|
293
|
-
if (
|
|
294
|
-
|
|
295
|
-
let
|
|
296
|
-
|
|
269
|
+
if (o && o.target instanceof HTMLElement && o.target.closest("[data-show]")) {
|
|
270
|
+
o.preventDefault();
|
|
271
|
+
let l = a.querySelector("[data-show]"), i = o.target.closest("[data-show]").getAttribute("data-show");
|
|
272
|
+
l.value = i, s.setAttribute("data-show", i), a.dispatchEvent(new Event("submit"));
|
|
297
273
|
}
|
|
298
274
|
});
|
|
299
|
-
},
|
|
300
|
-
if (!
|
|
275
|
+
}, At = (e, a) => {
|
|
276
|
+
if (!e)
|
|
301
277
|
return !1;
|
|
302
|
-
|
|
303
|
-
|
|
278
|
+
e.addEventListener("click", (t) => {
|
|
279
|
+
wt(a);
|
|
304
280
|
});
|
|
305
|
-
},
|
|
306
|
-
for (var a = [],
|
|
307
|
-
for (var
|
|
308
|
-
|
|
309
|
-
a.push(
|
|
281
|
+
}, wt = function(e) {
|
|
282
|
+
for (var a = [], t = e.getElementsByTagName("tr"), s = 0; s < t.length; s++) {
|
|
283
|
+
for (var o = t[s].querySelectorAll("td,th"), l = [], i = 0; i < o.length; i++)
|
|
284
|
+
l.push(`"${o[i].textContent}"`);
|
|
285
|
+
a.push(l.join(","));
|
|
310
286
|
}
|
|
311
287
|
a = a.join(`
|
|
312
288
|
`);
|
|
313
|
-
let
|
|
289
|
+
let r = new Blob([a], {
|
|
314
290
|
type: "text/csv"
|
|
315
291
|
});
|
|
316
292
|
var h = document.createElement("a");
|
|
317
293
|
h.download = "export.csv";
|
|
318
|
-
var
|
|
319
|
-
h.href =
|
|
320
|
-
}, X = function(
|
|
321
|
-
if (
|
|
322
|
-
const
|
|
323
|
-
s.style.setProperty("--cta-width", `${
|
|
294
|
+
var c = window.URL.createObjectURL(r);
|
|
295
|
+
h.href = c, h.style.display = "none", document.body.appendChild(h), h.click(), document.body.removeChild(h);
|
|
296
|
+
}, X = function(e, a, t, s) {
|
|
297
|
+
if (pt(e), Q(e), I(e, a), s && s.classList.contains("table--cta")) {
|
|
298
|
+
const o = yt(e);
|
|
299
|
+
s.style.setProperty("--cta-width", `${o}rem`);
|
|
324
300
|
}
|
|
325
|
-
}, J = function(
|
|
326
|
-
const
|
|
301
|
+
}, J = function(e, a, t, s) {
|
|
302
|
+
const o = (r, h, c) => h.split(/[\.\[\]\'\"]/).filter((f) => f).reduce((f, m) => f ? f[m] : c, r);
|
|
327
303
|
new URLSearchParams(new FormData(a)).toString();
|
|
328
|
-
let
|
|
304
|
+
let l = e.querySelectorAll("thead tr th"), i = e.querySelector("tbody");
|
|
329
305
|
fetch(a.getAttribute("data-ajax"), {
|
|
330
306
|
method: "get",
|
|
331
307
|
credentials: "same-origin",
|
|
@@ -334,41 +310,41 @@ const pe = /* @__PURE__ */ A(me, [["render", be]]), _e = function(t) {
|
|
|
334
310
|
Accept: "application/json",
|
|
335
311
|
"X-Requested-With": "XMLHttpRequest"
|
|
336
312
|
})
|
|
337
|
-
}).then((
|
|
338
|
-
|
|
339
|
-
var
|
|
340
|
-
|
|
313
|
+
}).then((r) => r.json()).then((r) => {
|
|
314
|
+
r.data ? (i.innerHTML = "", r.data.forEach((h, c) => {
|
|
315
|
+
var f = document.createElement("tr");
|
|
316
|
+
l.forEach((m, y) => {
|
|
341
317
|
let g = "";
|
|
342
|
-
var
|
|
343
|
-
if (
|
|
344
|
-
var
|
|
345
|
-
g =
|
|
346
|
-
return
|
|
318
|
+
var b = document.createElement("td");
|
|
319
|
+
if (b.setAttribute("data-label", m.innerText), m.getAttribute("data-output")) {
|
|
320
|
+
var M = m.getAttribute("data-output");
|
|
321
|
+
g = M.replace(new RegExp(/{(.*?)}/, "gm"), function(C) {
|
|
322
|
+
return o(h, C.replace("{", "").replace("}", ""));
|
|
347
323
|
});
|
|
348
324
|
}
|
|
349
|
-
|
|
350
|
-
}), i.appendChild(
|
|
351
|
-
}), Y(
|
|
325
|
+
m.hasAttribute("data-format") && (g = D(m.getAttribute("data-format"), g)), b.innerHTML = g, f.appendChild(b);
|
|
326
|
+
}), i.appendChild(f);
|
|
327
|
+
}), Y(e, a), X(e, a, t, s), s.setAttribute("data-total", r.meta.total ? r.meta.total : 1), s.setAttribute("data-page", r.meta.current_page ? r.meta.current_page : 1), s.setAttribute("data-pages", Math.ceil(s.getAttribute("data-total") / s.getAttribute("data-show"))), F(s, t), r.data.length == 0 && (i.innerHTML = '<tr><td colspan="100%"><span class="h4 m-0">No results found</span></td></tr>')) : i.innerHTML = '<tr><td colspan="100%"><span class="h6 m-0">Error loading table</span></td></tr>';
|
|
352
328
|
});
|
|
353
|
-
}, D = (
|
|
354
|
-
switch (
|
|
329
|
+
}, D = (e, a) => {
|
|
330
|
+
switch (e) {
|
|
355
331
|
case "date":
|
|
356
332
|
a = new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
|
|
357
333
|
break;
|
|
358
334
|
case "capitalise":
|
|
359
|
-
a =
|
|
335
|
+
a = bt(a);
|
|
360
336
|
break;
|
|
361
337
|
}
|
|
362
338
|
return a;
|
|
363
339
|
};
|
|
364
|
-
class
|
|
340
|
+
class St extends HTMLElement {
|
|
365
341
|
constructor() {
|
|
366
342
|
super(), this.attachShadow({ mode: "open" });
|
|
367
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
368
|
-
let
|
|
369
|
-
|
|
370
|
-
const
|
|
371
|
-
|
|
343
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = this.classList.contains("table--cta"), s = this.classList.contains("table--export");
|
|
344
|
+
let o = this.classList.toString();
|
|
345
|
+
o = o.replace("table--cta", "");
|
|
346
|
+
const l = document.createElement("template");
|
|
347
|
+
l.innerHTML = `
|
|
372
348
|
<style>
|
|
373
349
|
@import "${a}/css/core.min.css";
|
|
374
350
|
|
|
@@ -382,31 +358,31 @@ class $e extends HTMLElement {
|
|
|
382
358
|
max-height: none!important;
|
|
383
359
|
}
|
|
384
360
|
</style>
|
|
385
|
-
${
|
|
386
|
-
<div class="table__wrapper ${
|
|
361
|
+
${t ? '<div class="table--cta">' : ""}
|
|
362
|
+
<div class="table__wrapper ${o}">
|
|
387
363
|
<slot></slot>
|
|
388
364
|
</div>
|
|
389
|
-
${
|
|
365
|
+
${t ? "</div>" : ""}
|
|
390
366
|
${s ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ""}
|
|
391
367
|
<div class="table__pagination"></div>
|
|
392
|
-
`, this.shadowRoot.appendChild(
|
|
368
|
+
`, this.shadowRoot.appendChild(l.content.cloneNode(!0));
|
|
393
369
|
const i = new URLSearchParams(window.location.search);
|
|
394
370
|
this.hasAttribute("data-total") || this.setAttribute("data-total", this.querySelectorAll("table tbody tr").length), this.hasAttribute("data-page") || this.setAttribute("data-page", i.has("page") ? i.get("page") : 1), this.hasAttribute("data-show") || this.setAttribute("data-show", 15), this.setAttribute("data-pages", Math.ceil(this.getAttribute("data-total") / this.getAttribute("data-show")));
|
|
395
371
|
}
|
|
396
372
|
connectedCallback() {
|
|
397
|
-
this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), this.form = document.createElement("form"), this.hasAttribute("data-filterby")
|
|
373
|
+
this.table = this.querySelector("table"), this.savedTableBody = this.table.querySelector("tbody").cloneNode(!0), this.pagination = this.shadowRoot.querySelector(".table__pagination"), 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), Y(this.table, this.form), this.form.querySelector("[data-page]") || (this.form.innerHTML += `<input name="page" type="hidden" value="${this.getAttribute("data-page")}" data-pagination="true" />`), this.form.querySelector("[data-show]") || (this.form.innerHTML += `<input name="show" type="hidden" value="${this.getAttribute("data-show")}" data-show="true" />`), _t(this.table), gt(this.table, this.form, this.pagination, this, this.savedTableBody), vt(this.table, this.form, this.pagination, this), At(this.shadowRoot.querySelector("[data-export]"), this.table), this.form.getAttribute("data-ajax") ? J(this.table, this.form, this.pagination, this) : (X(this.table, this.form, this.pagination, this), Z(this.table, this.form, this), F(this, this.pagination), I(this.table, this.form)), this.shadowRoot.querySelector(".table__wrapper").addEventListener("scroll", (a) => {
|
|
398
374
|
this.table.querySelector("dialog[open]") && this.table.querySelector("dialog[open]").close();
|
|
399
375
|
});
|
|
400
376
|
}
|
|
401
377
|
static get observedAttributes() {
|
|
402
378
|
return ["data-total", "data-pages", "data-page", "data-show"];
|
|
403
379
|
}
|
|
404
|
-
attributeChangedCallback(a,
|
|
380
|
+
attributeChangedCallback(a, t, s) {
|
|
405
381
|
}
|
|
406
382
|
}
|
|
407
|
-
const
|
|
408
|
-
return
|
|
409
|
-
},
|
|
383
|
+
const Lt = (e) => e.charAt(0).toUpperCase() + e.slice(1), kt = (e) => e.replace(/_/g, " "), xt = (e) => e.replace(/ /g, "_"), qt = function(e) {
|
|
384
|
+
return e = e.toLowerCase(), e = xt(e), e = e.replace(/\W/g, ""), e;
|
|
385
|
+
}, $t = {
|
|
410
386
|
name: "Table",
|
|
411
387
|
props: {
|
|
412
388
|
items: {
|
|
@@ -420,42 +396,42 @@ const Te = (t) => t.charAt(0).toUpperCase() + t.slice(1), He = (t) => t.replace(
|
|
|
420
396
|
},
|
|
421
397
|
computed: {
|
|
422
398
|
cellHeading() {
|
|
423
|
-
return (
|
|
399
|
+
return (e) => `${Lt(kt(e))}`;
|
|
424
400
|
}
|
|
425
401
|
},
|
|
426
402
|
created() {
|
|
427
403
|
this.$nextTick(function() {
|
|
428
|
-
window.customElements.get("iam-table") || window.customElements.define("iam-table",
|
|
404
|
+
window.customElements.get("iam-table") || window.customElements.define("iam-table", St);
|
|
429
405
|
});
|
|
430
406
|
},
|
|
431
407
|
updated() {
|
|
432
408
|
}
|
|
433
|
-
},
|
|
434
|
-
function
|
|
435
|
-
return
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
(
|
|
409
|
+
}, Tt = { key: 0 }, Ht = { key: 0 }, Mt = ["data-row-id"], Ct = ["innerHTML"];
|
|
410
|
+
function Et(e, a, t, s, o, l) {
|
|
411
|
+
return d(), u("iam-table", null, [
|
|
412
|
+
t.fields ? (d(), u("table", Tt, [
|
|
413
|
+
n("thead", null, [
|
|
414
|
+
n("tr", null, [
|
|
415
|
+
(d(!0), u($, null, T(t.fields, (i) => (d(), u("th", {
|
|
440
416
|
key: i.key
|
|
441
|
-
},
|
|
417
|
+
}, k(l.cellHeading(i.key)), 1))), 128))
|
|
442
418
|
])
|
|
443
419
|
]),
|
|
444
|
-
|
|
445
|
-
(
|
|
446
|
-
key:
|
|
420
|
+
t.items ? (d(), u("tbody", Ht, [
|
|
421
|
+
(d(!0), u($, null, T(t.items, (i, r) => (d(), u("tr", {
|
|
422
|
+
key: r,
|
|
447
423
|
"data-row-id": i.rowid
|
|
448
424
|
}, [
|
|
449
|
-
(
|
|
450
|
-
key:
|
|
425
|
+
(d(!0), u($, null, T(Object.fromEntries(Object.entries(i).filter(([h]) => h !== "rowid")), (h, c) => (d(), u("td", {
|
|
426
|
+
key: c,
|
|
451
427
|
innerHTML: h
|
|
452
|
-
}, null, 8,
|
|
453
|
-
], 8,
|
|
428
|
+
}, null, 8, Ct))), 128))
|
|
429
|
+
], 8, Mt))), 128))
|
|
454
430
|
])) : p("", !0)
|
|
455
|
-
])) : _(
|
|
431
|
+
])) : _(e.$slots, "default", { key: 1 })
|
|
456
432
|
]);
|
|
457
433
|
}
|
|
458
|
-
const
|
|
434
|
+
const tt = /* @__PURE__ */ A($t, [["render", Et]]), Nt = {
|
|
459
435
|
name: "Input",
|
|
460
436
|
props: {
|
|
461
437
|
value: {
|
|
@@ -617,174 +593,174 @@ const ee = /* @__PURE__ */ A(Ee, [["render", Ie]]), Fe = {
|
|
|
617
593
|
get() {
|
|
618
594
|
return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
|
|
619
595
|
},
|
|
620
|
-
set(
|
|
621
|
-
this.$emit("input",
|
|
596
|
+
set(e) {
|
|
597
|
+
this.$emit("input", e);
|
|
622
598
|
}
|
|
623
599
|
}
|
|
624
600
|
},
|
|
625
601
|
mounted() {
|
|
626
602
|
this.$nextTick(function() {
|
|
627
|
-
let
|
|
628
|
-
if (
|
|
603
|
+
let e = this.$refs.wrapper;
|
|
604
|
+
if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
|
|
629
605
|
const a = document.createDocumentFragment();
|
|
630
|
-
Array.from(
|
|
606
|
+
Array.from(e.childNodes).forEach((t) => a.appendChild(t)), e.parentNode.insertBefore(a, e), e.parentNode.removeChild(e);
|
|
631
607
|
}
|
|
632
608
|
});
|
|
633
609
|
},
|
|
634
610
|
methods: {
|
|
635
|
-
inputKeyup(
|
|
636
|
-
this.$emit("keyupEvent",
|
|
611
|
+
inputKeyup(e) {
|
|
612
|
+
this.$emit("keyupEvent", e);
|
|
637
613
|
},
|
|
638
614
|
clickEvent() {
|
|
639
615
|
this.$emit("bus");
|
|
640
616
|
}
|
|
641
617
|
}
|
|
642
|
-
},
|
|
618
|
+
}, Dt = ["for", "innerHTML", "title"], Rt = ["innerHTML"], Pt = ["innerHTML"], zt = ["type", "name", "id", "pattern", "list"], Ft = ["type", "name", "id", "pattern"], It = {
|
|
643
619
|
key: 5,
|
|
644
620
|
class: "input-group"
|
|
645
|
-
},
|
|
621
|
+
}, Bt = ["type", "name", "id", "pattern", "list"], Vt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Wt = {
|
|
646
622
|
key: 6,
|
|
647
623
|
class: "input-group"
|
|
648
|
-
},
|
|
649
|
-
function
|
|
650
|
-
return
|
|
651
|
-
class: v(
|
|
624
|
+
}, jt = ["type", "name", "id", "pattern", "list"], Ot = { class: "input-group-text flex-fill" }, Ut = ["type", "name", "id", "pattern"], Kt = ["value"], Gt = ["id"], Qt = ["value"], Yt = ["type", "name", "id"], Zt = ["for", "innerHTML"], Xt = ["type", "name", "id"], Jt = ["for", "innerHTML"], te = ["innerHTML"];
|
|
625
|
+
function ee(e, a, t, s, o, l) {
|
|
626
|
+
return d(), u("div", {
|
|
627
|
+
class: v(l.wrapperClass()),
|
|
652
628
|
ref: "wrapper"
|
|
653
629
|
}, [
|
|
654
|
-
|
|
630
|
+
l.needsLabel() ? (d(), u("label", {
|
|
655
631
|
key: 0,
|
|
656
|
-
class: v(`form-label${
|
|
657
|
-
for:
|
|
658
|
-
innerHTML:
|
|
659
|
-
title:
|
|
660
|
-
}, null, 10,
|
|
661
|
-
|
|
632
|
+
class: v(`form-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
633
|
+
for: t.id,
|
|
634
|
+
innerHTML: l.displayLabel(),
|
|
635
|
+
title: t.title
|
|
636
|
+
}, null, 10, Dt)) : p("", !0),
|
|
637
|
+
t.prefix ? (d(), u("span", {
|
|
662
638
|
key: 1,
|
|
663
|
-
class: v(`prefix ${this.prefixClass} ${
|
|
664
|
-
innerHTML:
|
|
639
|
+
class: v(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
|
|
640
|
+
innerHTML: t.prefix,
|
|
665
641
|
role: "presentation"
|
|
666
|
-
}, null, 10,
|
|
667
|
-
|
|
642
|
+
}, null, 10, Rt)) : p("", !0),
|
|
643
|
+
t.suffix ? (d(), u("span", {
|
|
668
644
|
key: 2,
|
|
669
|
-
class: v(`suffix ${this.suffixClass} ${
|
|
670
|
-
innerHTML:
|
|
645
|
+
class: v(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
|
|
646
|
+
innerHTML: t.suffix,
|
|
671
647
|
role: "presentation"
|
|
672
|
-
}, null, 10,
|
|
673
|
-
|
|
648
|
+
}, null, 10, Pt)) : p("", !0),
|
|
649
|
+
l.isInput() ? N((d(), u("input", H({
|
|
674
650
|
key: 3,
|
|
675
|
-
"onUpdate:modelValue": a[0] || (a[0] = (i) =>
|
|
676
|
-
class: `form-control${
|
|
677
|
-
type:
|
|
678
|
-
name:
|
|
679
|
-
id:
|
|
680
|
-
pattern:
|
|
681
|
-
list:
|
|
682
|
-
},
|
|
683
|
-
onKeyup: a[1] || (a[1] = (...i) =>
|
|
684
|
-
}), null, 16,
|
|
685
|
-
[P,
|
|
651
|
+
"onUpdate:modelValue": a[0] || (a[0] = (i) => l.inputVal = i),
|
|
652
|
+
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
653
|
+
type: t.type,
|
|
654
|
+
name: t.name ? t.name : t.id,
|
|
655
|
+
id: t.id,
|
|
656
|
+
pattern: l.needPattern(),
|
|
657
|
+
list: l.hasOptions()
|
|
658
|
+
}, e.$attrs, {
|
|
659
|
+
onKeyup: a[1] || (a[1] = (...i) => l.inputKeyup && l.inputKeyup(...i))
|
|
660
|
+
}), null, 16, zt)), [
|
|
661
|
+
[P, l.inputVal]
|
|
686
662
|
]) : p("", !0),
|
|
687
|
-
|
|
663
|
+
t.type == "textarea" ? N((d(), u("textarea", H({
|
|
688
664
|
key: 4,
|
|
689
|
-
"onUpdate:modelValue": a[2] || (a[2] = (i) =>
|
|
690
|
-
class: `form-control${
|
|
691
|
-
type:
|
|
692
|
-
name:
|
|
693
|
-
id:
|
|
694
|
-
pattern:
|
|
695
|
-
},
|
|
696
|
-
[
|
|
665
|
+
"onUpdate:modelValue": a[2] || (a[2] = (i) => l.inputVal = i),
|
|
666
|
+
class: `form-control${t.size ? ` form-control-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
667
|
+
type: t.type,
|
|
668
|
+
name: t.name ? t.name : t.id,
|
|
669
|
+
id: t.id,
|
|
670
|
+
pattern: l.needPattern()
|
|
671
|
+
}, e.$attrs), null, 16, Ft)), [
|
|
672
|
+
[st, l.inputVal]
|
|
697
673
|
]) : p("", !0),
|
|
698
|
-
|
|
699
|
-
N(
|
|
700
|
-
"onUpdate:modelValue": a[3] || (a[3] = (i) =>
|
|
701
|
-
class: `form-range${
|
|
702
|
-
type:
|
|
703
|
-
name:
|
|
704
|
-
id:
|
|
705
|
-
pattern:
|
|
706
|
-
list:
|
|
707
|
-
},
|
|
708
|
-
[P,
|
|
674
|
+
t.type == "range" ? (d(), u("div", It, [
|
|
675
|
+
N(n("input", H({
|
|
676
|
+
"onUpdate:modelValue": a[3] || (a[3] = (i) => l.inputVal = i),
|
|
677
|
+
class: `form-range${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
678
|
+
type: t.type,
|
|
679
|
+
name: t.name ? t.name : t.id,
|
|
680
|
+
id: t.id,
|
|
681
|
+
pattern: l.needPattern(),
|
|
682
|
+
list: l.hasOptions()
|
|
683
|
+
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, Bt), [
|
|
684
|
+
[P, l.inputVal]
|
|
709
685
|
]),
|
|
710
|
-
|
|
686
|
+
n("output", Vt, k(t.value), 1)
|
|
711
687
|
])) : p("", !0),
|
|
712
|
-
|
|
713
|
-
N(
|
|
714
|
-
"onUpdate:modelValue": a[4] || (a[4] = (i) =>
|
|
715
|
-
class: `form-control form-control-color${
|
|
716
|
-
type:
|
|
717
|
-
name:
|
|
718
|
-
id:
|
|
719
|
-
pattern:
|
|
720
|
-
list:
|
|
721
|
-
},
|
|
722
|
-
[P,
|
|
688
|
+
t.type == "color" ? (d(), u("div", Wt, [
|
|
689
|
+
N(n("input", H({
|
|
690
|
+
"onUpdate:modelValue": a[4] || (a[4] = (i) => l.inputVal = i),
|
|
691
|
+
class: `form-control form-control-color${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
692
|
+
type: t.type,
|
|
693
|
+
name: t.name ? t.name : t.id,
|
|
694
|
+
id: t.id,
|
|
695
|
+
pattern: l.needPattern(),
|
|
696
|
+
list: l.hasOptions()
|
|
697
|
+
}, e.$attrs, { oninput: "this.nextElementSibling.value=this.value;" }), null, 16, jt), [
|
|
698
|
+
[P, l.inputVal]
|
|
723
699
|
]),
|
|
724
|
-
|
|
700
|
+
n("output", Ot, k(t.value ? e.vale : "#000000"), 1)
|
|
725
701
|
])) : p("", !0),
|
|
726
|
-
|
|
702
|
+
t.type == "select" ? N((d(), u("select", H({
|
|
727
703
|
key: 7,
|
|
728
|
-
"onUpdate:modelValue": a[5] || (a[5] = (i) =>
|
|
729
|
-
class: `form-select${
|
|
730
|
-
type:
|
|
731
|
-
name:
|
|
732
|
-
id:
|
|
733
|
-
pattern:
|
|
734
|
-
},
|
|
735
|
-
(
|
|
736
|
-
key:
|
|
704
|
+
"onUpdate:modelValue": a[5] || (a[5] = (i) => l.inputVal = i),
|
|
705
|
+
class: `form-select${t.size ? ` form-select-${t.size}` : ""}${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
706
|
+
type: t.type,
|
|
707
|
+
name: t.id,
|
|
708
|
+
id: t.id,
|
|
709
|
+
pattern: l.needPattern()
|
|
710
|
+
}, e.$attrs), [
|
|
711
|
+
(d(!0), u($, null, T(t.options, (i, r) => (d(), u("option", {
|
|
712
|
+
key: r,
|
|
737
713
|
value: i.value
|
|
738
|
-
},
|
|
739
|
-
], 16,
|
|
740
|
-
[
|
|
714
|
+
}, k(i.display ? i.display : i.value), 9, Kt))), 128))
|
|
715
|
+
], 16, Ut)), [
|
|
716
|
+
[it, l.inputVal]
|
|
741
717
|
]) : p("", !0),
|
|
742
|
-
|
|
718
|
+
l.allowDatalist() ? (d(), u("datalist", {
|
|
743
719
|
key: 8,
|
|
744
|
-
id:
|
|
720
|
+
id: t.id + "-list"
|
|
745
721
|
}, [
|
|
746
|
-
(
|
|
747
|
-
key:
|
|
722
|
+
(d(!0), u($, null, T(t.options, (i, r) => (d(), u("option", {
|
|
723
|
+
key: r,
|
|
748
724
|
value: i.value
|
|
749
|
-
},
|
|
750
|
-
], 8,
|
|
751
|
-
|
|
725
|
+
}, k(i.value), 9, Qt))), 128))
|
|
726
|
+
], 8, Gt)) : p("", !0),
|
|
727
|
+
t.type == "checkbox" || t.type == "radio" ? (d(), u("input", H({
|
|
752
728
|
key: 9,
|
|
753
729
|
class: "form-check-input",
|
|
754
|
-
type:
|
|
755
|
-
name:
|
|
756
|
-
id:
|
|
757
|
-
},
|
|
758
|
-
|
|
730
|
+
type: t.type,
|
|
731
|
+
name: t.name ? t.name : t.id,
|
|
732
|
+
id: t.id
|
|
733
|
+
}, e.$attrs), null, 16, Yt)) : p("", !0),
|
|
734
|
+
t.type == "checkbox" || t.type == "radio" ? (d(), u("label", {
|
|
759
735
|
key: 10,
|
|
760
|
-
class: v(`form-label form-check-label${
|
|
761
|
-
for:
|
|
762
|
-
innerHTML:
|
|
763
|
-
}, null, 10,
|
|
764
|
-
|
|
736
|
+
class: v(`form-label form-check-label${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
737
|
+
for: t.id,
|
|
738
|
+
innerHTML: t.label
|
|
739
|
+
}, null, 10, Zt)) : p("", !0),
|
|
740
|
+
t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("input", H({
|
|
765
741
|
key: 11,
|
|
766
|
-
class: `btn-check${
|
|
767
|
-
type:
|
|
742
|
+
class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
743
|
+
type: t.type.replace("-btn", ""),
|
|
768
744
|
autocomplete: "off",
|
|
769
|
-
name:
|
|
770
|
-
id:
|
|
771
|
-
},
|
|
772
|
-
|
|
745
|
+
name: t.name ? t.name : t.id,
|
|
746
|
+
id: t.id
|
|
747
|
+
}, e.$attrs), null, 16, Xt)) : p("", !0),
|
|
748
|
+
t.type == "checkbox-btn" || t.type == "radio-btn" ? (d(), u("label", {
|
|
773
749
|
key: 12,
|
|
774
|
-
class: v(`btn${
|
|
775
|
-
for:
|
|
776
|
-
innerHTML:
|
|
777
|
-
onClick: a[6] || (a[6] = (...i) =>
|
|
778
|
-
}, null, 10,
|
|
779
|
-
|
|
750
|
+
class: v(`btn${t.labelclass ? ` ${t.labelclass}` : ""}`),
|
|
751
|
+
for: t.id,
|
|
752
|
+
innerHTML: t.label,
|
|
753
|
+
onClick: a[6] || (a[6] = (...i) => l.clickEvent && l.clickEvent(...i))
|
|
754
|
+
}, null, 10, Jt)) : p("", !0),
|
|
755
|
+
t.errormsg ? (d(), u("p", {
|
|
780
756
|
key: 13,
|
|
781
757
|
class: "invalid-feedback mb-0",
|
|
782
|
-
innerHTML:
|
|
783
|
-
}, null, 8,
|
|
784
|
-
_(
|
|
758
|
+
innerHTML: t.errormsg
|
|
759
|
+
}, null, 8, te)) : p("", !0),
|
|
760
|
+
_(e.$slots, "default")
|
|
785
761
|
], 2);
|
|
786
762
|
}
|
|
787
|
-
const R = /* @__PURE__ */ A(
|
|
763
|
+
const R = /* @__PURE__ */ A(Nt, [["render", ee]]), ae = {
|
|
788
764
|
components: {
|
|
789
765
|
Input: R
|
|
790
766
|
},
|
|
@@ -807,57 +783,57 @@ const R = /* @__PURE__ */ A(Fe, [["render", nt]]), rt = {
|
|
|
807
783
|
required: !1
|
|
808
784
|
}
|
|
809
785
|
}
|
|
810
|
-
},
|
|
811
|
-
/* @__PURE__ */
|
|
786
|
+
}, se = { class: "multiple-file-uploads mb-4" }, ie = { class: "row" }, re = { class: "col-12 col-md me-auto" }, le = /* @__PURE__ */ n("div", { class: "col mw-fit-content" }, [
|
|
787
|
+
/* @__PURE__ */ n("button", {
|
|
812
788
|
type: "button",
|
|
813
789
|
class: "btn btn-tertiary me-0",
|
|
814
790
|
"data-delete": ""
|
|
815
791
|
}, "Delete")
|
|
816
|
-
], -1),
|
|
817
|
-
function
|
|
792
|
+
], -1), oe = ["data-maxfiles"];
|
|
793
|
+
function ne(e, a, t, s, o, l) {
|
|
818
794
|
const i = E("Input");
|
|
819
|
-
return
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
class: v(`${
|
|
795
|
+
return d(), u("div", se, [
|
|
796
|
+
n("div", ie, [
|
|
797
|
+
n("div", {
|
|
798
|
+
class: v(`${t.inputcolclass ? t.inputcolclass : "col-12 col-sm-4"}`)
|
|
823
799
|
}, [
|
|
824
800
|
S(i, {
|
|
825
801
|
type: "file",
|
|
826
|
-
id:
|
|
827
|
-
name: `${
|
|
802
|
+
id: t.id,
|
|
803
|
+
name: `${t.id}[]`,
|
|
828
804
|
label: "Add new file",
|
|
829
805
|
labelclass: "d-none",
|
|
830
806
|
class: "form-control-inline col",
|
|
831
807
|
required: "",
|
|
832
|
-
"data-filesize":
|
|
808
|
+
"data-filesize": t.maxfilesize
|
|
833
809
|
}, null, 8, ["id", "name", "data-filesize"])
|
|
834
810
|
], 2),
|
|
835
|
-
|
|
836
|
-
_(
|
|
811
|
+
n("div", re, [
|
|
812
|
+
_(e.$slots, "default")
|
|
837
813
|
]),
|
|
838
|
-
|
|
814
|
+
le
|
|
839
815
|
]),
|
|
840
|
-
|
|
816
|
+
n("button", {
|
|
841
817
|
type: "button",
|
|
842
818
|
class: "btn btn-secondary me-0",
|
|
843
819
|
"data-add": "",
|
|
844
|
-
"data-maxfiles":
|
|
845
|
-
}, "+ Add file", 8,
|
|
820
|
+
"data-maxfiles": t.maxfiles
|
|
821
|
+
}, "+ Add file", 8, oe)
|
|
846
822
|
]);
|
|
847
823
|
}
|
|
848
|
-
const
|
|
849
|
-
function
|
|
850
|
-
let a =
|
|
824
|
+
const si = /* @__PURE__ */ A(ae, [["render", ne]]);
|
|
825
|
+
function ce(e) {
|
|
826
|
+
let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
|
|
851
827
|
if (a.forEach((s) => {
|
|
852
828
|
s.classList.add("accordion-item");
|
|
853
|
-
}),
|
|
829
|
+
}), t.forEach((s) => {
|
|
854
830
|
s.classList.add("accordion-header"), s.classList.add("accordion-button"), s.classList.add("h4");
|
|
855
|
-
}), !
|
|
856
|
-
const s =
|
|
857
|
-
s.forEach((
|
|
858
|
-
|
|
859
|
-
s.forEach((
|
|
860
|
-
|
|
831
|
+
}), !e.classList.contains("accordion--keep-open")) {
|
|
832
|
+
const s = e.querySelectorAll(":scope > details");
|
|
833
|
+
s.forEach((o) => {
|
|
834
|
+
o.addEventListener("click", () => {
|
|
835
|
+
s.forEach((l) => {
|
|
836
|
+
l !== o && l.removeAttribute("open");
|
|
861
837
|
});
|
|
862
838
|
});
|
|
863
839
|
});
|
|
@@ -868,15 +844,15 @@ window.dataLayer.push({
|
|
|
868
844
|
event: "customElementRegistered",
|
|
869
845
|
element: "accordion"
|
|
870
846
|
});
|
|
871
|
-
const
|
|
872
|
-
class
|
|
847
|
+
const z = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
|
|
848
|
+
class de extends HTMLElement {
|
|
873
849
|
constructor() {
|
|
874
850
|
super(), this.attachShadow({ mode: "open" });
|
|
875
851
|
const a = document.createElement("template");
|
|
876
852
|
a.innerHTML = `
|
|
877
853
|
<style>
|
|
878
|
-
@import "${
|
|
879
|
-
@import "${
|
|
854
|
+
@import "${z}/css/core.min.css";
|
|
855
|
+
@import "${z}/css/components/accordion.css";
|
|
880
856
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
881
857
|
</style>
|
|
882
858
|
<div class="accordion">
|
|
@@ -885,22 +861,22 @@ class yt extends HTMLElement {
|
|
|
885
861
|
`, this.shadowRoot.appendChild(a.content.cloneNode(!0));
|
|
886
862
|
}
|
|
887
863
|
connectedCallback() {
|
|
888
|
-
|
|
864
|
+
ce(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${z}/css/components/accordion.css">`);
|
|
889
865
|
}
|
|
890
866
|
}
|
|
891
|
-
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion",
|
|
892
|
-
const
|
|
867
|
+
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", de);
|
|
868
|
+
const ue = {
|
|
893
869
|
name: "Accordion",
|
|
894
870
|
props: {},
|
|
895
871
|
mounted() {
|
|
896
872
|
}
|
|
897
|
-
},
|
|
898
|
-
function
|
|
899
|
-
return
|
|
900
|
-
_(
|
|
873
|
+
}, he = { ref: "wrapper" };
|
|
874
|
+
function me(e, a, t, s, o, l) {
|
|
875
|
+
return d(), u("iam-accordion", he, [
|
|
876
|
+
_(e.$slots, "default")
|
|
901
877
|
], 512);
|
|
902
878
|
}
|
|
903
|
-
const
|
|
879
|
+
const ii = /* @__PURE__ */ A(ue, [["render", me]]), fe = {
|
|
904
880
|
name: "AccordionItem",
|
|
905
881
|
props: {
|
|
906
882
|
title: {
|
|
@@ -927,7 +903,7 @@ const ci = /* @__PURE__ */ A(bt, [["render", _t]]), gt = {
|
|
|
927
903
|
},
|
|
928
904
|
computed: {
|
|
929
905
|
createID() {
|
|
930
|
-
return (
|
|
906
|
+
return (e) => `${qt(e)}`;
|
|
931
907
|
}
|
|
932
908
|
},
|
|
933
909
|
data() {
|
|
@@ -935,24 +911,24 @@ const ci = /* @__PURE__ */ A(bt, [["render", _t]]), gt = {
|
|
|
935
911
|
show: !this.lazy
|
|
936
912
|
};
|
|
937
913
|
}
|
|
938
|
-
},
|
|
939
|
-
function
|
|
940
|
-
return
|
|
941
|
-
id:
|
|
914
|
+
}, be = ["id"], ye = ["classList"];
|
|
915
|
+
function pe(e, a, t, s, o, l) {
|
|
916
|
+
return d(), u("details", {
|
|
917
|
+
id: l.createID(t.title)
|
|
942
918
|
}, [
|
|
943
|
-
|
|
944
|
-
classList: `${
|
|
919
|
+
n("summary", {
|
|
920
|
+
classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
|
|
945
921
|
}, [
|
|
946
|
-
|
|
947
|
-
|
|
922
|
+
rt(k(t.title), 1),
|
|
923
|
+
t.badge ? (d(), u("span", {
|
|
948
924
|
key: 0,
|
|
949
|
-
class: v(`badge bg-${
|
|
950
|
-
},
|
|
951
|
-
], 8,
|
|
952
|
-
_(
|
|
953
|
-
], 8,
|
|
925
|
+
class: v(`badge bg-${t.badgecolour}`)
|
|
926
|
+
}, k(t.badge), 3)) : p("", !0)
|
|
927
|
+
], 8, ye),
|
|
928
|
+
_(e.$slots, "default")
|
|
929
|
+
], 8, be);
|
|
954
930
|
}
|
|
955
|
-
const
|
|
931
|
+
const ri = /* @__PURE__ */ A(fe, [["render", pe]]), _e = {
|
|
956
932
|
name: "Header",
|
|
957
933
|
props: {
|
|
958
934
|
title: {
|
|
@@ -969,46 +945,51 @@ const di = /* @__PURE__ */ A(gt, [["render", wt]]), St = {
|
|
|
969
945
|
required: !1
|
|
970
946
|
}
|
|
971
947
|
}
|
|
972
|
-
},
|
|
973
|
-
function
|
|
974
|
-
return
|
|
975
|
-
|
|
976
|
-
class: v("bg-" +
|
|
948
|
+
}, ge = { class: "container" }, ve = { class: "row" }, Ae = { class: "col-sm-6" }, we = { class: "pt-5 pb-3 px-4" }, Se = { class: "col-sm-6 col-md-5 ms-auto" }, Le = ["src"];
|
|
949
|
+
function ke(e, a, t, s, o, l) {
|
|
950
|
+
return d(), u("div", ge, [
|
|
951
|
+
n("div", {
|
|
952
|
+
class: v("bg-" + t.background + " mb-4")
|
|
977
953
|
}, [
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
_(
|
|
954
|
+
n("div", ve, [
|
|
955
|
+
n("div", Ae, [
|
|
956
|
+
n("div", we, [
|
|
957
|
+
n("h2", null, k(t.title), 1),
|
|
958
|
+
_(e.$slots, "default")
|
|
983
959
|
])
|
|
984
960
|
]),
|
|
985
|
-
|
|
986
|
-
|
|
961
|
+
n("div", Se, [
|
|
962
|
+
t.image ? (d(), u("img", {
|
|
987
963
|
key: 0,
|
|
988
|
-
src:
|
|
964
|
+
src: t.image,
|
|
989
965
|
alt: "",
|
|
990
966
|
class: "h-100 w-100 object-cover"
|
|
991
|
-
}, null, 8,
|
|
967
|
+
}, null, 8, Le)) : p("", !0)
|
|
992
968
|
])
|
|
993
969
|
])
|
|
994
970
|
], 2)
|
|
995
971
|
]);
|
|
996
972
|
}
|
|
997
|
-
const
|
|
998
|
-
|
|
973
|
+
const li = /* @__PURE__ */ A(_e, [["render", ke]]);
|
|
974
|
+
/*!
|
|
975
|
+
* iamKey v3.7.0
|
|
976
|
+
* Copyright 2022-2023 iamproperty
|
|
977
|
+
*/
|
|
978
|
+
class xe extends HTMLElement {
|
|
999
979
|
constructor() {
|
|
1000
980
|
super(), this.attachShadow({ mode: "open" });
|
|
1001
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets"
|
|
1002
|
-
this.querySelector("
|
|
1003
|
-
let
|
|
1004
|
-
const
|
|
1005
|
-
|
|
981
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
|
|
982
|
+
this.querySelector('[class*="fa-"]') && this.classList.add("card--has-icon");
|
|
983
|
+
let t = this.classList.toString();
|
|
984
|
+
const s = document.createElement("template");
|
|
985
|
+
s.innerHTML = `
|
|
1006
986
|
<style>
|
|
1007
987
|
@import "${a}/css/core.min.css";
|
|
1008
|
-
|
|
988
|
+
.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);outline-offset:-1px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem;margin:-3px var(--card-icon-right) 0 0;font-weight:400;vertical-align:middle}::slotted(span){display:block;font-weight:normal;padding-top:1.5rem;font-size:1rem}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none;background:#eee}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:active,.active) .card__body{background:#fff}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:101%;height:101%;object-fit:cover}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}/*# sourceMappingURL=assets/css/components/card.css.map */
|
|
989
|
+
|
|
1009
990
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
1010
991
|
</style>
|
|
1011
|
-
<div class="card ${
|
|
992
|
+
<div class="card ${t}" tabindex="0" role="button">
|
|
1012
993
|
${this.hasAttribute("data-image") ? `<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>` : ""}
|
|
1013
994
|
<div class="card__body">
|
|
1014
995
|
${this.classList.contains("card--filter") && this.hasAttribute("data-total") ? `<div class="card__total">${this.getAttribute("data-total")}</div>` : ""}
|
|
@@ -1017,17 +998,17 @@ class Ct extends HTMLElement {
|
|
|
1017
998
|
</div>
|
|
1018
999
|
${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
|
|
1019
1000
|
</div>
|
|
1020
|
-
`, this.shadowRoot.appendChild(
|
|
1001
|
+
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
1021
1002
|
}
|
|
1022
1003
|
connectedCallback() {
|
|
1023
|
-
const a = this.parentNode.closest("a, button, label"),
|
|
1024
|
-
a.setAttribute("tabindex", "-1"), a.matches("label[for]") && document.getElementById(a.getAttribute("for")).checked &&
|
|
1025
|
-
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ?
|
|
1026
|
-
}),
|
|
1004
|
+
const a = this.parentNode.closest("a, button, label"), t = this.shadowRoot.querySelector(".card");
|
|
1005
|
+
a.setAttribute("tabindex", "-1"), a.matches("label[for]") && document.getElementById(a.getAttribute("for")).checked && t.classList.add("active"), t.addEventListener("click", (s) => {
|
|
1006
|
+
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? t.classList.remove("active") : t.classList.add("active") : a.click();
|
|
1007
|
+
}), t.addEventListener("keydown", (s) => {
|
|
1027
1008
|
switch (s.keyCode) {
|
|
1028
1009
|
case 32:
|
|
1029
1010
|
case 13:
|
|
1030
|
-
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ?
|
|
1011
|
+
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ? t.classList.remove("active") : t.classList.add("active") : a.click();
|
|
1031
1012
|
break;
|
|
1032
1013
|
}
|
|
1033
1014
|
});
|
|
@@ -1035,77 +1016,77 @@ class Ct extends HTMLElement {
|
|
|
1035
1016
|
static get observedAttributes() {
|
|
1036
1017
|
return ["data-total", "class"];
|
|
1037
1018
|
}
|
|
1038
|
-
attributeChangedCallback(a,
|
|
1019
|
+
attributeChangedCallback(a, t, s) {
|
|
1039
1020
|
switch (a) {
|
|
1040
1021
|
case "data-total": {
|
|
1041
1022
|
this.shadowRoot.querySelector(".card__total").innerHTML = s;
|
|
1042
1023
|
break;
|
|
1043
1024
|
}
|
|
1044
1025
|
case "class": {
|
|
1045
|
-
let
|
|
1046
|
-
this.querySelector("
|
|
1026
|
+
let o = this.classList.toString();
|
|
1027
|
+
this.querySelector('[class*="fa-"]') && (o += " card--has-icon"), this.shadowRoot.querySelector(".card").setAttribute("class", `card ${o}`);
|
|
1047
1028
|
break;
|
|
1048
1029
|
}
|
|
1049
1030
|
}
|
|
1050
1031
|
}
|
|
1051
1032
|
}
|
|
1052
|
-
const
|
|
1033
|
+
const qe = {
|
|
1053
1034
|
name: "Card",
|
|
1054
|
-
|
|
1035
|
+
mounted() {
|
|
1055
1036
|
this.$nextTick(function() {
|
|
1056
|
-
window.customElements.get("iam-card") || window.customElements.define("iam-card",
|
|
1037
|
+
window.customElements.get("iam-card") || window.customElements.define("iam-card", xe);
|
|
1057
1038
|
});
|
|
1058
1039
|
}
|
|
1059
1040
|
};
|
|
1060
|
-
function
|
|
1061
|
-
return
|
|
1062
|
-
_(
|
|
1041
|
+
function $e(e, a, t, s, o, l) {
|
|
1042
|
+
return d(), u("iam-card", null, [
|
|
1043
|
+
_(e.$slots, "default")
|
|
1063
1044
|
]);
|
|
1064
1045
|
}
|
|
1065
|
-
const
|
|
1066
|
-
function
|
|
1046
|
+
const Te = /* @__PURE__ */ A(qe, [["render", $e]]);
|
|
1047
|
+
function He(e) {
|
|
1067
1048
|
var a;
|
|
1068
|
-
let
|
|
1069
|
-
|
|
1070
|
-
let
|
|
1071
|
-
|
|
1049
|
+
let t = e.querySelector(".carousel__inner"), s = e.querySelectorAll(".carousel__item").length;
|
|
1050
|
+
e.getAttribute("data-cols");
|
|
1051
|
+
let o = e.getAttribute("data-sm-cols"), l = e.getAttribute("data-md-cols");
|
|
1052
|
+
e.querySelector(".carousel__controls a").classList.add("active"), t.addEventListener("scroll", function(i) {
|
|
1072
1053
|
clearTimeout(a), a = setTimeout(function() {
|
|
1073
|
-
let
|
|
1074
|
-
Array.from(
|
|
1075
|
-
|
|
1076
|
-
}),
|
|
1054
|
+
let r = t.clientWidth, h = t.scrollWidth, c = t.scrollLeft, f = Math.round(c / h * s) + 1, m = e.querySelector(".carousel__item:last-child").offsetLeft;
|
|
1055
|
+
Array.from(e.querySelectorAll(".carousel__controls a")).forEach((y, g) => {
|
|
1056
|
+
y.classList.remove("active");
|
|
1057
|
+
}), e.querySelector(".control-" + f).classList.add("active"), f == 1 ? e.querySelector(".btn-prev").setAttribute("disabled", "disabled") : e.querySelector(".btn-prev").removeAttribute("disabled"), t.scrollLeft + r > m ? e.querySelector(".btn-next").setAttribute("disabled", "disabled") : e.querySelector(".btn-next").removeAttribute("disabled");
|
|
1077
1058
|
}, 100);
|
|
1078
|
-
}, !1),
|
|
1079
|
-
for (var
|
|
1080
|
-
if (
|
|
1081
|
-
i.preventDefault(), Array.from(
|
|
1082
|
-
|
|
1083
|
-
}),
|
|
1084
|
-
const h = document.querySelector(
|
|
1085
|
-
|
|
1059
|
+
}, !1), e.addEventListener("click", function(i) {
|
|
1060
|
+
for (var r = i.target; r && r != this; r = r.parentNode)
|
|
1061
|
+
if (r.matches(".carousel__controls a")) {
|
|
1062
|
+
i.preventDefault(), Array.from(e.querySelectorAll(".carousel__controls a")).forEach((c, f) => {
|
|
1063
|
+
c.classList.remove("active");
|
|
1064
|
+
}), r.classList.add("active");
|
|
1065
|
+
const h = document.querySelector(r.getAttribute("href"));
|
|
1066
|
+
t.scroll({
|
|
1086
1067
|
top: 0,
|
|
1087
1068
|
left: h.offsetLeft,
|
|
1088
1069
|
behavior: "smooth"
|
|
1089
1070
|
});
|
|
1090
1071
|
break;
|
|
1091
1072
|
}
|
|
1092
|
-
}, !1),
|
|
1093
|
-
for (var
|
|
1094
|
-
if (
|
|
1073
|
+
}, !1), e.addEventListener("click", function(i) {
|
|
1074
|
+
for (var r = i.target; r && r != this; r = r.parentNode)
|
|
1075
|
+
if (r.matches(".btn-next, .btn-prev")) {
|
|
1095
1076
|
i.preventDefault();
|
|
1096
|
-
let h =
|
|
1097
|
-
|
|
1077
|
+
let h = r.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
|
|
1078
|
+
t.scroll({
|
|
1098
1079
|
top: 0,
|
|
1099
1080
|
left: h,
|
|
1100
1081
|
behavior: "smooth"
|
|
1101
1082
|
});
|
|
1102
1083
|
break;
|
|
1103
1084
|
}
|
|
1104
|
-
}, !1), s == 1 &&
|
|
1085
|
+
}, !1), s == 1 && e.classList.add("hide-btns"), o >= s && e.classList.add("hide-sm-btns"), l >= s && e.classList.add("hide-md-btns");
|
|
1105
1086
|
}
|
|
1106
|
-
const
|
|
1087
|
+
const Me = {
|
|
1107
1088
|
components: {
|
|
1108
|
-
Card:
|
|
1089
|
+
Card: Te
|
|
1109
1090
|
},
|
|
1110
1091
|
name: "Carousel",
|
|
1111
1092
|
data() {
|
|
@@ -1174,94 +1155,94 @@ const Rt = {
|
|
|
1174
1155
|
},
|
|
1175
1156
|
computed: {
|
|
1176
1157
|
content() {
|
|
1177
|
-
return (
|
|
1158
|
+
return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
|
|
1178
1159
|
}
|
|
1179
1160
|
},
|
|
1180
1161
|
mounted() {
|
|
1181
1162
|
this.id = this._uid, this.$nextTick(function() {
|
|
1182
|
-
|
|
1163
|
+
He(this.$refs.wrapper);
|
|
1183
1164
|
});
|
|
1184
1165
|
}
|
|
1185
|
-
},
|
|
1166
|
+
}, Ce = ["id", "data-cols", "data-sm-cols", "data-md-cols"], Ee = { class: "carousel__wrapper" }, Ne = { class: "carousel__inner" }, De = ["id"], Re = ["innerHTML", "id"], Pe = ["href"], ze = /* @__PURE__ */ n("button", {
|
|
1186
1167
|
class: "btn btn-prev",
|
|
1187
1168
|
"data-go": "0",
|
|
1188
1169
|
disabled: ""
|
|
1189
|
-
}, "Prev", -1),
|
|
1170
|
+
}, "Prev", -1), Fe = /* @__PURE__ */ n("button", {
|
|
1190
1171
|
class: "btn btn-next",
|
|
1191
1172
|
"data-go": "2"
|
|
1192
1173
|
}, "Next", -1);
|
|
1193
|
-
function
|
|
1174
|
+
function Ie(e, a, t, s, o, l) {
|
|
1194
1175
|
const i = E("Card");
|
|
1195
|
-
return
|
|
1176
|
+
return d(), u("div", {
|
|
1196
1177
|
class: "container carousel",
|
|
1197
|
-
id: "carousel" +
|
|
1178
|
+
id: "carousel" + o.id,
|
|
1198
1179
|
ref: "wrapper",
|
|
1199
|
-
"data-cols":
|
|
1200
|
-
"data-sm-cols":
|
|
1201
|
-
"data-md-cols":
|
|
1180
|
+
"data-cols": t.cols,
|
|
1181
|
+
"data-sm-cols": t.smcols,
|
|
1182
|
+
"data-md-cols": t.mdcols
|
|
1202
1183
|
}, [
|
|
1203
|
-
_(
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1184
|
+
_(e.$slots, "default"),
|
|
1185
|
+
n("div", Ee, [
|
|
1186
|
+
n("div", Ne, [
|
|
1187
|
+
t.type == "card" ? (d(), u("div", {
|
|
1207
1188
|
key: 0,
|
|
1208
|
-
class: v(`row row-cols-${
|
|
1189
|
+
class: v(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1209
1190
|
}, [
|
|
1210
|
-
(
|
|
1211
|
-
class: v(`col carousel__item${
|
|
1191
|
+
(d(!0), u($, null, T(t.items, (r, h) => (d(), u("div", {
|
|
1192
|
+
class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1212
1193
|
key: h,
|
|
1213
|
-
id: "carousel" +
|
|
1194
|
+
id: "carousel" + o.id + "slide" + (h + 1)
|
|
1214
1195
|
}, [
|
|
1215
|
-
S(i, H(
|
|
1216
|
-
class:
|
|
1217
|
-
type:
|
|
1218
|
-
btnyype:
|
|
1219
|
-
titleclass:
|
|
1220
|
-
ctatext:
|
|
1221
|
-
hidectatext:
|
|
1196
|
+
S(i, H(r, {
|
|
1197
|
+
class: t.cardclass,
|
|
1198
|
+
type: t.cardtype,
|
|
1199
|
+
btnyype: t.btntype,
|
|
1200
|
+
titleclass: t.titleclass,
|
|
1201
|
+
ctatext: t.ctatext,
|
|
1202
|
+
hidectatext: t.hidectatext
|
|
1222
1203
|
}), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
|
|
1223
|
-
], 10,
|
|
1204
|
+
], 10, De))), 128))
|
|
1224
1205
|
], 2)) : p("", !0),
|
|
1225
|
-
|
|
1206
|
+
t.type != "card" ? (d(), u("div", {
|
|
1226
1207
|
key: 1,
|
|
1227
|
-
class: v(`row row-cols-${
|
|
1208
|
+
class: v(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap ? `g-${t.gap}` : ""}`)
|
|
1228
1209
|
}, [
|
|
1229
|
-
(
|
|
1230
|
-
class: v(`col carousel__item${
|
|
1210
|
+
(d(!0), u($, null, T(t.items, (r, h) => (d(), u("div", {
|
|
1211
|
+
class: v(`col carousel__item${t.colclass ? ` ${t.colclass}` : ""}`),
|
|
1231
1212
|
key: h,
|
|
1232
|
-
innerHTML:
|
|
1233
|
-
id: "carousel" +
|
|
1234
|
-
}, null, 10,
|
|
1213
|
+
innerHTML: l.content(r),
|
|
1214
|
+
id: "carousel" + o.id + "slide" + (h + 1)
|
|
1215
|
+
}, null, 10, Re))), 128))
|
|
1235
1216
|
], 2)) : p("", !0)
|
|
1236
1217
|
]),
|
|
1237
|
-
|
|
1238
|
-
class: v(`carousel__controls cols-${
|
|
1218
|
+
n("div", {
|
|
1219
|
+
class: v(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
|
|
1239
1220
|
}, [
|
|
1240
|
-
(
|
|
1221
|
+
(d(!0), u($, null, T(t.items, (r, h) => (d(), u("a", {
|
|
1241
1222
|
key: h,
|
|
1242
|
-
href: "#carousel" +
|
|
1223
|
+
href: "#carousel" + o.id + "slide" + (h + 1),
|
|
1243
1224
|
class: v(`control-${h + 1}`)
|
|
1244
|
-
}, "Slide " +
|
|
1225
|
+
}, "Slide " + k(h + 1), 11, Pe))), 128))
|
|
1245
1226
|
], 2),
|
|
1246
|
-
|
|
1247
|
-
|
|
1227
|
+
ze,
|
|
1228
|
+
Fe
|
|
1248
1229
|
])
|
|
1249
|
-
], 8,
|
|
1230
|
+
], 8, Ce);
|
|
1250
1231
|
}
|
|
1251
|
-
const
|
|
1232
|
+
const oi = /* @__PURE__ */ A(Me, [["render", Ie]]);
|
|
1252
1233
|
window.dataLayer = window.dataLayer || [];
|
|
1253
1234
|
window.dataLayer.push({
|
|
1254
1235
|
event: "customElementRegistered",
|
|
1255
1236
|
element: "header"
|
|
1256
1237
|
});
|
|
1257
|
-
class
|
|
1238
|
+
class Be extends HTMLElement {
|
|
1258
1239
|
constructor() {
|
|
1259
1240
|
super(), this.attachShadow({ mode: "open" });
|
|
1260
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
1241
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = `@import "${a}/css/components/header.css";`, s = document.createElement("template");
|
|
1261
1242
|
s.innerHTML = `
|
|
1262
1243
|
<style>
|
|
1263
1244
|
@import "${a}/css/core.min.css";
|
|
1264
|
-
${
|
|
1245
|
+
${t}
|
|
1265
1246
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
1266
1247
|
:host {
|
|
1267
1248
|
max-width:100%!important;
|
|
@@ -1285,12 +1266,12 @@ class Ut extends HTMLElement {
|
|
|
1285
1266
|
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
1286
1267
|
}
|
|
1287
1268
|
connectedCallback() {
|
|
1288
|
-
const a = this.shadowRoot.querySelector("picture"),
|
|
1289
|
-
this.hasAttribute("image") ?
|
|
1269
|
+
const a = this.shadowRoot.querySelector("picture"), t = this.shadowRoot.querySelector("picture source");
|
|
1270
|
+
this.hasAttribute("image") ? t.setAttribute("srcset", this.getAttribute("image")) : a.remove();
|
|
1290
1271
|
}
|
|
1291
1272
|
}
|
|
1292
|
-
window.customElements.get("iam-header") || window.customElements.define("iam-header",
|
|
1293
|
-
const
|
|
1273
|
+
window.customElements.get("iam-header") || window.customElements.define("iam-header", Be);
|
|
1274
|
+
const Ve = {
|
|
1294
1275
|
name: "Header",
|
|
1295
1276
|
props: {
|
|
1296
1277
|
title: {
|
|
@@ -1302,50 +1283,50 @@ const Kt = {
|
|
|
1302
1283
|
required: !1
|
|
1303
1284
|
}
|
|
1304
1285
|
}
|
|
1305
|
-
},
|
|
1306
|
-
function
|
|
1307
|
-
return
|
|
1286
|
+
}, We = ["image"], je = ["innerHTML"];
|
|
1287
|
+
function Oe(e, a, t, s, o, l) {
|
|
1288
|
+
return d(), u("iam-header", {
|
|
1308
1289
|
class: "bg-secondary",
|
|
1309
|
-
image:
|
|
1290
|
+
image: t.image
|
|
1310
1291
|
}, [
|
|
1311
|
-
_(
|
|
1312
|
-
|
|
1292
|
+
_(e.$slots, "breadcrumb"),
|
|
1293
|
+
t.title ? (d(), u("h1", {
|
|
1313
1294
|
key: 0,
|
|
1314
|
-
innerHTML:
|
|
1315
|
-
}, null, 8,
|
|
1316
|
-
_(
|
|
1317
|
-
], 8,
|
|
1295
|
+
innerHTML: t.title
|
|
1296
|
+
}, null, 8, je)) : p("", !0),
|
|
1297
|
+
_(e.$slots, "default")
|
|
1298
|
+
], 8, We);
|
|
1318
1299
|
}
|
|
1319
|
-
const
|
|
1320
|
-
function
|
|
1300
|
+
const ni = /* @__PURE__ */ A(Ve, [["render", Oe]]);
|
|
1301
|
+
function Ue(e) {
|
|
1321
1302
|
var a;
|
|
1322
|
-
const
|
|
1303
|
+
const t = e.querySelector(".testimonial__images"), s = t.querySelectorAll("img").length;
|
|
1323
1304
|
if (s == 1)
|
|
1324
1305
|
return !1;
|
|
1325
|
-
|
|
1326
|
-
const
|
|
1327
|
-
const i =
|
|
1328
|
-
i.setAttribute("data-go",
|
|
1306
|
+
e.classList.add("testimonial--multi");
|
|
1307
|
+
const o = function(l) {
|
|
1308
|
+
const i = e.querySelector(".btn-next"), r = e.querySelector(".btn-prev");
|
|
1309
|
+
i.setAttribute("data-go", l + 1), r.setAttribute("data-go", l - 1), i.removeAttribute("disabled"), r.removeAttribute("disabled"), l == 1 ? r.setAttribute("disabled", !0) : l == s && i.setAttribute("disabled", !0);
|
|
1329
1310
|
};
|
|
1330
|
-
|
|
1311
|
+
t.addEventListener("scroll", function(l) {
|
|
1331
1312
|
clearTimeout(a), a = setTimeout(function() {
|
|
1332
|
-
let i =
|
|
1333
|
-
h == 0 &&
|
|
1313
|
+
let i = t.scrollWidth, r = t.scrollHeight, h = t.scrollLeft, c = t.scrollTop, f = Math.round(h / i * s) + 1;
|
|
1314
|
+
h == 0 && c != 0 && (f = Math.round(c / r * s) + 1), e.setAttribute("data-show", f), o(f);
|
|
1334
1315
|
}, 300);
|
|
1335
|
-
}, !1),
|
|
1336
|
-
for (var i =
|
|
1316
|
+
}, !1), e.addEventListener("click", function(l) {
|
|
1317
|
+
for (var i = l.target; i && i != this; i = i.parentNode)
|
|
1337
1318
|
if (i.matches("[data-go]")) {
|
|
1338
|
-
let
|
|
1339
|
-
|
|
1319
|
+
let r = parseInt(i.getAttribute("data-go")), h = 0, c = 0, f = t.scrollWidth, m = t.scrollHeight;
|
|
1320
|
+
f > m ? c = Math.floor(f * ((r - 1) / s)) : h = Math.floor(m * ((r - 1) / s)), t.scroll({
|
|
1340
1321
|
top: h,
|
|
1341
|
-
left:
|
|
1322
|
+
left: c,
|
|
1342
1323
|
behavior: "smooth"
|
|
1343
1324
|
});
|
|
1344
1325
|
break;
|
|
1345
1326
|
}
|
|
1346
1327
|
}, !1);
|
|
1347
1328
|
}
|
|
1348
|
-
const
|
|
1329
|
+
const Ke = {
|
|
1349
1330
|
name: "Testimonial",
|
|
1350
1331
|
props: {
|
|
1351
1332
|
items: {
|
|
@@ -1359,66 +1340,66 @@ const Xt = {
|
|
|
1359
1340
|
}
|
|
1360
1341
|
},
|
|
1361
1342
|
mounted() {
|
|
1362
|
-
|
|
1343
|
+
Ue(this.$refs.wrapper);
|
|
1363
1344
|
}
|
|
1364
|
-
},
|
|
1345
|
+
}, Ge = {
|
|
1365
1346
|
class: "container testimonial mb-5",
|
|
1366
1347
|
"data-show": "1",
|
|
1367
1348
|
ref: "wrapper"
|
|
1368
|
-
},
|
|
1369
|
-
/* @__PURE__ */
|
|
1349
|
+
}, Qe = { class: "row" }, Ye = { class: "col-md-5 position-relative" }, Ze = { class: "testimonial__images" }, Xe = ["src"], Je = /* @__PURE__ */ n("div", { class: "testimonial__controls" }, [
|
|
1350
|
+
/* @__PURE__ */ n("button", {
|
|
1370
1351
|
"data-go": "0",
|
|
1371
1352
|
disabled: "",
|
|
1372
1353
|
class: "btn-prev"
|
|
1373
1354
|
}, "Previous"),
|
|
1374
|
-
/* @__PURE__ */
|
|
1355
|
+
/* @__PURE__ */ n("button", {
|
|
1375
1356
|
"data-go": "2",
|
|
1376
1357
|
class: "btn-next"
|
|
1377
1358
|
}, "Next")
|
|
1378
|
-
], -1),
|
|
1379
|
-
function
|
|
1380
|
-
return
|
|
1381
|
-
|
|
1382
|
-
class: v("bg-" +
|
|
1359
|
+
], -1), ta = { class: "col-md-7" }, ea = /* @__PURE__ */ n("h2", null, "What our customers think…", -1), aa = { class: "testimonial__content" }, sa = ["innerHTML"], ia = ["innerHTML"], ra = { class: "testimonial__after" }, la = /* @__PURE__ */ n("span", { class: "circle circle--dots d-none d-md-block" }, null, -1);
|
|
1360
|
+
function oa(e, a, t, s, o, l) {
|
|
1361
|
+
return d(), u("div", Ge, [
|
|
1362
|
+
n("div", {
|
|
1363
|
+
class: v("bg-" + t.background)
|
|
1383
1364
|
}, [
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
(
|
|
1388
|
-
key:
|
|
1365
|
+
n("div", Qe, [
|
|
1366
|
+
n("div", Ye, [
|
|
1367
|
+
n("div", Ze, [
|
|
1368
|
+
(d(!0), u($, null, T(t.items, (i, r) => (d(), u("img", {
|
|
1369
|
+
key: r,
|
|
1389
1370
|
src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
|
|
1390
1371
|
alt: "",
|
|
1391
1372
|
class: v("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
|
|
1392
|
-
}, null, 10,
|
|
1373
|
+
}, null, 10, Xe))), 128))
|
|
1393
1374
|
]),
|
|
1394
|
-
|
|
1375
|
+
Je
|
|
1395
1376
|
]),
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
(
|
|
1400
|
-
key:
|
|
1377
|
+
n("div", ta, [
|
|
1378
|
+
ea,
|
|
1379
|
+
n("div", aa, [
|
|
1380
|
+
(d(!0), u($, null, T(t.items, (i, r) => (d(), u("blockquote", {
|
|
1381
|
+
key: r,
|
|
1401
1382
|
class: v(i.class)
|
|
1402
1383
|
}, [
|
|
1403
|
-
|
|
1384
|
+
n("div", {
|
|
1404
1385
|
innerHTML: i.quote
|
|
1405
|
-
}, null, 8,
|
|
1406
|
-
|
|
1386
|
+
}, null, 8, sa),
|
|
1387
|
+
n("cite", {
|
|
1407
1388
|
innerHTML: i.cite
|
|
1408
|
-
}, null, 8,
|
|
1389
|
+
}, null, 8, ia)
|
|
1409
1390
|
], 2))), 128))
|
|
1410
1391
|
]),
|
|
1411
|
-
|
|
1412
|
-
_(
|
|
1392
|
+
n("div", ra, [
|
|
1393
|
+
_(e.$slots, "default")
|
|
1413
1394
|
])
|
|
1414
1395
|
])
|
|
1415
1396
|
]),
|
|
1416
|
-
|
|
1397
|
+
la
|
|
1417
1398
|
], 2)
|
|
1418
1399
|
], 512);
|
|
1419
1400
|
}
|
|
1420
|
-
const
|
|
1421
|
-
const
|
|
1401
|
+
const ci = /* @__PURE__ */ A(Ke, [["render", oa]]);
|
|
1402
|
+
const na = {
|
|
1422
1403
|
components: {
|
|
1423
1404
|
Input: R
|
|
1424
1405
|
},
|
|
@@ -1545,8 +1526,8 @@ const ma = {
|
|
|
1545
1526
|
};
|
|
1546
1527
|
},
|
|
1547
1528
|
methods: {
|
|
1548
|
-
locationKeyup: function(
|
|
1549
|
-
this.$emit("locationKeyup",
|
|
1529
|
+
locationKeyup: function(e) {
|
|
1530
|
+
this.$emit("locationKeyup", e);
|
|
1550
1531
|
}
|
|
1551
1532
|
},
|
|
1552
1533
|
computed: {
|
|
@@ -1554,8 +1535,8 @@ const ma = {
|
|
|
1554
1535
|
get() {
|
|
1555
1536
|
return this.locationSave ? this.locationSave : this.location;
|
|
1556
1537
|
},
|
|
1557
|
-
set(
|
|
1558
|
-
this.locationSave =
|
|
1538
|
+
set(e) {
|
|
1539
|
+
this.locationSave = e, this.$emit("input", e);
|
|
1559
1540
|
}
|
|
1560
1541
|
},
|
|
1561
1542
|
locationsList() {
|
|
@@ -1564,43 +1545,43 @@ const ma = {
|
|
|
1564
1545
|
];
|
|
1565
1546
|
}
|
|
1566
1547
|
}
|
|
1567
|
-
},
|
|
1548
|
+
}, ca = {
|
|
1568
1549
|
class: "container",
|
|
1569
1550
|
ref: "wrapper"
|
|
1570
|
-
},
|
|
1551
|
+
}, da = { class: "property-searchbar" }, ua = ["action", "method"], ha = { class: "col-12 col-md-3" }, ma = { class: "col-12 col-md" }, fa = /* @__PURE__ */ n("span", { class: "form-label d-none d-md-block" }, "Price range", -1), ba = {
|
|
1571
1552
|
class: "row",
|
|
1572
1553
|
"data-input-range": ""
|
|
1573
|
-
},
|
|
1554
|
+
}, ya = { class: "col-12 col-md" }, pa = /* @__PURE__ */ n("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), _a = {
|
|
1574
1555
|
class: "row",
|
|
1575
1556
|
"data-input-range": ""
|
|
1576
|
-
},
|
|
1577
|
-
/* @__PURE__ */
|
|
1557
|
+
}, ga = { class: "col-12 col-md-2" }, va = /* @__PURE__ */ n("div", { class: "col-12 col-md mw-md-fit-content d-flex property-searchbar__btn" }, [
|
|
1558
|
+
/* @__PURE__ */ n("button", {
|
|
1578
1559
|
class: "btn w-100 me-0",
|
|
1579
1560
|
type: "submit",
|
|
1580
1561
|
value: "submit"
|
|
1581
1562
|
}, "Search")
|
|
1582
1563
|
], -1);
|
|
1583
|
-
function
|
|
1564
|
+
function Aa(e, a, t, s, o, l) {
|
|
1584
1565
|
const i = E("Input");
|
|
1585
|
-
return
|
|
1586
|
-
_(
|
|
1587
|
-
|
|
1588
|
-
|
|
1566
|
+
return d(), u("div", ca, [
|
|
1567
|
+
_(e.$slots, "default"),
|
|
1568
|
+
n("div", da, [
|
|
1569
|
+
n("form", {
|
|
1589
1570
|
class: "row",
|
|
1590
|
-
action:
|
|
1591
|
-
method:
|
|
1571
|
+
action: t.formaction,
|
|
1572
|
+
method: t.formmethod
|
|
1592
1573
|
}, [
|
|
1593
|
-
|
|
1574
|
+
n("fieldset", ha, [
|
|
1594
1575
|
S(i, {
|
|
1595
1576
|
inputClass: "input--locations",
|
|
1596
|
-
modelValue:
|
|
1597
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
1577
|
+
modelValue: l.locationSet,
|
|
1578
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => l.locationSet = r),
|
|
1598
1579
|
label: "Location",
|
|
1599
1580
|
id: "location",
|
|
1600
|
-
options:
|
|
1581
|
+
options: l.locationsList(),
|
|
1601
1582
|
required: "",
|
|
1602
1583
|
placeholder: "i.e. Newcastle or NE1",
|
|
1603
|
-
onKeyupEvent: a[1] || (a[1] = (
|
|
1584
|
+
onKeyupEvent: a[1] || (a[1] = (r) => l.locationKeyup(...arguments)),
|
|
1604
1585
|
ref: "search"
|
|
1605
1586
|
}, null, 8, ["modelValue", "options"]),
|
|
1606
1587
|
S(i, {
|
|
@@ -1608,19 +1589,19 @@ function qa(t, a, e, s, r, n) {
|
|
|
1608
1589
|
label: "Miles",
|
|
1609
1590
|
id: "miles",
|
|
1610
1591
|
type: "select",
|
|
1611
|
-
options:
|
|
1592
|
+
options: t.distances
|
|
1612
1593
|
}, null, 8, ["options"])
|
|
1613
1594
|
]),
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1595
|
+
n("fieldset", ma, [
|
|
1596
|
+
fa,
|
|
1597
|
+
n("div", ba, [
|
|
1617
1598
|
S(i, {
|
|
1618
1599
|
class: "col-6",
|
|
1619
1600
|
label: "Minimum price",
|
|
1620
1601
|
id: "price-min",
|
|
1621
1602
|
"data-min": "true",
|
|
1622
1603
|
type: "select",
|
|
1623
|
-
options:
|
|
1604
|
+
options: t.pricemin
|
|
1624
1605
|
}, null, 8, ["options"]),
|
|
1625
1606
|
S(i, {
|
|
1626
1607
|
class: "col-6",
|
|
@@ -1628,20 +1609,20 @@ function qa(t, a, e, s, r, n) {
|
|
|
1628
1609
|
id: "price-max",
|
|
1629
1610
|
"data-max": "true",
|
|
1630
1611
|
type: "select",
|
|
1631
|
-
options:
|
|
1612
|
+
options: t.pricemax
|
|
1632
1613
|
}, null, 8, ["options"])
|
|
1633
1614
|
])
|
|
1634
1615
|
]),
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1616
|
+
n("fieldset", ya, [
|
|
1617
|
+
pa,
|
|
1618
|
+
n("div", _a, [
|
|
1638
1619
|
S(i, {
|
|
1639
1620
|
class: "col-6",
|
|
1640
1621
|
label: "Minimum beds",
|
|
1641
1622
|
id: "beds-min",
|
|
1642
1623
|
"data-min": "true",
|
|
1643
1624
|
type: "select",
|
|
1644
|
-
options:
|
|
1625
|
+
options: t.bedsmin
|
|
1645
1626
|
}, null, 8, ["options"]),
|
|
1646
1627
|
S(i, {
|
|
1647
1628
|
class: "col-6",
|
|
@@ -1649,41 +1630,40 @@ function qa(t, a, e, s, r, n) {
|
|
|
1649
1630
|
id: "beds-max",
|
|
1650
1631
|
"data-max": "true",
|
|
1651
1632
|
type: "select",
|
|
1652
|
-
options:
|
|
1633
|
+
options: t.bedsmax
|
|
1653
1634
|
}, null, 8, ["options"])
|
|
1654
1635
|
])
|
|
1655
1636
|
]),
|
|
1656
|
-
|
|
1637
|
+
n("fieldset", ga, [
|
|
1657
1638
|
S(i, {
|
|
1658
1639
|
label: "Property type",
|
|
1659
1640
|
id: "property-type",
|
|
1660
1641
|
type: "select",
|
|
1661
|
-
options:
|
|
1642
|
+
options: t.propertytypes
|
|
1662
1643
|
}, null, 8, ["options"])
|
|
1663
1644
|
]),
|
|
1664
|
-
|
|
1665
|
-
], 8,
|
|
1645
|
+
va
|
|
1646
|
+
], 8, ua)
|
|
1666
1647
|
]),
|
|
1667
|
-
_(
|
|
1648
|
+
_(e.$slots, "after")
|
|
1668
1649
|
], 512);
|
|
1669
1650
|
}
|
|
1670
|
-
const
|
|
1671
|
-
Array.from(
|
|
1651
|
+
const di = /* @__PURE__ */ A(na, [["render", Aa]]), wa = (e) => {
|
|
1652
|
+
Array.from(e.querySelectorAll("details")).forEach((a, t) => {
|
|
1672
1653
|
a.addEventListener("mouseenter", function(s) {
|
|
1673
1654
|
window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
|
|
1674
1655
|
}, !1), a.addEventListener("mouseleave", function(s) {
|
|
1675
1656
|
window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
|
|
1676
1657
|
}, !1);
|
|
1677
1658
|
}), "IntersectionObserver" in window && new IntersectionObserver(
|
|
1678
|
-
([
|
|
1659
|
+
([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
|
|
1679
1660
|
{ threshold: [1] }
|
|
1680
|
-
).observe(
|
|
1661
|
+
).observe(e);
|
|
1681
1662
|
};
|
|
1682
|
-
const
|
|
1663
|
+
const Sa = {
|
|
1683
1664
|
components: {
|
|
1684
1665
|
Input: R,
|
|
1685
|
-
Logo:
|
|
1686
|
-
Icon: he
|
|
1666
|
+
Logo: ht
|
|
1687
1667
|
},
|
|
1688
1668
|
name: "Nav",
|
|
1689
1669
|
props: {
|
|
@@ -1730,8 +1710,8 @@ const $a = {
|
|
|
1730
1710
|
};
|
|
1731
1711
|
},
|
|
1732
1712
|
methods: {
|
|
1733
|
-
subIsActive(
|
|
1734
|
-
return (Array.isArray(
|
|
1713
|
+
subIsActive(e) {
|
|
1714
|
+
return (Array.isArray(e) ? e : [e]).some((t) => this.$route.path.indexOf(t) === 0);
|
|
1735
1715
|
}
|
|
1736
1716
|
},
|
|
1737
1717
|
computed: {
|
|
@@ -1753,61 +1733,61 @@ const $a = {
|
|
|
1753
1733
|
},
|
|
1754
1734
|
mounted() {
|
|
1755
1735
|
this.$nextTick(function() {
|
|
1756
|
-
|
|
1736
|
+
wa(this.$refs.wrapper);
|
|
1757
1737
|
});
|
|
1758
1738
|
}
|
|
1759
|
-
},
|
|
1739
|
+
}, La = /* @__PURE__ */ n("input", {
|
|
1760
1740
|
type: "checkbox",
|
|
1761
1741
|
name: "showMenu",
|
|
1762
1742
|
id: "showMenu",
|
|
1763
1743
|
class: "d-none"
|
|
1764
|
-
}, null, -1),
|
|
1744
|
+
}, null, -1), ka = /* @__PURE__ */ n("input", {
|
|
1765
1745
|
type: "checkbox",
|
|
1766
1746
|
name: "showSearch",
|
|
1767
1747
|
id: "showSearch",
|
|
1768
1748
|
class: "d-none"
|
|
1769
|
-
}, null, -1),
|
|
1749
|
+
}, null, -1), xa = /* @__PURE__ */ n("input", {
|
|
1770
1750
|
type: "checkbox",
|
|
1771
1751
|
name: "showAccount",
|
|
1772
1752
|
id: "showAccount",
|
|
1773
1753
|
class: "d-none"
|
|
1774
|
-
}, null, -1),
|
|
1754
|
+
}, null, -1), qa = { class: "nav__mobile-bar" }, $a = { class: "container" }, Ta = { class: "row" }, Ha = {
|
|
1775
1755
|
key: 0,
|
|
1776
1756
|
class: "col mw-md-fit-content nav__logo"
|
|
1777
|
-
},
|
|
1757
|
+
}, Ma = {
|
|
1778
1758
|
key: 1,
|
|
1779
1759
|
class: "col mw-md-fit-content nav__logo"
|
|
1780
|
-
},
|
|
1760
|
+
}, Ca = {
|
|
1781
1761
|
href: "/",
|
|
1782
1762
|
class: "text-decoration-none mb-0"
|
|
1783
|
-
},
|
|
1784
|
-
/* @__PURE__ */
|
|
1785
|
-
], -1),
|
|
1763
|
+
}, Ea = /* @__PURE__ */ n("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
|
|
1764
|
+
/* @__PURE__ */ n("label", { for: "showMenu" }, "Menu")
|
|
1765
|
+
], -1), Na = { class: "nav__inner" }, Da = { class: "container" }, Ra = { class: "row" }, Pa = {
|
|
1786
1766
|
key: 0,
|
|
1787
1767
|
class: "col mw-md-fit-content nav__logo"
|
|
1788
|
-
},
|
|
1768
|
+
}, za = {
|
|
1789
1769
|
key: 1,
|
|
1790
1770
|
class: "col mw-md-fit-content nav__logo"
|
|
1791
|
-
},
|
|
1771
|
+
}, Fa = {
|
|
1792
1772
|
href: "/",
|
|
1793
1773
|
class: "text-decoration-none mb-0"
|
|
1794
|
-
},
|
|
1774
|
+
}, Ia = {
|
|
1795
1775
|
key: 2,
|
|
1796
1776
|
class: "col mw-fit-content nav__search-btn flex-row align-items-center"
|
|
1797
|
-
},
|
|
1798
|
-
/* @__PURE__ */
|
|
1777
|
+
}, Ba = /* @__PURE__ */ n("label", { for: "showSearch" }, [
|
|
1778
|
+
/* @__PURE__ */ n("svg", {
|
|
1799
1779
|
class: "icon",
|
|
1800
1780
|
viewBox: "0 0 32 32"
|
|
1801
1781
|
}, [
|
|
1802
|
-
/* @__PURE__ */
|
|
1803
|
-
/* @__PURE__ */
|
|
1782
|
+
/* @__PURE__ */ n("title", null, "Search"),
|
|
1783
|
+
/* @__PURE__ */ n("ellipse", {
|
|
1804
1784
|
cx: "14.92",
|
|
1805
1785
|
cy: "13.81",
|
|
1806
1786
|
rx: "11.92",
|
|
1807
1787
|
ry: "11.81",
|
|
1808
1788
|
class: "icon__outline"
|
|
1809
1789
|
}),
|
|
1810
|
-
/* @__PURE__ */
|
|
1790
|
+
/* @__PURE__ */ n("line", {
|
|
1811
1791
|
x1: "22.68",
|
|
1812
1792
|
y1: "22.75",
|
|
1813
1793
|
x2: "30",
|
|
@@ -1815,152 +1795,152 @@ const $a = {
|
|
|
1815
1795
|
class: "icon__outline"
|
|
1816
1796
|
})
|
|
1817
1797
|
])
|
|
1818
|
-
], -1),
|
|
1819
|
-
|
|
1820
|
-
],
|
|
1821
|
-
/* @__PURE__ */
|
|
1822
|
-
], -1),
|
|
1798
|
+
], -1), Va = [
|
|
1799
|
+
Ba
|
|
1800
|
+
], Wa = /* @__PURE__ */ n("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
|
|
1801
|
+
/* @__PURE__ */ n("label", { for: "showMenu" }, "Menu")
|
|
1802
|
+
], -1), ja = { class: "col-12 col-md nav__menu ms-auto flex-row align-items-center" }, Oa = {
|
|
1823
1803
|
key: 3,
|
|
1824
1804
|
class: "col nav__account-btn flex-row align-items-center"
|
|
1825
|
-
},
|
|
1826
|
-
/* @__PURE__ */
|
|
1805
|
+
}, Ua = /* @__PURE__ */ n("label", { for: "showAccount" }, [
|
|
1806
|
+
/* @__PURE__ */ n("svg", {
|
|
1827
1807
|
class: "icon",
|
|
1828
1808
|
viewBox: "0 0 28 28"
|
|
1829
1809
|
}, [
|
|
1830
|
-
/* @__PURE__ */
|
|
1810
|
+
/* @__PURE__ */ n("path", {
|
|
1831
1811
|
d: "M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",
|
|
1832
1812
|
transform: "translate(0 -0.001)"
|
|
1833
1813
|
}),
|
|
1834
|
-
/* @__PURE__ */
|
|
1814
|
+
/* @__PURE__ */ n("path", {
|
|
1835
1815
|
d: "M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",
|
|
1836
1816
|
transform: "translate(8.8 4.8)"
|
|
1837
1817
|
})
|
|
1838
1818
|
]),
|
|
1839
|
-
/* @__PURE__ */
|
|
1840
|
-
], -1),
|
|
1841
|
-
|
|
1842
|
-
],
|
|
1819
|
+
/* @__PURE__ */ n("span", null, "My account")
|
|
1820
|
+
], -1), Ka = [
|
|
1821
|
+
Ua
|
|
1822
|
+
], Ga = {
|
|
1843
1823
|
key: 4,
|
|
1844
1824
|
class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
|
|
1845
|
-
},
|
|
1825
|
+
}, Qa = ["href", "innerHTML"], Ya = {
|
|
1846
1826
|
key: 0,
|
|
1847
1827
|
class: "nav__menu--secondary"
|
|
1848
|
-
},
|
|
1828
|
+
}, Za = { class: "container" }, Xa = {
|
|
1849
1829
|
key: 1,
|
|
1850
1830
|
class: "nav__menu--search"
|
|
1851
|
-
},
|
|
1831
|
+
}, Ja = { class: "bg-gradient pt-4" }, ts = { class: "container" }, es = {
|
|
1852
1832
|
key: 0,
|
|
1853
1833
|
class: "nav__menu--account"
|
|
1854
|
-
},
|
|
1834
|
+
}, as = { class: "container" }, ss = { class: "row mb-4" }, is = {
|
|
1855
1835
|
key: 0,
|
|
1856
1836
|
class: "col mw-md-fit-content nav__logo"
|
|
1857
|
-
},
|
|
1837
|
+
}, rs = {
|
|
1858
1838
|
key: 1,
|
|
1859
1839
|
class: "col mw-md-fit-content nav__logo"
|
|
1860
|
-
},
|
|
1840
|
+
}, ls = {
|
|
1861
1841
|
href: "/",
|
|
1862
1842
|
class: "text-decoration-none mb-0"
|
|
1863
|
-
},
|
|
1864
|
-
/* @__PURE__ */
|
|
1865
|
-
], -1),
|
|
1866
|
-
function
|
|
1843
|
+
}, os = /* @__PURE__ */ n("div", { class: "col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn" }, [
|
|
1844
|
+
/* @__PURE__ */ n("label", { for: "showAccount" }, "Account")
|
|
1845
|
+
], -1), ns = { class: "container" }, cs = /* @__PURE__ */ n("span", { class: "nav__bg" }, null, -1);
|
|
1846
|
+
function ds(e, a, t, s, o, l) {
|
|
1867
1847
|
const i = E("Logo");
|
|
1868
|
-
return
|
|
1869
|
-
class: v(`nav${
|
|
1848
|
+
return d(), u("nav", {
|
|
1849
|
+
class: v(`nav${l.hasSecondarySlot ? " has-secondary" : ""}`),
|
|
1870
1850
|
ref: "wrapper"
|
|
1871
1851
|
}, [
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
_(
|
|
1880
|
-
])) : (
|
|
1881
|
-
|
|
1852
|
+
La,
|
|
1853
|
+
ka,
|
|
1854
|
+
xa,
|
|
1855
|
+
n("div", qa, [
|
|
1856
|
+
n("div", $a, [
|
|
1857
|
+
n("div", Ta, [
|
|
1858
|
+
l.hasLogoSlot ? (d(), u("div", Ha, [
|
|
1859
|
+
_(e.$slots, "logo")
|
|
1860
|
+
])) : (d(), u("div", Ma, [
|
|
1861
|
+
n("a", Ca, [
|
|
1882
1862
|
S(i, {
|
|
1883
|
-
id:
|
|
1884
|
-
path:
|
|
1885
|
-
desc:
|
|
1863
|
+
id: t.logo,
|
|
1864
|
+
path: t.logopath,
|
|
1865
|
+
desc: t.logotext,
|
|
1886
1866
|
class: "pb-0"
|
|
1887
1867
|
}, null, 8, ["id", "path", "desc"])
|
|
1888
1868
|
])
|
|
1889
1869
|
])),
|
|
1890
|
-
|
|
1870
|
+
Ea
|
|
1891
1871
|
])
|
|
1892
1872
|
])
|
|
1893
1873
|
]),
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
_(
|
|
1899
|
-
])) : (
|
|
1900
|
-
|
|
1874
|
+
n("div", Na, [
|
|
1875
|
+
n("div", Da, [
|
|
1876
|
+
n("div", Ra, [
|
|
1877
|
+
l.hasLogoSlot ? (d(), u("div", Pa, [
|
|
1878
|
+
_(e.$slots, "logo")
|
|
1879
|
+
])) : (d(), u("div", za, [
|
|
1880
|
+
n("a", Fa, [
|
|
1901
1881
|
S(i, {
|
|
1902
|
-
id:
|
|
1903
|
-
path:
|
|
1904
|
-
desc:
|
|
1882
|
+
id: t.logo,
|
|
1883
|
+
path: t.logopath,
|
|
1884
|
+
desc: t.logotext,
|
|
1905
1885
|
class: "pb-0"
|
|
1906
1886
|
}, null, 8, ["id", "path", "desc"])
|
|
1907
1887
|
])
|
|
1908
1888
|
])),
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
_(
|
|
1889
|
+
l.hasSearchSlot ? (d(), u("div", Ia, Va)) : p("", !0),
|
|
1890
|
+
Wa,
|
|
1891
|
+
n("div", ja, [
|
|
1892
|
+
_(e.$slots, "default")
|
|
1913
1893
|
]),
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
href:
|
|
1894
|
+
l.hasAccountSlot ? (d(), u("div", Oa, Ka)) : p("", !0),
|
|
1895
|
+
t.btnlink ? (d(), u("div", Ga, [
|
|
1896
|
+
n("a", {
|
|
1897
|
+
href: t.btnlink,
|
|
1918
1898
|
class: "btn me-0",
|
|
1919
|
-
innerHTML:
|
|
1920
|
-
}, null, 8,
|
|
1899
|
+
innerHTML: t.btntext
|
|
1900
|
+
}, null, 8, Qa)
|
|
1921
1901
|
])) : p("", !0)
|
|
1922
1902
|
])
|
|
1923
1903
|
]),
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
_(
|
|
1904
|
+
l.hasSecondarySlot ? (d(), u("div", Ya, [
|
|
1905
|
+
n("div", Za, [
|
|
1906
|
+
_(e.$slots, "secondary")
|
|
1927
1907
|
])
|
|
1928
1908
|
])) : p("", !0),
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
_(
|
|
1909
|
+
l.hasSearchSlot ? (d(), u("div", Xa, [
|
|
1910
|
+
n("div", Ja, [
|
|
1911
|
+
n("div", ts, [
|
|
1912
|
+
_(e.$slots, "search")
|
|
1933
1913
|
])
|
|
1934
1914
|
])
|
|
1935
1915
|
])) : p("", !0)
|
|
1936
1916
|
]),
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
_(
|
|
1942
|
-
])) : (
|
|
1943
|
-
|
|
1917
|
+
l.hasAccountSlot ? (d(), u("div", es, [
|
|
1918
|
+
n("div", as, [
|
|
1919
|
+
n("div", ss, [
|
|
1920
|
+
l.hasLogoSlot ? (d(), u("div", is, [
|
|
1921
|
+
_(e.$slots, "logo")
|
|
1922
|
+
])) : (d(), u("div", rs, [
|
|
1923
|
+
n("a", ls, [
|
|
1944
1924
|
S(i, {
|
|
1945
|
-
id:
|
|
1946
|
-
path:
|
|
1947
|
-
desc:
|
|
1925
|
+
id: t.logo,
|
|
1926
|
+
path: t.logopath,
|
|
1927
|
+
desc: t.logotext,
|
|
1948
1928
|
class: "pb-0"
|
|
1949
1929
|
}, null, 8, ["id", "path", "desc"])
|
|
1950
1930
|
])
|
|
1951
1931
|
])),
|
|
1952
|
-
|
|
1932
|
+
os
|
|
1953
1933
|
])
|
|
1954
1934
|
]),
|
|
1955
|
-
|
|
1956
|
-
_(
|
|
1935
|
+
n("div", ns, [
|
|
1936
|
+
_(e.$slots, "account")
|
|
1957
1937
|
])
|
|
1958
1938
|
])) : p("", !0),
|
|
1959
|
-
|
|
1939
|
+
cs
|
|
1960
1940
|
], 2);
|
|
1961
1941
|
}
|
|
1962
|
-
const
|
|
1963
|
-
const
|
|
1942
|
+
const ui = /* @__PURE__ */ A(Sa, [["render", ds]]);
|
|
1943
|
+
const us = {
|
|
1964
1944
|
name: "Stepper",
|
|
1965
1945
|
props: {
|
|
1966
1946
|
label: {
|
|
@@ -1973,25 +1953,25 @@ const bs = {
|
|
|
1973
1953
|
default: "Complete"
|
|
1974
1954
|
}
|
|
1975
1955
|
}
|
|
1976
|
-
},
|
|
1956
|
+
}, hs = { class: "container" }, ms = ["aria-label"], fs = {
|
|
1977
1957
|
key: 0,
|
|
1978
1958
|
class: "h6 stepper__start"
|
|
1979
|
-
},
|
|
1980
|
-
function
|
|
1981
|
-
return
|
|
1982
|
-
|
|
1959
|
+
}, bs = { class: "list-unstyled" }, ys = { class: "h6 stepper__end" };
|
|
1960
|
+
function ps(e, a, t, s, o, l) {
|
|
1961
|
+
return d(), u("div", hs, [
|
|
1962
|
+
n("nav", {
|
|
1983
1963
|
class: "stepper",
|
|
1984
|
-
"aria-label":
|
|
1964
|
+
"aria-label": t.label ? t.label : "Progress"
|
|
1985
1965
|
}, [
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
_(
|
|
1966
|
+
t.label ? (d(), u("span", fs, k(t.label), 1)) : p("", !0),
|
|
1967
|
+
n("ol", bs, [
|
|
1968
|
+
_(e.$slots, "default")
|
|
1989
1969
|
]),
|
|
1990
|
-
|
|
1991
|
-
], 8,
|
|
1970
|
+
n("span", ys, k(t.endlabel), 1)
|
|
1971
|
+
], 8, ms)
|
|
1992
1972
|
]);
|
|
1993
1973
|
}
|
|
1994
|
-
const
|
|
1974
|
+
const hi = /* @__PURE__ */ A(us, [["render", ps]]), _s = {
|
|
1995
1975
|
name: "Stepper",
|
|
1996
1976
|
props: {
|
|
1997
1977
|
url: {
|
|
@@ -2007,74 +1987,74 @@ const pi = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
|
|
|
2007
1987
|
required: !1
|
|
2008
1988
|
}
|
|
2009
1989
|
}
|
|
2010
|
-
},
|
|
1990
|
+
}, gs = ["href", "aria-current"], vs = {
|
|
2011
1991
|
key: 0,
|
|
2012
1992
|
class: "visually-hidden"
|
|
2013
1993
|
};
|
|
2014
|
-
function
|
|
2015
|
-
return
|
|
2016
|
-
|
|
2017
|
-
href:
|
|
2018
|
-
class: v(`${
|
|
2019
|
-
"aria-current": typeof
|
|
1994
|
+
function As(e, a, t, s, o, l) {
|
|
1995
|
+
return d(), u("li", null, [
|
|
1996
|
+
n("a", {
|
|
1997
|
+
href: t.url,
|
|
1998
|
+
class: v(`${t.status ? "bg-" + t.status : ""}${typeof t.current < "u" ? "current" : ""}`),
|
|
1999
|
+
"aria-current": typeof t.current < "u"
|
|
2020
2000
|
}, [
|
|
2021
|
-
|
|
2022
|
-
_(
|
|
2001
|
+
n("span", null, [
|
|
2002
|
+
_(e.$slots, "default")
|
|
2023
2003
|
]),
|
|
2024
|
-
|
|
2025
|
-
], 10,
|
|
2004
|
+
t.status ? (d(), u("em", vs, " - status: " + k(t.status), 1)) : p("", !0)
|
|
2005
|
+
], 10, gs)
|
|
2026
2006
|
]);
|
|
2027
2007
|
}
|
|
2028
|
-
const
|
|
2029
|
-
const a =
|
|
2030
|
-
|
|
2031
|
-
let
|
|
2032
|
-
|
|
2033
|
-
let
|
|
2034
|
-
|
|
2008
|
+
const mi = /* @__PURE__ */ A(_s, [["render", As]]), ws = function(e) {
|
|
2009
|
+
const a = e.querySelectorAll(":scope > details");
|
|
2010
|
+
e.querySelectorAll(":scope > details > summary");
|
|
2011
|
+
let t = e.querySelector(":scope > .tabs__links");
|
|
2012
|
+
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((s, o) => {
|
|
2013
|
+
let l = s.querySelector(":scope > summary");
|
|
2014
|
+
l.classList.add("visually-hidden");
|
|
2035
2015
|
let i = document.createElement("button");
|
|
2036
|
-
s.hasAttribute("id") && (i = document.createElement("a"), i.setAttribute("href", `#${s.getAttribute("id")}`)), s.hasAttribute("open") && i.setAttribute("aria-pressed", !0), i.innerHTML = `${
|
|
2016
|
+
s.hasAttribute("id") && (i = document.createElement("a"), i.setAttribute("href", `#${s.getAttribute("id")}`)), s.hasAttribute("open") && i.setAttribute("aria-pressed", !0), i.innerHTML = `${l.innerText}`, i.classList.add("link"), i.setAttribute("data-index", o), i.setAttribute("tabindex", "-1"), t.appendChild(i);
|
|
2037
2017
|
});
|
|
2038
|
-
},
|
|
2039
|
-
let a =
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
let
|
|
2044
|
-
i.setAttribute("aria-pressed",
|
|
2045
|
-
}), a.forEach((i,
|
|
2046
|
-
let h =
|
|
2018
|
+
}, Ss = function(e) {
|
|
2019
|
+
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > details > summary"), s = e.querySelectorAll(":scope .tabs__links > .link");
|
|
2020
|
+
e.shadowRoot && (s = e.shadowRoot.querySelectorAll(".tabs__links > .link")), s.forEach((o) => {
|
|
2021
|
+
o.addEventListener("click", (l) => {
|
|
2022
|
+
l.preventDefault(), s.forEach((i) => {
|
|
2023
|
+
let r = i == o;
|
|
2024
|
+
i.setAttribute("aria-pressed", r);
|
|
2025
|
+
}), a.forEach((i, r) => {
|
|
2026
|
+
let h = o.getAttribute("data-index") == r;
|
|
2047
2027
|
h ? i.setAttribute("open", h) : i.removeAttribute("open");
|
|
2048
|
-
}),
|
|
2028
|
+
}), o.hasAttribute("href") && history.pushState(void 0, void 0, o.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
2049
2029
|
event: "openTab",
|
|
2050
|
-
tabTitle:
|
|
2030
|
+
tabTitle: o.textContent
|
|
2051
2031
|
});
|
|
2052
2032
|
});
|
|
2053
|
-
}),
|
|
2054
|
-
|
|
2055
|
-
s.forEach((
|
|
2056
|
-
|
|
2057
|
-
}), s[
|
|
2058
|
-
}),
|
|
2059
|
-
i.preventDefault(), s[
|
|
2033
|
+
}), t.forEach((o, l) => {
|
|
2034
|
+
o.addEventListener("focus", (i) => {
|
|
2035
|
+
s.forEach((r) => {
|
|
2036
|
+
r.classList.remove("focus");
|
|
2037
|
+
}), s[l].classList.add("focus");
|
|
2038
|
+
}), o.addEventListener("click", (i) => {
|
|
2039
|
+
i.preventDefault(), s[l].click();
|
|
2060
2040
|
});
|
|
2061
2041
|
});
|
|
2062
|
-
},
|
|
2063
|
-
let a =
|
|
2064
|
-
|
|
2065
|
-
},
|
|
2066
|
-
|
|
2042
|
+
}, Ls = function(e) {
|
|
2043
|
+
let a = e.querySelectorAll(":scope > details"), t = e.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");
|
|
2044
|
+
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));
|
|
2045
|
+
}, ks = function(e) {
|
|
2046
|
+
ws(e), Ss(e), Ls(e);
|
|
2067
2047
|
};
|
|
2068
2048
|
window.dataLayer = window.dataLayer || [];
|
|
2069
2049
|
window.dataLayer.push({
|
|
2070
2050
|
event: "customElementRegistered",
|
|
2071
2051
|
element: "tabs"
|
|
2072
2052
|
});
|
|
2073
|
-
class
|
|
2053
|
+
class xs extends HTMLElement {
|
|
2074
2054
|
constructor() {
|
|
2075
2055
|
super(), this.attachShadow({ mode: "open" });
|
|
2076
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
2077
|
-
|
|
2056
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.createElement("template");
|
|
2057
|
+
t.innerHTML = `
|
|
2078
2058
|
<style>
|
|
2079
2059
|
@import "${a}/css/core.min.css";
|
|
2080
2060
|
|
|
@@ -2088,23 +2068,23 @@ class Cs extends HTMLElement {
|
|
|
2088
2068
|
<div class="tabs__links"></div>
|
|
2089
2069
|
<slot></slot>
|
|
2090
2070
|
</div>
|
|
2091
|
-
`, this.shadowRoot.appendChild(
|
|
2071
|
+
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2092
2072
|
}
|
|
2093
2073
|
connectedCallback() {
|
|
2094
2074
|
let a = this.classList.toString().replace("container", "");
|
|
2095
|
-
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`),
|
|
2075
|
+
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), ks(this);
|
|
2096
2076
|
}
|
|
2097
2077
|
}
|
|
2098
|
-
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs",
|
|
2099
|
-
const
|
|
2078
|
+
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", xs);
|
|
2079
|
+
const qs = {
|
|
2100
2080
|
name: "Tabs"
|
|
2101
|
-
},
|
|
2102
|
-
function
|
|
2103
|
-
return
|
|
2104
|
-
_(
|
|
2081
|
+
}, $s = { ref: "wrapper" };
|
|
2082
|
+
function Ts(e, a, t, s, o, l) {
|
|
2083
|
+
return d(), u("iam-tabs", $s, [
|
|
2084
|
+
_(e.$slots, "default")
|
|
2105
2085
|
], 512);
|
|
2106
2086
|
}
|
|
2107
|
-
const
|
|
2087
|
+
const fi = /* @__PURE__ */ A(qs, [["render", Ts]]), Hs = {
|
|
2108
2088
|
name: "Tab",
|
|
2109
2089
|
props: {
|
|
2110
2090
|
title: {
|
|
@@ -2122,44 +2102,44 @@ const gi = /* @__PURE__ */ A(Ms, [["render", Ns]]), Ds = {
|
|
|
2122
2102
|
};
|
|
2123
2103
|
},
|
|
2124
2104
|
watch: {
|
|
2125
|
-
show(
|
|
2126
|
-
console.log(
|
|
2105
|
+
show(e, a) {
|
|
2106
|
+
console.log(e);
|
|
2127
2107
|
}
|
|
2128
2108
|
}
|
|
2129
|
-
},
|
|
2130
|
-
function
|
|
2131
|
-
return
|
|
2132
|
-
|
|
2133
|
-
_(
|
|
2109
|
+
}, Ms = { class: "tab" }, Cs = ["innerHTML"];
|
|
2110
|
+
function Es(e, a, t, s, o, l) {
|
|
2111
|
+
return d(), u("details", Ms, [
|
|
2112
|
+
n("summary", { innerHTML: t.title }, null, 8, Cs),
|
|
2113
|
+
_(e.$slots, "default")
|
|
2134
2114
|
]);
|
|
2135
2115
|
}
|
|
2136
|
-
const
|
|
2137
|
-
function
|
|
2138
|
-
if (
|
|
2139
|
-
for (var s =
|
|
2116
|
+
const bi = /* @__PURE__ */ A(Hs, [["render", Es]]);
|
|
2117
|
+
function Ns(e) {
|
|
2118
|
+
if (e.addEventListener("click", function(t) {
|
|
2119
|
+
for (var s = t.target; s && s != this; s = s.parentNode)
|
|
2140
2120
|
if (s.matches(".btn-close")) {
|
|
2141
|
-
|
|
2142
|
-
|
|
2121
|
+
t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
|
|
2122
|
+
e.remove();
|
|
2143
2123
|
}, 300);
|
|
2144
2124
|
break;
|
|
2145
2125
|
}
|
|
2146
|
-
}, !1),
|
|
2147
|
-
let
|
|
2126
|
+
}, !1), e.hasAttribute("data-timeout")) {
|
|
2127
|
+
let t = e.getAttribute("data-timeout");
|
|
2148
2128
|
setTimeout(function() {
|
|
2149
|
-
|
|
2150
|
-
|
|
2129
|
+
e.classList.remove("show"), setTimeout(function() {
|
|
2130
|
+
e.remove();
|
|
2151
2131
|
}, 300);
|
|
2152
|
-
},
|
|
2132
|
+
}, t);
|
|
2153
2133
|
}
|
|
2154
2134
|
if (!document.querySelector(".alert__holder")) {
|
|
2155
2135
|
document.getElementsByTagName("BODY")[0];
|
|
2156
|
-
let
|
|
2157
|
-
|
|
2136
|
+
let t = document.createElement("div");
|
|
2137
|
+
t.classList.add("alert__holder"), document.querySelector("main") ? document.querySelector("main").appendChild(t) : document.body.appendChild(t);
|
|
2158
2138
|
}
|
|
2159
2139
|
let a = document.querySelector(".alert__holder");
|
|
2160
|
-
|
|
2140
|
+
e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && a.appendChild(e);
|
|
2161
2141
|
}
|
|
2162
|
-
const
|
|
2142
|
+
const Ds = {
|
|
2163
2143
|
name: "Alert",
|
|
2164
2144
|
props: {
|
|
2165
2145
|
dismissible: {
|
|
@@ -2178,37 +2158,37 @@ const Bs = {
|
|
|
2178
2158
|
}
|
|
2179
2159
|
},
|
|
2180
2160
|
mounted() {
|
|
2181
|
-
|
|
2161
|
+
Ns(this.$refs.wrapper);
|
|
2182
2162
|
}
|
|
2183
|
-
},
|
|
2163
|
+
}, Rs = ["data-timeout"], Ps = {
|
|
2184
2164
|
key: 0,
|
|
2185
2165
|
type: "button",
|
|
2186
2166
|
class: "btn-close",
|
|
2187
2167
|
"data-bs-dismiss": "alert",
|
|
2188
2168
|
"aria-label": "Close"
|
|
2189
2169
|
};
|
|
2190
|
-
function
|
|
2191
|
-
return
|
|
2192
|
-
class: v(`container alert pb-0 ${
|
|
2170
|
+
function zs(e, a, t, s, o, l) {
|
|
2171
|
+
return d(), u("div", {
|
|
2172
|
+
class: v(`container alert pb-0 ${t.dismissible ? "alert--dismissible fade show" : ""}`),
|
|
2193
2173
|
ref: "wrapper",
|
|
2194
|
-
"data-timeout":
|
|
2195
|
-
style:
|
|
2174
|
+
"data-timeout": t.timeout,
|
|
2175
|
+
style: lt(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
|
|
2196
2176
|
}, [
|
|
2197
|
-
|
|
2198
|
-
class: v(`alert__inner bg-${
|
|
2177
|
+
n("div", {
|
|
2178
|
+
class: v(`alert__inner bg-${t.colour}`),
|
|
2199
2179
|
role: "alert"
|
|
2200
2180
|
}, [
|
|
2201
|
-
|
|
2202
|
-
_(
|
|
2181
|
+
t.dismissible ? (d(), u("button", Ps)) : p("", !0),
|
|
2182
|
+
_(e.$slots, "default")
|
|
2203
2183
|
], 2)
|
|
2204
|
-
], 14,
|
|
2184
|
+
], 14, Rs);
|
|
2205
2185
|
}
|
|
2206
|
-
const
|
|
2207
|
-
let
|
|
2208
|
-
|
|
2209
|
-
const
|
|
2186
|
+
const yi = /* @__PURE__ */ A(Ds, [["render", zs]]);
|
|
2187
|
+
let et = tt.props;
|
|
2188
|
+
et.fields.required = !1;
|
|
2189
|
+
const Fs = {
|
|
2210
2190
|
components: {
|
|
2211
|
-
Table:
|
|
2191
|
+
Table: tt,
|
|
2212
2192
|
Input: R
|
|
2213
2193
|
},
|
|
2214
2194
|
data() {
|
|
@@ -2218,17 +2198,17 @@ const Ws = {
|
|
|
2218
2198
|
};
|
|
2219
2199
|
},
|
|
2220
2200
|
methods: {
|
|
2221
|
-
submitForm: function(
|
|
2201
|
+
submitForm: function(e) {
|
|
2222
2202
|
console.log(this);
|
|
2223
|
-
const a = new FormData(
|
|
2224
|
-
let
|
|
2225
|
-
const s =
|
|
2226
|
-
let
|
|
2227
|
-
|
|
2228
|
-
date_added:
|
|
2203
|
+
const a = new FormData(e.target);
|
|
2204
|
+
let t = /* @__PURE__ */ new Date();
|
|
2205
|
+
const s = t.getFullYear();
|
|
2206
|
+
let o = t.getMonth() + 1, l = t.getDate();
|
|
2207
|
+
l < 10 && (l = "0" + l), o < 10 && (o = "0" + o), t = l + "/" + o + "/" + s, this.itemsData.unshift({
|
|
2208
|
+
date_added: t,
|
|
2229
2209
|
user: a.get("user"),
|
|
2230
2210
|
note: a.get("addNote")
|
|
2231
|
-
}), this.$emit("formSubmitted",
|
|
2211
|
+
}), this.$emit("formSubmitted", e);
|
|
2232
2212
|
}
|
|
2233
2213
|
},
|
|
2234
2214
|
name: "NoteFeed",
|
|
@@ -2237,7 +2217,7 @@ const Ws = {
|
|
|
2237
2217
|
type: String,
|
|
2238
2218
|
required: !0
|
|
2239
2219
|
},
|
|
2240
|
-
...
|
|
2220
|
+
...et,
|
|
2241
2221
|
title: {
|
|
2242
2222
|
type: String,
|
|
2243
2223
|
required: !1
|
|
@@ -2252,93 +2232,93 @@ const Ws = {
|
|
|
2252
2232
|
required: !1
|
|
2253
2233
|
}
|
|
2254
2234
|
}
|
|
2255
|
-
},
|
|
2256
|
-
function
|
|
2257
|
-
const i = E("Table"),
|
|
2258
|
-
return
|
|
2259
|
-
|
|
2235
|
+
}, Is = { class: "container note-feed mb-2" }, Bs = ["innerHTML"], Vs = ["action", "method"], Ws = ["value"], js = /* @__PURE__ */ n("button", { class: "btn btn-tertiary" }, "Submit note", -1);
|
|
2236
|
+
function Os(e, a, t, s, o, l) {
|
|
2237
|
+
const i = E("Table"), r = E("Input");
|
|
2238
|
+
return d(), u("div", Is, [
|
|
2239
|
+
t.title ? (d(), u("span", {
|
|
2260
2240
|
key: 0,
|
|
2261
2241
|
class: "h3",
|
|
2262
|
-
innerHTML:
|
|
2263
|
-
}, null, 8,
|
|
2242
|
+
innerHTML: t.title
|
|
2243
|
+
}, null, 8, Bs)) : p("", !0),
|
|
2264
2244
|
S(i, H({
|
|
2265
2245
|
fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
|
|
2266
|
-
items:
|
|
2267
|
-
},
|
|
2268
|
-
|
|
2269
|
-
action:
|
|
2270
|
-
method:
|
|
2271
|
-
onSubmit: a[0] || (a[0] =
|
|
2246
|
+
items: o.itemsData
|
|
2247
|
+
}, e.$props, { class: "mb-0" }), null, 16, ["items"]),
|
|
2248
|
+
n("form", {
|
|
2249
|
+
action: t.action,
|
|
2250
|
+
method: t.method,
|
|
2251
|
+
onSubmit: a[0] || (a[0] = ot((h) => l.submitForm(...arguments), ["prevent"]))
|
|
2272
2252
|
}, [
|
|
2273
|
-
|
|
2253
|
+
n("input", {
|
|
2274
2254
|
type: "hidden",
|
|
2275
|
-
value:
|
|
2255
|
+
value: t.user,
|
|
2276
2256
|
name: "user"
|
|
2277
|
-
}, null, 8,
|
|
2278
|
-
S(
|
|
2257
|
+
}, null, 8, Ws),
|
|
2258
|
+
S(r, {
|
|
2279
2259
|
id: "addNote",
|
|
2280
2260
|
type: "textarea",
|
|
2281
2261
|
label: "Add note",
|
|
2282
2262
|
required: "",
|
|
2283
2263
|
class: "mw-100"
|
|
2284
2264
|
}),
|
|
2285
|
-
|
|
2286
|
-
], 40,
|
|
2265
|
+
js
|
|
2266
|
+
], 40, Vs)
|
|
2287
2267
|
]);
|
|
2288
2268
|
}
|
|
2289
|
-
const
|
|
2290
|
-
function
|
|
2291
|
-
function
|
|
2292
|
-
let
|
|
2293
|
-
i.includes("[]") && (i = i.replace("[]", `[${
|
|
2294
|
-
let
|
|
2295
|
-
|
|
2296
|
-
let h =
|
|
2297
|
-
if (
|
|
2298
|
-
let
|
|
2299
|
-
if (i = "",
|
|
2300
|
-
let g =
|
|
2301
|
-
if (i += `${
|
|
2302
|
-
let
|
|
2303
|
-
|
|
2269
|
+
const pi = /* @__PURE__ */ A(Fs, [["render", Os]]);
|
|
2270
|
+
function Us(e, a) {
|
|
2271
|
+
function t(s, o) {
|
|
2272
|
+
let l = !1, i = o.getAttribute("name");
|
|
2273
|
+
i.includes("[]") && (i = i.replace("[]", `[${o.value}]`));
|
|
2274
|
+
let r = s.querySelector(`[data-name="${i}"]`);
|
|
2275
|
+
r && o.getAttribute("type") == "checkbox" && (l = !0);
|
|
2276
|
+
let h = o.getAttribute("data-filter-text");
|
|
2277
|
+
if (r || (r = document.createElement("button"), s.appendChild(r)), r.setAttribute("type", "button"), r.classList.add("filter"), r.setAttribute("data-name", i), r.innerHTML = h.replace("$value", o.value), (!o.value || l) && r.remove(), o.parentNode.closest("[data-filter-text]")) {
|
|
2278
|
+
let c = o.parentNode.closest("[data-filter-text]"), f = !0;
|
|
2279
|
+
if (i = "", c.querySelectorAll("input").forEach((m, y) => {
|
|
2280
|
+
let g = m.getAttribute("name");
|
|
2281
|
+
if (i += `${y != 0 ? "," : ""}${g}`, s.querySelector(`[data-name="${g}"]`) && s.querySelector(`[data-name="${g}"]`).remove(), m.value) {
|
|
2282
|
+
let b = document.createElement("button");
|
|
2283
|
+
b.setAttribute("type", "button"), b.classList.add("filter"), b.setAttribute("data-name", g), b.innerHTML = h.replace("$value", m.value), s.appendChild(b);
|
|
2304
2284
|
} else
|
|
2305
|
-
|
|
2306
|
-
}), s.querySelector(`[data-name="${i}"]`) && s.querySelector(`[data-name="${i}"]`).remove(),
|
|
2307
|
-
let
|
|
2308
|
-
|
|
2309
|
-
let
|
|
2310
|
-
s.querySelector(`[data-name="${
|
|
2285
|
+
f = !1;
|
|
2286
|
+
}), s.querySelector(`[data-name="${i}"]`) && s.querySelector(`[data-name="${i}"]`).remove(), f) {
|
|
2287
|
+
let m = c.getAttribute("data-filter-text");
|
|
2288
|
+
c.querySelectorAll("input").forEach((g, b) => {
|
|
2289
|
+
let M = g.getAttribute("name");
|
|
2290
|
+
s.querySelector(`[data-name="${M}"]`) && s.querySelector(`[data-name="${M}"]`).remove(), m = m.replace(`$${b + 1}`, g.value);
|
|
2311
2291
|
});
|
|
2312
|
-
let
|
|
2313
|
-
|
|
2292
|
+
let y = document.createElement("button");
|
|
2293
|
+
y.setAttribute("type", "button"), y.classList.add("filter"), y.setAttribute("data-name", i), y.innerHTML = m, s.appendChild(y);
|
|
2314
2294
|
}
|
|
2315
2295
|
}
|
|
2316
2296
|
}
|
|
2317
|
-
Array.from(
|
|
2318
|
-
|
|
2319
|
-
}),
|
|
2297
|
+
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((s, o) => {
|
|
2298
|
+
t(a, s);
|
|
2299
|
+
}), e.addEventListener("change", function(s) {
|
|
2320
2300
|
if (s && s.target instanceof HTMLElement && s.target.closest("input[data-filter-text]")) {
|
|
2321
|
-
let
|
|
2322
|
-
|
|
2301
|
+
let o = s.target.closest("input[data-filter-text]");
|
|
2302
|
+
t(a, o);
|
|
2323
2303
|
}
|
|
2324
2304
|
}, !1), a.addEventListener("click", function(s) {
|
|
2325
2305
|
if (s && s.target instanceof HTMLElement && s.target.closest(".filter")) {
|
|
2326
|
-
let i = s.target.closest(".filter"),
|
|
2327
|
-
for (var
|
|
2328
|
-
let h =
|
|
2306
|
+
let i = s.target.closest(".filter"), r = i.getAttribute("data-name").split(",");
|
|
2307
|
+
for (var o = 0; o < r.length; o++) {
|
|
2308
|
+
let h = r[o], c = `[name="${h}"]`;
|
|
2329
2309
|
if (h.match(/\[(.*)\]/)) {
|
|
2330
|
-
let
|
|
2331
|
-
|
|
2310
|
+
let m = h.replace(/\[(.*)\]/, "[]"), y = h.replace(/.*\[(.*)\]/, "$1");
|
|
2311
|
+
c = `[name="${m}"][value="${y}"]`;
|
|
2332
2312
|
}
|
|
2333
|
-
let
|
|
2334
|
-
for (var
|
|
2335
|
-
let
|
|
2336
|
-
if (
|
|
2337
|
-
|
|
2313
|
+
let f = e.querySelectorAll(c);
|
|
2314
|
+
for (var l = 0; l < f.length; l++) {
|
|
2315
|
+
let m = f[l];
|
|
2316
|
+
if (m.getAttribute("type") != "radio" && m.getAttribute("type") != "checkbox")
|
|
2317
|
+
m.value = "";
|
|
2338
2318
|
else {
|
|
2339
|
-
|
|
2319
|
+
m.checked = !1;
|
|
2340
2320
|
var s = new Event("force");
|
|
2341
|
-
|
|
2321
|
+
m.closest("form").dispatchEvent(s);
|
|
2342
2322
|
}
|
|
2343
2323
|
}
|
|
2344
2324
|
}
|
|
@@ -2346,53 +2326,53 @@ function Zs(t, a) {
|
|
|
2346
2326
|
}
|
|
2347
2327
|
}, !1);
|
|
2348
2328
|
}
|
|
2349
|
-
const
|
|
2350
|
-
class
|
|
2329
|
+
const at = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", Ks = `@import "${at}/css/components/applied-filters.css";`;
|
|
2330
|
+
class Gs extends HTMLElement {
|
|
2351
2331
|
constructor() {
|
|
2352
2332
|
super(), this.attachShadow({ mode: "open" });
|
|
2353
2333
|
let a = this.classList.toString();
|
|
2354
|
-
const
|
|
2355
|
-
|
|
2334
|
+
const t = document.createElement("template");
|
|
2335
|
+
t.innerHTML = `
|
|
2356
2336
|
<style>
|
|
2357
|
-
@import "${
|
|
2358
|
-
${
|
|
2337
|
+
@import "${at}/css/core.min.css";
|
|
2338
|
+
${Ks}
|
|
2359
2339
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2360
2340
|
</style>
|
|
2361
2341
|
<div class="applied-filters ${a}"></div>
|
|
2362
2342
|
<slot></slot>
|
|
2363
|
-
`, this.shadowRoot.appendChild(
|
|
2343
|
+
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2364
2344
|
}
|
|
2365
2345
|
connectedCallback() {
|
|
2366
|
-
|
|
2346
|
+
Us(this, this.shadowRoot.querySelector(".applied-filters"));
|
|
2367
2347
|
}
|
|
2368
2348
|
}
|
|
2369
|
-
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters",
|
|
2370
|
-
const
|
|
2349
|
+
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Gs);
|
|
2350
|
+
const Qs = {
|
|
2371
2351
|
name: "Header"
|
|
2372
2352
|
};
|
|
2373
|
-
function
|
|
2374
|
-
return
|
|
2375
|
-
_(
|
|
2353
|
+
function Ys(e, a, t, s, o, l) {
|
|
2354
|
+
return d(), u("iam-applied-filters", null, [
|
|
2355
|
+
_(e.$slots, "default")
|
|
2376
2356
|
]);
|
|
2377
2357
|
}
|
|
2378
|
-
const
|
|
2379
|
-
function
|
|
2380
|
-
|
|
2358
|
+
const _i = /* @__PURE__ */ A(Qs, [["render", Ys]]);
|
|
2359
|
+
function Zs(e, a) {
|
|
2360
|
+
Xs(e, a);
|
|
2381
2361
|
}
|
|
2382
|
-
function
|
|
2383
|
-
var
|
|
2362
|
+
function Xs(e, a) {
|
|
2363
|
+
var t;
|
|
2384
2364
|
a.addEventListener("keyup", (s) => {
|
|
2385
|
-
clearTimeout(
|
|
2386
|
-
G(
|
|
2365
|
+
clearTimeout(t), t = setTimeout(function() {
|
|
2366
|
+
G(e, a.value);
|
|
2387
2367
|
}, 500);
|
|
2388
2368
|
}), a.addEventListener("change", (s) => {
|
|
2389
|
-
clearTimeout(
|
|
2369
|
+
clearTimeout(t), G(e, a.value);
|
|
2390
2370
|
});
|
|
2391
2371
|
}
|
|
2392
|
-
const G = function(
|
|
2393
|
-
Array.from(
|
|
2394
|
-
let
|
|
2395
|
-
|
|
2372
|
+
const G = function(e, a) {
|
|
2373
|
+
Array.from(e.querySelectorAll(":scope > li")).forEach((t, s) => {
|
|
2374
|
+
let o = t.textContent.toLowerCase();
|
|
2375
|
+
t.classList.add("d-none"), o.includes(a.toLowerCase()) && t.classList.remove("d-none");
|
|
2396
2376
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
2397
2377
|
event: "Filtered list",
|
|
2398
2378
|
value: a
|
|
@@ -2403,11 +2383,11 @@ window.dataLayer.push({
|
|
|
2403
2383
|
event: "customElementRegistered",
|
|
2404
2384
|
element: "filterlist"
|
|
2405
2385
|
});
|
|
2406
|
-
class
|
|
2386
|
+
class Js extends HTMLElement {
|
|
2407
2387
|
constructor() {
|
|
2408
2388
|
super(), this.attachShadow({ mode: "open" });
|
|
2409
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
2410
|
-
|
|
2389
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.createElement("template");
|
|
2390
|
+
t.innerHTML = `
|
|
2411
2391
|
<style>
|
|
2412
2392
|
@import "${a}/css/core.min.css";
|
|
2413
2393
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
@@ -2434,44 +2414,43 @@ class ii extends HTMLElement {
|
|
|
2434
2414
|
<div class="list__wrapper">
|
|
2435
2415
|
<slot></slot>
|
|
2436
2416
|
</div>
|
|
2437
|
-
`, this.shadowRoot.appendChild(
|
|
2417
|
+
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2438
2418
|
}
|
|
2439
2419
|
connectedCallback() {
|
|
2440
2420
|
let a = this.classList.toString();
|
|
2441
|
-
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>'),
|
|
2421
|
+
this.shadowRoot.querySelector(".list__wrapper").setAttribute("class", `list__wrapper ${a}`), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), Zs(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
|
|
2442
2422
|
}
|
|
2443
2423
|
}
|
|
2444
|
-
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist",
|
|
2445
|
-
const
|
|
2424
|
+
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Js);
|
|
2425
|
+
const ti = {
|
|
2446
2426
|
name: "Filter list"
|
|
2447
2427
|
};
|
|
2448
|
-
function
|
|
2449
|
-
return
|
|
2450
|
-
_(
|
|
2428
|
+
function ei(e, a, t, s, o, l) {
|
|
2429
|
+
return d(), u("iam-filterlist", null, [
|
|
2430
|
+
_(e.$slots, "default")
|
|
2451
2431
|
]);
|
|
2452
2432
|
}
|
|
2453
|
-
const
|
|
2433
|
+
const gi = /* @__PURE__ */ A(ti, [["render", ei]]);
|
|
2454
2434
|
export {
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
he as Icon,
|
|
2435
|
+
ii as Accordion,
|
|
2436
|
+
ri as AccordionItem,
|
|
2437
|
+
yi as Alert,
|
|
2438
|
+
_i as AppliedFilters,
|
|
2439
|
+
li as Banner,
|
|
2440
|
+
Te as Card,
|
|
2441
|
+
oi as Carousel,
|
|
2442
|
+
si as FileUploads,
|
|
2443
|
+
gi as Filterlist,
|
|
2444
|
+
ni as Header,
|
|
2466
2445
|
R as Input,
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2446
|
+
ht as Logo,
|
|
2447
|
+
ui as Nav,
|
|
2448
|
+
pi as NoteFeed,
|
|
2449
|
+
di as PropertySearchbar,
|
|
2450
|
+
mi as Step,
|
|
2451
|
+
hi as Stepper,
|
|
2452
|
+
bi as Tab,
|
|
2453
|
+
tt as Table,
|
|
2454
|
+
fi as Tabs,
|
|
2455
|
+
ci as Testimonial
|
|
2477
2456
|
};
|