@iamproperty/components 3.5.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/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.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/nav.css +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/pagination.css +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/table.css +1 -1
- package/assets/css/components/table.css.map +1 -1
- package/assets/css/components/tabs.css +1 -1
- package/assets/css/components/tabs.css.map +1 -1
- package/assets/css/components/tooltips.css +1 -1
- package/assets/css/components/tooltips.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 +5 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/filterlist/filterlist.component.js +13 -9
- package/assets/js/components/filterlist/filterlist.component.min.js +14 -5
- package/assets/js/components/filterlist/filterlist.component.min.js.map +1 -1
- package/assets/js/components/header/header.component.min.js +5 -5
- package/assets/js/components/table/table.component.js +23 -9
- package/assets/js/components/table/table.component.min.js +21 -11
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.js +6 -2
- package/assets/js/components/tabs/tabs.component.min.js +7 -5
- 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/applied-filters.js +6 -2
- package/assets/js/modules/dialogs.js +173 -0
- package/assets/js/modules/helpers.js +1 -84
- package/assets/js/modules/table.js +35 -21
- package/assets/js/modules/tabs.js +2 -2
- package/assets/js/scripts.bundle.js +53 -31
- 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 +16 -2
- package/assets/sass/_corefiles.scss +3 -0
- package/assets/sass/_functions/functions.scss +2 -3
- package/assets/sass/_functions/mixins.scss +2 -18
- package/assets/sass/_functions/utilities.scss +35 -3
- package/assets/sass/_functions/variables.scss +70 -82
- package/assets/sass/_tests/colours.spec.scss +8 -8
- package/assets/sass/_tests/func.spec.scss +1 -1
- package/assets/sass/components/admin-panel.scss +95 -37
- package/assets/sass/components/applied-filters.scss +4 -0
- package/assets/sass/components/card.scss +39 -28
- package/assets/sass/components/charts.scss +2 -2
- package/assets/sass/components/dialog.scss +342 -30
- package/assets/sass/components/forms.scss +2 -2
- package/assets/sass/components/lists.scss +16 -33
- package/assets/sass/components/pagination.scss +4 -0
- package/assets/sass/components/table.scss +160 -39
- package/assets/sass/components/tabs.scss +54 -98
- package/assets/sass/components/tooltips.scss +1 -1
- package/assets/sass/foundations/buttons.scss +69 -58
- package/assets/sass/foundations/icons.scss +14 -69
- package/assets/sass/foundations/reboot.scss +17 -8
- package/assets/sass/foundations/root.scss +51 -48
- package/assets/sass/foundations/type.scss +4 -0
- package/assets/sass/helpers/max-height.scss +18 -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/filterlist/filterlist.component.ts +13 -11
- package/assets/ts/components/table/table.component.ts +24 -10
- package/assets/ts/components/tabs/tabs.component.ts +7 -2
- 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/applied-filters.ts +9 -3
- package/assets/ts/modules/dialogs.ts +237 -0
- package/assets/ts/modules/helpers.ts +1 -115
- package/assets/ts/modules/table.ts +47 -26
- package/assets/ts/modules/tabs.ts +3 -2
- package/assets/ts/tests/table.spec.ts +16 -4
- package/dist/components.es.js +1027 -1017
- package/dist/components.umd.js +50 -24
- package/dist/style.css +1 -1
- 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,273 +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
|
-
},
|
|
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
|
-
|
|
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>`;
|
|
102
|
+
else {
|
|
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>`;
|
|
105
|
+
}
|
|
124
106
|
});
|
|
125
|
-
},
|
|
126
|
-
|
|
107
|
+
}, _t = (e) => {
|
|
108
|
+
e.addEventListener("click", (a) => {
|
|
127
109
|
if (a && a.target instanceof HTMLElement && a.target.closest("tr > :is(td,th):first-child button")) {
|
|
128
|
-
let
|
|
129
|
-
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();
|
|
130
112
|
}
|
|
131
113
|
});
|
|
132
|
-
},
|
|
133
|
-
let
|
|
134
|
-
if (!
|
|
114
|
+
}, Y = (e, a) => {
|
|
115
|
+
let t = a.querySelector("[data-search]");
|
|
116
|
+
if (!t)
|
|
135
117
|
return !1;
|
|
136
|
-
const s =
|
|
137
|
-
let
|
|
138
|
-
|
|
139
|
-
Array.from(
|
|
140
|
-
|
|
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;
|
|
141
123
|
});
|
|
142
|
-
}),
|
|
143
|
-
},
|
|
144
|
-
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;
|
|
145
127
|
let i = function() {
|
|
146
|
-
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));
|
|
147
129
|
};
|
|
148
|
-
a.addEventListener("keyup", (
|
|
149
|
-
clearTimeout(
|
|
130
|
+
a.addEventListener("keyup", (r) => {
|
|
131
|
+
clearTimeout(l), r && r.target instanceof HTMLElement && r.target.closest("[data-search]") && (l = setTimeout(function() {
|
|
150
132
|
i();
|
|
151
133
|
}, 500));
|
|
152
|
-
}), a.addEventListener("change", (
|
|
153
|
-
clearTimeout(
|
|
154
|
-
}), a.addEventListener("click", (
|
|
155
|
-
clearTimeout(
|
|
156
|
-
}), a.addEventListener("submit", (
|
|
157
|
-
clearTimeout(
|
|
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) => {
|
|
141
|
+
i();
|
|
158
142
|
});
|
|
159
|
-
},
|
|
143
|
+
}, K = (e, a, t) => {
|
|
160
144
|
if (a.getAttribute("data-ajax"))
|
|
161
145
|
return !1;
|
|
162
|
-
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");
|
|
163
147
|
if (!i)
|
|
164
|
-
return s.innerHTML =
|
|
165
|
-
let
|
|
166
|
-
["asc", "desc", "descending"].includes(
|
|
167
|
-
let
|
|
168
|
-
Array.from(s.querySelectorAll("tr")).forEach((
|
|
169
|
-
let
|
|
170
|
-
|
|
171
|
-
const
|
|
172
|
-
index:
|
|
173
|
-
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
|
|
174
158
|
};
|
|
175
|
-
|
|
176
|
-
}),
|
|
177
|
-
let
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}), s.innerHTML =
|
|
181
|
-
},
|
|
182
|
-
|
|
183
|
-
let s = [],
|
|
184
|
-
if (Array.from(
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
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);
|
|
189
175
|
else
|
|
190
|
-
|
|
176
|
+
c.value && (s[c.getAttribute("data-filter")] || (s[c.getAttribute("data-filter")] = new Array()), s[c.getAttribute("data-filter")].push(c.value));
|
|
191
177
|
}), a.querySelector("[data-search]")) {
|
|
192
|
-
let
|
|
193
|
-
a.querySelector("[data-search]").getAttribute("data-search").split(",").forEach((
|
|
194
|
-
|
|
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}` });
|
|
195
181
|
});
|
|
196
182
|
}
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
}), s.length && Array.from(a.querySelectorAll("[data-filter-count]")).forEach((
|
|
200
|
-
|
|
201
|
-
}),
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
u.classList.remove("filtered"), u.classList.remove("filtered--matched"), u.classList.remove("filtered--show"), u.removeAttribute("data-filtered-by");
|
|
205
|
-
});
|
|
206
|
-
for (const [u, m] of Object.entries(s))
|
|
207
|
-
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) => {
|
|
208
190
|
let g = !1;
|
|
209
|
-
|
|
210
|
-
let
|
|
211
|
-
if (
|
|
212
|
-
|
|
213
|
-
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") {
|
|
214
196
|
let w = /* @__PURE__ */ new Date();
|
|
215
|
-
w.setDate(w.getDate() - 1),
|
|
216
|
-
} else if (
|
|
217
|
-
let w = /* @__PURE__ */ new Date(),
|
|
218
|
-
if (w.setHours(0, 0, 0, 0),
|
|
219
|
-
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;
|
|
220
202
|
else {
|
|
221
|
-
let
|
|
222
|
-
|
|
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;
|
|
223
205
|
}
|
|
224
|
-
} else if (
|
|
225
|
-
let w = /* @__PURE__ */ new Date(),
|
|
226
|
-
var B = new Date(
|
|
227
|
-
let
|
|
228
|
-
B.setHours(0, 0, 0, 0), V.setHours(0, 0, 0, 0),
|
|
229
|
-
} else if (
|
|
230
|
-
let w = /* @__PURE__ */ new Date(),
|
|
231
|
-
var
|
|
232
|
-
let
|
|
233
|
-
|
|
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;
|
|
234
216
|
}
|
|
235
|
-
|
|
236
|
-
}), g || (
|
|
217
|
+
C && C.textContent.toLowerCase().includes(b.toLowerCase()) && (g = !0);
|
|
218
|
+
}), g || (m.classList.add("filtered"), m.setAttribute("data-filtered-by", c));
|
|
237
219
|
});
|
|
238
|
-
Array.from(
|
|
239
|
-
let
|
|
240
|
-
|
|
241
|
-
let
|
|
242
|
-
|
|
243
|
-
}),
|
|
244
|
-
}), Array.from(
|
|
245
|
-
|
|
246
|
-
}),
|
|
247
|
-
},
|
|
248
|
-
Array.from(a.querySelectorAll("[data-query]")).forEach((s,
|
|
249
|
-
let
|
|
250
|
-
if (
|
|
251
|
-
i =
|
|
252
|
-
else if (!
|
|
253
|
-
let
|
|
254
|
-
|
|
255
|
-
h += `:not([data-filtered-by="${
|
|
256
|
-
}), i = Array.from(
|
|
257
|
-
} else if (!
|
|
258
|
-
i = Array.from(
|
|
259
|
-
else if (
|
|
260
|
-
let
|
|
261
|
-
i = Array.from(
|
|
262
|
-
let
|
|
263
|
-
for (const [
|
|
264
|
-
let
|
|
265
|
-
(!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);
|
|
266
248
|
}
|
|
267
|
-
return
|
|
249
|
+
return c;
|
|
268
250
|
}).length;
|
|
269
251
|
} else {
|
|
270
|
-
let
|
|
271
|
-
i = Array.from(
|
|
272
|
-
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];
|
|
273
255
|
}).length;
|
|
274
256
|
}
|
|
275
257
|
s.hasAttribute("data-total") ? s.setAttribute("data-total", i) : s.innerHTML = i;
|
|
276
258
|
});
|
|
277
|
-
},
|
|
278
|
-
|
|
279
|
-
if (
|
|
280
|
-
|
|
281
|
-
let
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
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
|
+
}
|
|
285
268
|
}
|
|
286
|
-
if (
|
|
287
|
-
|
|
288
|
-
let
|
|
289
|
-
|
|
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"));
|
|
290
273
|
}
|
|
291
274
|
});
|
|
292
|
-
},
|
|
293
|
-
if (!
|
|
275
|
+
}, At = (e, a) => {
|
|
276
|
+
if (!e)
|
|
294
277
|
return !1;
|
|
295
|
-
|
|
296
|
-
|
|
278
|
+
e.addEventListener("click", (t) => {
|
|
279
|
+
wt(a);
|
|
297
280
|
});
|
|
298
|
-
},
|
|
299
|
-
for (var a = [],
|
|
300
|
-
for (var
|
|
301
|
-
|
|
302
|
-
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(","));
|
|
303
286
|
}
|
|
304
287
|
a = a.join(`
|
|
305
288
|
`);
|
|
306
|
-
let
|
|
289
|
+
let r = new Blob([a], {
|
|
307
290
|
type: "text/csv"
|
|
308
291
|
});
|
|
309
292
|
var h = document.createElement("a");
|
|
310
293
|
h.download = "export.csv";
|
|
311
|
-
var
|
|
312
|
-
h.href =
|
|
313
|
-
}, X = function(
|
|
314
|
-
if (
|
|
315
|
-
const
|
|
316
|
-
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`);
|
|
317
300
|
}
|
|
318
|
-
}, J = function(
|
|
319
|
-
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);
|
|
320
303
|
new URLSearchParams(new FormData(a)).toString();
|
|
321
|
-
let
|
|
304
|
+
let l = e.querySelectorAll("thead tr th"), i = e.querySelector("tbody");
|
|
322
305
|
fetch(a.getAttribute("data-ajax"), {
|
|
323
306
|
method: "get",
|
|
324
307
|
credentials: "same-origin",
|
|
@@ -327,69 +310,79 @@ const _e = /* @__PURE__ */ A(me, [["render", be]]), pe = function(t) {
|
|
|
327
310
|
Accept: "application/json",
|
|
328
311
|
"X-Requested-With": "XMLHttpRequest"
|
|
329
312
|
})
|
|
330
|
-
}).then((
|
|
331
|
-
|
|
332
|
-
var
|
|
333
|
-
|
|
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) => {
|
|
334
317
|
let g = "";
|
|
335
|
-
var
|
|
336
|
-
if (
|
|
337
|
-
var
|
|
338
|
-
g =
|
|
339
|
-
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("}", ""));
|
|
340
323
|
});
|
|
341
324
|
}
|
|
342
|
-
|
|
343
|
-
}), i.appendChild(
|
|
344
|
-
}),
|
|
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>';
|
|
345
328
|
});
|
|
346
|
-
}, D = (
|
|
347
|
-
switch (
|
|
329
|
+
}, D = (e, a) => {
|
|
330
|
+
switch (e) {
|
|
348
331
|
case "date":
|
|
349
332
|
a = new Date(a).toLocaleDateString("en-gb", { year: "2-digit", month: "long", day: "numeric" });
|
|
350
333
|
break;
|
|
351
334
|
case "capitalise":
|
|
352
|
-
a =
|
|
335
|
+
a = bt(a);
|
|
353
336
|
break;
|
|
354
337
|
}
|
|
355
338
|
return a;
|
|
356
339
|
};
|
|
357
|
-
class
|
|
340
|
+
class St extends HTMLElement {
|
|
358
341
|
constructor() {
|
|
359
342
|
super(), this.attachShadow({ mode: "open" });
|
|
360
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
361
|
-
let
|
|
362
|
-
|
|
363
|
-
const
|
|
364
|
-
|
|
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 = `
|
|
365
348
|
<style>
|
|
366
349
|
@import "${a}/css/core.min.css";
|
|
350
|
+
|
|
351
|
+
:host(.mh-sm){
|
|
352
|
+
max-height: none!important;
|
|
353
|
+
}
|
|
354
|
+
:host(.mh-md){
|
|
355
|
+
max-height: none!important;
|
|
356
|
+
}
|
|
357
|
+
:host(.mh-lg){
|
|
358
|
+
max-height: none!important;
|
|
359
|
+
}
|
|
367
360
|
</style>
|
|
368
|
-
${
|
|
369
|
-
<div class="table__wrapper ${
|
|
361
|
+
${t ? '<div class="table--cta">' : ""}
|
|
362
|
+
<div class="table__wrapper ${o}">
|
|
370
363
|
<slot></slot>
|
|
371
364
|
</div>
|
|
372
|
-
${
|
|
365
|
+
${t ? "</div>" : ""}
|
|
373
366
|
${s ? '<button class="link" type="button" data-export>Export table as CSV</button>' : ""}
|
|
374
367
|
<div class="table__pagination"></div>
|
|
375
|
-
`, this.shadowRoot.appendChild(
|
|
368
|
+
`, this.shadowRoot.appendChild(l.content.cloneNode(!0));
|
|
376
369
|
const i = new URLSearchParams(window.location.search);
|
|
377
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")));
|
|
378
371
|
}
|
|
379
372
|
connectedCallback() {
|
|
380
|
-
this.table = this.querySelector("table"), this.savedTableBody = this.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) => {
|
|
381
374
|
this.table.querySelector("dialog[open]") && this.table.querySelector("dialog[open]").close();
|
|
382
375
|
});
|
|
383
376
|
}
|
|
384
377
|
static get observedAttributes() {
|
|
385
378
|
return ["data-total", "data-pages", "data-page", "data-show"];
|
|
386
379
|
}
|
|
387
|
-
attributeChangedCallback(a,
|
|
380
|
+
attributeChangedCallback(a, t, s) {
|
|
388
381
|
}
|
|
389
382
|
}
|
|
390
|
-
const
|
|
391
|
-
return
|
|
392
|
-
},
|
|
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 = {
|
|
393
386
|
name: "Table",
|
|
394
387
|
props: {
|
|
395
388
|
items: {
|
|
@@ -403,42 +396,42 @@ const Te = (t) => t.charAt(0).toUpperCase() + t.slice(1), He = (t) => t.replace(
|
|
|
403
396
|
},
|
|
404
397
|
computed: {
|
|
405
398
|
cellHeading() {
|
|
406
|
-
return (
|
|
399
|
+
return (e) => `${Lt(kt(e))}`;
|
|
407
400
|
}
|
|
408
401
|
},
|
|
409
402
|
created() {
|
|
410
403
|
this.$nextTick(function() {
|
|
411
|
-
window.customElements.get("iam-table") || window.customElements.define("iam-table",
|
|
404
|
+
window.customElements.get("iam-table") || window.customElements.define("iam-table", St);
|
|
412
405
|
});
|
|
413
406
|
},
|
|
414
407
|
updated() {
|
|
415
408
|
}
|
|
416
|
-
},
|
|
417
|
-
function
|
|
418
|
-
return
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
(
|
|
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", {
|
|
423
416
|
key: i.key
|
|
424
|
-
},
|
|
417
|
+
}, k(l.cellHeading(i.key)), 1))), 128))
|
|
425
418
|
])
|
|
426
419
|
]),
|
|
427
|
-
|
|
428
|
-
(
|
|
429
|
-
key:
|
|
420
|
+
t.items ? (d(), u("tbody", Ht, [
|
|
421
|
+
(d(!0), u($, null, T(t.items, (i, r) => (d(), u("tr", {
|
|
422
|
+
key: r,
|
|
430
423
|
"data-row-id": i.rowid
|
|
431
424
|
}, [
|
|
432
|
-
(
|
|
433
|
-
key:
|
|
425
|
+
(d(!0), u($, null, T(Object.fromEntries(Object.entries(i).filter(([h]) => h !== "rowid")), (h, c) => (d(), u("td", {
|
|
426
|
+
key: c,
|
|
434
427
|
innerHTML: h
|
|
435
|
-
}, null, 8,
|
|
436
|
-
], 8,
|
|
437
|
-
])) :
|
|
438
|
-
])) :
|
|
428
|
+
}, null, 8, Ct))), 128))
|
|
429
|
+
], 8, Mt))), 128))
|
|
430
|
+
])) : p("", !0)
|
|
431
|
+
])) : _(e.$slots, "default", { key: 1 })
|
|
439
432
|
]);
|
|
440
433
|
}
|
|
441
|
-
const
|
|
434
|
+
const tt = /* @__PURE__ */ A($t, [["render", Et]]), Nt = {
|
|
442
435
|
name: "Input",
|
|
443
436
|
props: {
|
|
444
437
|
value: {
|
|
@@ -600,174 +593,174 @@ const ee = /* @__PURE__ */ A(Ee, [["render", Ie]]), Fe = {
|
|
|
600
593
|
get() {
|
|
601
594
|
return this.value == null && this.options != null && this.type == "select" ? this.$attrs.multiple ? [] : this.options[0].value : this.value;
|
|
602
595
|
},
|
|
603
|
-
set(
|
|
604
|
-
this.$emit("input",
|
|
596
|
+
set(e) {
|
|
597
|
+
this.$emit("input", e);
|
|
605
598
|
}
|
|
606
599
|
}
|
|
607
600
|
},
|
|
608
601
|
mounted() {
|
|
609
602
|
this.$nextTick(function() {
|
|
610
|
-
let
|
|
611
|
-
if (
|
|
603
|
+
let e = this.$refs.wrapper;
|
|
604
|
+
if (e.parentNode && e.parentNode.classList.contains("form-check") || e.classList.length == 0) {
|
|
612
605
|
const a = document.createDocumentFragment();
|
|
613
|
-
Array.from(
|
|
606
|
+
Array.from(e.childNodes).forEach((t) => a.appendChild(t)), e.parentNode.insertBefore(a, e), e.parentNode.removeChild(e);
|
|
614
607
|
}
|
|
615
608
|
});
|
|
616
609
|
},
|
|
617
610
|
methods: {
|
|
618
|
-
inputKeyup(
|
|
619
|
-
this.$emit("keyupEvent",
|
|
611
|
+
inputKeyup(e) {
|
|
612
|
+
this.$emit("keyupEvent", e);
|
|
620
613
|
},
|
|
621
614
|
clickEvent() {
|
|
622
615
|
this.$emit("bus");
|
|
623
616
|
}
|
|
624
617
|
}
|
|
625
|
-
},
|
|
618
|
+
}, Dt = ["for", "innerHTML", "title"], Rt = ["innerHTML"], Pt = ["innerHTML"], zt = ["type", "name", "id", "pattern", "list"], Ft = ["type", "name", "id", "pattern"], It = {
|
|
626
619
|
key: 5,
|
|
627
620
|
class: "input-group"
|
|
628
|
-
},
|
|
621
|
+
}, Bt = ["type", "name", "id", "pattern", "list"], Vt = { class: "input-group-text border-0 col-2 col-sm-1 px-0" }, Wt = {
|
|
629
622
|
key: 6,
|
|
630
623
|
class: "input-group"
|
|
631
|
-
},
|
|
632
|
-
function
|
|
633
|
-
return
|
|
634
|
-
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()),
|
|
635
628
|
ref: "wrapper"
|
|
636
629
|
}, [
|
|
637
|
-
|
|
630
|
+
l.needsLabel() ? (d(), u("label", {
|
|
638
631
|
key: 0,
|
|
639
|
-
class: v(`form-label${
|
|
640
|
-
for:
|
|
641
|
-
innerHTML:
|
|
642
|
-
title:
|
|
643
|
-
}, null, 10,
|
|
644
|
-
|
|
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", {
|
|
645
638
|
key: 1,
|
|
646
|
-
class: v(`prefix ${this.prefixClass} ${
|
|
647
|
-
innerHTML:
|
|
639
|
+
class: v(`prefix ${this.prefixClass} ${t.size ? `prefix-${t.size}` : ""}`),
|
|
640
|
+
innerHTML: t.prefix,
|
|
648
641
|
role: "presentation"
|
|
649
|
-
}, null, 10,
|
|
650
|
-
|
|
642
|
+
}, null, 10, Rt)) : p("", !0),
|
|
643
|
+
t.suffix ? (d(), u("span", {
|
|
651
644
|
key: 2,
|
|
652
|
-
class: v(`suffix ${this.suffixClass} ${
|
|
653
|
-
innerHTML:
|
|
645
|
+
class: v(`suffix ${this.suffixClass} ${t.size ? `suffix-${t.size}` : ""}`),
|
|
646
|
+
innerHTML: t.suffix,
|
|
654
647
|
role: "presentation"
|
|
655
|
-
}, null, 10,
|
|
656
|
-
|
|
648
|
+
}, null, 10, Pt)) : p("", !0),
|
|
649
|
+
l.isInput() ? N((d(), u("input", H({
|
|
657
650
|
key: 3,
|
|
658
|
-
"onUpdate:modelValue": a[0] || (a[0] = (i) =>
|
|
659
|
-
class: `form-control${
|
|
660
|
-
type:
|
|
661
|
-
name:
|
|
662
|
-
id:
|
|
663
|
-
pattern:
|
|
664
|
-
list:
|
|
665
|
-
},
|
|
666
|
-
onKeyup: a[1] || (a[1] = (...i) =>
|
|
667
|
-
}), null, 16,
|
|
668
|
-
[P,
|
|
669
|
-
]) :
|
|
670
|
-
|
|
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]
|
|
662
|
+
]) : p("", !0),
|
|
663
|
+
t.type == "textarea" ? N((d(), u("textarea", H({
|
|
671
664
|
key: 4,
|
|
672
|
-
"onUpdate:modelValue": a[2] || (a[2] = (i) =>
|
|
673
|
-
class: `form-control${
|
|
674
|
-
type:
|
|
675
|
-
name:
|
|
676
|
-
id:
|
|
677
|
-
pattern:
|
|
678
|
-
},
|
|
679
|
-
[
|
|
680
|
-
]) :
|
|
681
|
-
|
|
682
|
-
N(
|
|
683
|
-
"onUpdate:modelValue": a[3] || (a[3] = (i) =>
|
|
684
|
-
class: `form-range${
|
|
685
|
-
type:
|
|
686
|
-
name:
|
|
687
|
-
id:
|
|
688
|
-
pattern:
|
|
689
|
-
list:
|
|
690
|
-
},
|
|
691
|
-
[P,
|
|
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]
|
|
673
|
+
]) : p("", !0),
|
|
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]
|
|
692
685
|
]),
|
|
693
|
-
|
|
694
|
-
])) :
|
|
695
|
-
|
|
696
|
-
N(
|
|
697
|
-
"onUpdate:modelValue": a[4] || (a[4] = (i) =>
|
|
698
|
-
class: `form-control form-control-color${
|
|
699
|
-
type:
|
|
700
|
-
name:
|
|
701
|
-
id:
|
|
702
|
-
pattern:
|
|
703
|
-
list:
|
|
704
|
-
},
|
|
705
|
-
[P,
|
|
686
|
+
n("output", Vt, k(t.value), 1)
|
|
687
|
+
])) : p("", !0),
|
|
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]
|
|
706
699
|
]),
|
|
707
|
-
|
|
708
|
-
])) :
|
|
709
|
-
|
|
700
|
+
n("output", Ot, k(t.value ? e.vale : "#000000"), 1)
|
|
701
|
+
])) : p("", !0),
|
|
702
|
+
t.type == "select" ? N((d(), u("select", H({
|
|
710
703
|
key: 7,
|
|
711
|
-
"onUpdate:modelValue": a[5] || (a[5] = (i) =>
|
|
712
|
-
class: `form-select${
|
|
713
|
-
type:
|
|
714
|
-
name:
|
|
715
|
-
id:
|
|
716
|
-
pattern:
|
|
717
|
-
},
|
|
718
|
-
(
|
|
719
|
-
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,
|
|
720
713
|
value: i.value
|
|
721
|
-
},
|
|
722
|
-
], 16,
|
|
723
|
-
[
|
|
724
|
-
]) :
|
|
725
|
-
|
|
714
|
+
}, k(i.display ? i.display : i.value), 9, Kt))), 128))
|
|
715
|
+
], 16, Ut)), [
|
|
716
|
+
[it, l.inputVal]
|
|
717
|
+
]) : p("", !0),
|
|
718
|
+
l.allowDatalist() ? (d(), u("datalist", {
|
|
726
719
|
key: 8,
|
|
727
|
-
id:
|
|
720
|
+
id: t.id + "-list"
|
|
728
721
|
}, [
|
|
729
|
-
(
|
|
730
|
-
key:
|
|
722
|
+
(d(!0), u($, null, T(t.options, (i, r) => (d(), u("option", {
|
|
723
|
+
key: r,
|
|
731
724
|
value: i.value
|
|
732
|
-
},
|
|
733
|
-
], 8,
|
|
734
|
-
|
|
725
|
+
}, k(i.value), 9, Qt))), 128))
|
|
726
|
+
], 8, Gt)) : p("", !0),
|
|
727
|
+
t.type == "checkbox" || t.type == "radio" ? (d(), u("input", H({
|
|
735
728
|
key: 9,
|
|
736
729
|
class: "form-check-input",
|
|
737
|
-
type:
|
|
738
|
-
name:
|
|
739
|
-
id:
|
|
740
|
-
},
|
|
741
|
-
|
|
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", {
|
|
742
735
|
key: 10,
|
|
743
|
-
class: v(`form-label form-check-label${
|
|
744
|
-
for:
|
|
745
|
-
innerHTML:
|
|
746
|
-
}, null, 10,
|
|
747
|
-
|
|
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({
|
|
748
741
|
key: 11,
|
|
749
|
-
class: `btn-check${
|
|
750
|
-
type:
|
|
742
|
+
class: `btn-check${t.inputclass ? ` ${t.inputclass}` : ""}`,
|
|
743
|
+
type: t.type.replace("-btn", ""),
|
|
751
744
|
autocomplete: "off",
|
|
752
|
-
name:
|
|
753
|
-
id:
|
|
754
|
-
},
|
|
755
|
-
|
|
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", {
|
|
756
749
|
key: 12,
|
|
757
|
-
class: v(`btn${
|
|
758
|
-
for:
|
|
759
|
-
innerHTML:
|
|
760
|
-
onClick: a[6] || (a[6] = (...i) =>
|
|
761
|
-
}, null, 10,
|
|
762
|
-
|
|
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", {
|
|
763
756
|
key: 13,
|
|
764
757
|
class: "invalid-feedback mb-0",
|
|
765
|
-
innerHTML:
|
|
766
|
-
}, null, 8,
|
|
767
|
-
|
|
758
|
+
innerHTML: t.errormsg
|
|
759
|
+
}, null, 8, te)) : p("", !0),
|
|
760
|
+
_(e.$slots, "default")
|
|
768
761
|
], 2);
|
|
769
762
|
}
|
|
770
|
-
const R = /* @__PURE__ */ A(
|
|
763
|
+
const R = /* @__PURE__ */ A(Nt, [["render", ee]]), ae = {
|
|
771
764
|
components: {
|
|
772
765
|
Input: R
|
|
773
766
|
},
|
|
@@ -790,57 +783,57 @@ const R = /* @__PURE__ */ A(Fe, [["render", nt]]), rt = {
|
|
|
790
783
|
required: !1
|
|
791
784
|
}
|
|
792
785
|
}
|
|
793
|
-
},
|
|
794
|
-
/* @__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", {
|
|
795
788
|
type: "button",
|
|
796
789
|
class: "btn btn-tertiary me-0",
|
|
797
790
|
"data-delete": ""
|
|
798
791
|
}, "Delete")
|
|
799
|
-
], -1),
|
|
800
|
-
function
|
|
792
|
+
], -1), oe = ["data-maxfiles"];
|
|
793
|
+
function ne(e, a, t, s, o, l) {
|
|
801
794
|
const i = E("Input");
|
|
802
|
-
return
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
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"}`)
|
|
806
799
|
}, [
|
|
807
800
|
S(i, {
|
|
808
801
|
type: "file",
|
|
809
|
-
id:
|
|
810
|
-
name: `${
|
|
802
|
+
id: t.id,
|
|
803
|
+
name: `${t.id}[]`,
|
|
811
804
|
label: "Add new file",
|
|
812
805
|
labelclass: "d-none",
|
|
813
806
|
class: "form-control-inline col",
|
|
814
807
|
required: "",
|
|
815
|
-
"data-filesize":
|
|
808
|
+
"data-filesize": t.maxfilesize
|
|
816
809
|
}, null, 8, ["id", "name", "data-filesize"])
|
|
817
810
|
], 2),
|
|
818
|
-
|
|
819
|
-
|
|
811
|
+
n("div", re, [
|
|
812
|
+
_(e.$slots, "default")
|
|
820
813
|
]),
|
|
821
|
-
|
|
814
|
+
le
|
|
822
815
|
]),
|
|
823
|
-
|
|
816
|
+
n("button", {
|
|
824
817
|
type: "button",
|
|
825
818
|
class: "btn btn-secondary me-0",
|
|
826
819
|
"data-add": "",
|
|
827
|
-
"data-maxfiles":
|
|
828
|
-
}, "+ Add file", 8,
|
|
820
|
+
"data-maxfiles": t.maxfiles
|
|
821
|
+
}, "+ Add file", 8, oe)
|
|
829
822
|
]);
|
|
830
823
|
}
|
|
831
|
-
const
|
|
832
|
-
function
|
|
833
|
-
let a =
|
|
824
|
+
const si = /* @__PURE__ */ A(ae, [["render", ne]]);
|
|
825
|
+
function ce(e) {
|
|
826
|
+
let a = e.querySelectorAll("details"), t = e.querySelectorAll("summary");
|
|
834
827
|
if (a.forEach((s) => {
|
|
835
828
|
s.classList.add("accordion-item");
|
|
836
|
-
}),
|
|
829
|
+
}), t.forEach((s) => {
|
|
837
830
|
s.classList.add("accordion-header"), s.classList.add("accordion-button"), s.classList.add("h4");
|
|
838
|
-
}), !
|
|
839
|
-
const s =
|
|
840
|
-
s.forEach((
|
|
841
|
-
|
|
842
|
-
s.forEach((
|
|
843
|
-
|
|
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");
|
|
844
837
|
});
|
|
845
838
|
});
|
|
846
839
|
});
|
|
@@ -851,15 +844,15 @@ window.dataLayer.push({
|
|
|
851
844
|
event: "customElementRegistered",
|
|
852
845
|
element: "accordion"
|
|
853
846
|
});
|
|
854
|
-
const
|
|
855
|
-
class
|
|
847
|
+
const z = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets";
|
|
848
|
+
class de extends HTMLElement {
|
|
856
849
|
constructor() {
|
|
857
850
|
super(), this.attachShadow({ mode: "open" });
|
|
858
851
|
const a = document.createElement("template");
|
|
859
852
|
a.innerHTML = `
|
|
860
853
|
<style>
|
|
861
|
-
@import "${
|
|
862
|
-
@import "${
|
|
854
|
+
@import "${z}/css/core.min.css";
|
|
855
|
+
@import "${z}/css/components/accordion.css";
|
|
863
856
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
864
857
|
</style>
|
|
865
858
|
<div class="accordion">
|
|
@@ -868,22 +861,22 @@ class yt extends HTMLElement {
|
|
|
868
861
|
`, this.shadowRoot.appendChild(a.content.cloneNode(!0));
|
|
869
862
|
}
|
|
870
863
|
connectedCallback() {
|
|
871
|
-
|
|
864
|
+
ce(this), this.insertAdjacentHTML("beforebegin", `<link rel="stylesheet" href="${z}/css/components/accordion.css">`);
|
|
872
865
|
}
|
|
873
866
|
}
|
|
874
|
-
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion",
|
|
875
|
-
const
|
|
867
|
+
window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", de);
|
|
868
|
+
const ue = {
|
|
876
869
|
name: "Accordion",
|
|
877
870
|
props: {},
|
|
878
871
|
mounted() {
|
|
879
872
|
}
|
|
880
|
-
},
|
|
881
|
-
function
|
|
882
|
-
return
|
|
883
|
-
|
|
873
|
+
}, he = { ref: "wrapper" };
|
|
874
|
+
function me(e, a, t, s, o, l) {
|
|
875
|
+
return d(), u("iam-accordion", he, [
|
|
876
|
+
_(e.$slots, "default")
|
|
884
877
|
], 512);
|
|
885
878
|
}
|
|
886
|
-
const
|
|
879
|
+
const ii = /* @__PURE__ */ A(ue, [["render", me]]), fe = {
|
|
887
880
|
name: "AccordionItem",
|
|
888
881
|
props: {
|
|
889
882
|
title: {
|
|
@@ -910,7 +903,7 @@ const ci = /* @__PURE__ */ A(bt, [["render", pt]]), gt = {
|
|
|
910
903
|
},
|
|
911
904
|
computed: {
|
|
912
905
|
createID() {
|
|
913
|
-
return (
|
|
906
|
+
return (e) => `${qt(e)}`;
|
|
914
907
|
}
|
|
915
908
|
},
|
|
916
909
|
data() {
|
|
@@ -918,24 +911,24 @@ const ci = /* @__PURE__ */ A(bt, [["render", pt]]), gt = {
|
|
|
918
911
|
show: !this.lazy
|
|
919
912
|
};
|
|
920
913
|
}
|
|
921
|
-
},
|
|
922
|
-
function
|
|
923
|
-
return
|
|
924
|
-
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)
|
|
925
918
|
}, [
|
|
926
|
-
|
|
927
|
-
classList: `${
|
|
919
|
+
n("summary", {
|
|
920
|
+
classList: `${t.titlecolour ? `bg-${t.titlecolour}` : ""}`
|
|
928
921
|
}, [
|
|
929
|
-
|
|
930
|
-
|
|
922
|
+
rt(k(t.title), 1),
|
|
923
|
+
t.badge ? (d(), u("span", {
|
|
931
924
|
key: 0,
|
|
932
|
-
class: v(`badge bg-${
|
|
933
|
-
},
|
|
934
|
-
], 8,
|
|
935
|
-
|
|
936
|
-
], 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);
|
|
937
930
|
}
|
|
938
|
-
const
|
|
931
|
+
const ri = /* @__PURE__ */ A(fe, [["render", pe]]), _e = {
|
|
939
932
|
name: "Header",
|
|
940
933
|
props: {
|
|
941
934
|
title: {
|
|
@@ -952,46 +945,51 @@ const di = /* @__PURE__ */ A(gt, [["render", wt]]), St = {
|
|
|
952
945
|
required: !1
|
|
953
946
|
}
|
|
954
947
|
}
|
|
955
|
-
},
|
|
956
|
-
function
|
|
957
|
-
return
|
|
958
|
-
|
|
959
|
-
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")
|
|
960
953
|
}, [
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
954
|
+
n("div", ve, [
|
|
955
|
+
n("div", Ae, [
|
|
956
|
+
n("div", we, [
|
|
957
|
+
n("h2", null, k(t.title), 1),
|
|
958
|
+
_(e.$slots, "default")
|
|
966
959
|
])
|
|
967
960
|
]),
|
|
968
|
-
|
|
969
|
-
|
|
961
|
+
n("div", Se, [
|
|
962
|
+
t.image ? (d(), u("img", {
|
|
970
963
|
key: 0,
|
|
971
|
-
src:
|
|
964
|
+
src: t.image,
|
|
972
965
|
alt: "",
|
|
973
966
|
class: "h-100 w-100 object-cover"
|
|
974
|
-
}, null, 8,
|
|
967
|
+
}, null, 8, Le)) : p("", !0)
|
|
975
968
|
])
|
|
976
969
|
])
|
|
977
970
|
], 2)
|
|
978
971
|
]);
|
|
979
972
|
}
|
|
980
|
-
const
|
|
981
|
-
|
|
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 {
|
|
982
979
|
constructor() {
|
|
983
980
|
super(), this.attachShadow({ mode: "open" });
|
|
984
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets"
|
|
985
|
-
this.querySelector("
|
|
986
|
-
let
|
|
987
|
-
const
|
|
988
|
-
|
|
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 = `
|
|
989
986
|
<style>
|
|
990
987
|
@import "${a}/css/core.min.css";
|
|
991
|
-
|
|
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
|
+
|
|
992
990
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
993
991
|
</style>
|
|
994
|
-
<div class="card ${
|
|
992
|
+
<div class="card ${t}" tabindex="0" role="button">
|
|
995
993
|
${this.hasAttribute("data-image") ? `<div class="card__head"><img src="${this.getAttribute("data-image")}" alt="" loading="lazy" /></div>` : ""}
|
|
996
994
|
<div class="card__body">
|
|
997
995
|
${this.classList.contains("card--filter") && this.hasAttribute("data-total") ? `<div class="card__total">${this.getAttribute("data-total")}</div>` : ""}
|
|
@@ -1000,17 +998,17 @@ class Ct extends HTMLElement {
|
|
|
1000
998
|
</div>
|
|
1001
999
|
${this.hasAttribute("data-cta") ? `<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>` : ""}
|
|
1002
1000
|
</div>
|
|
1003
|
-
`, this.shadowRoot.appendChild(
|
|
1001
|
+
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
1004
1002
|
}
|
|
1005
1003
|
connectedCallback() {
|
|
1006
|
-
const a = this.parentNode.closest("a, button, label"),
|
|
1007
|
-
a.setAttribute("tabindex", "-1"), a.matches("label[for]") && document.getElementById(a.getAttribute("for")).checked &&
|
|
1008
|
-
a.matches("label[for]") ? document.getElementById(a.getAttribute("for")).checked ?
|
|
1009
|
-
}),
|
|
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) => {
|
|
1010
1008
|
switch (s.keyCode) {
|
|
1011
1009
|
case 32:
|
|
1012
1010
|
case 13:
|
|
1013
|
-
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();
|
|
1014
1012
|
break;
|
|
1015
1013
|
}
|
|
1016
1014
|
});
|
|
@@ -1018,77 +1016,77 @@ class Ct extends HTMLElement {
|
|
|
1018
1016
|
static get observedAttributes() {
|
|
1019
1017
|
return ["data-total", "class"];
|
|
1020
1018
|
}
|
|
1021
|
-
attributeChangedCallback(a,
|
|
1019
|
+
attributeChangedCallback(a, t, s) {
|
|
1022
1020
|
switch (a) {
|
|
1023
1021
|
case "data-total": {
|
|
1024
1022
|
this.shadowRoot.querySelector(".card__total").innerHTML = s;
|
|
1025
1023
|
break;
|
|
1026
1024
|
}
|
|
1027
1025
|
case "class": {
|
|
1028
|
-
let
|
|
1029
|
-
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}`);
|
|
1030
1028
|
break;
|
|
1031
1029
|
}
|
|
1032
1030
|
}
|
|
1033
1031
|
}
|
|
1034
1032
|
}
|
|
1035
|
-
const
|
|
1033
|
+
const qe = {
|
|
1036
1034
|
name: "Card",
|
|
1037
|
-
|
|
1035
|
+
mounted() {
|
|
1038
1036
|
this.$nextTick(function() {
|
|
1039
|
-
window.customElements.get("iam-card") || window.customElements.define("iam-card",
|
|
1037
|
+
window.customElements.get("iam-card") || window.customElements.define("iam-card", xe);
|
|
1040
1038
|
});
|
|
1041
1039
|
}
|
|
1042
1040
|
};
|
|
1043
|
-
function
|
|
1044
|
-
return
|
|
1045
|
-
|
|
1041
|
+
function $e(e, a, t, s, o, l) {
|
|
1042
|
+
return d(), u("iam-card", null, [
|
|
1043
|
+
_(e.$slots, "default")
|
|
1046
1044
|
]);
|
|
1047
1045
|
}
|
|
1048
|
-
const
|
|
1049
|
-
function
|
|
1046
|
+
const Te = /* @__PURE__ */ A(qe, [["render", $e]]);
|
|
1047
|
+
function He(e) {
|
|
1050
1048
|
var a;
|
|
1051
|
-
let
|
|
1052
|
-
|
|
1053
|
-
let
|
|
1054
|
-
|
|
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) {
|
|
1055
1053
|
clearTimeout(a), a = setTimeout(function() {
|
|
1056
|
-
let
|
|
1057
|
-
Array.from(
|
|
1058
|
-
|
|
1059
|
-
}),
|
|
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");
|
|
1060
1058
|
}, 100);
|
|
1061
|
-
}, !1),
|
|
1062
|
-
for (var
|
|
1063
|
-
if (
|
|
1064
|
-
i.preventDefault(), Array.from(
|
|
1065
|
-
|
|
1066
|
-
}),
|
|
1067
|
-
const h = document.querySelector(
|
|
1068
|
-
|
|
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({
|
|
1069
1067
|
top: 0,
|
|
1070
1068
|
left: h.offsetLeft,
|
|
1071
1069
|
behavior: "smooth"
|
|
1072
1070
|
});
|
|
1073
1071
|
break;
|
|
1074
1072
|
}
|
|
1075
|
-
}, !1),
|
|
1076
|
-
for (var
|
|
1077
|
-
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")) {
|
|
1078
1076
|
i.preventDefault();
|
|
1079
|
-
let h =
|
|
1080
|
-
|
|
1077
|
+
let h = r.classList.contains("btn-prev") ? t.scrollLeft - t.clientWidth : t.scrollLeft + t.clientWidth;
|
|
1078
|
+
t.scroll({
|
|
1081
1079
|
top: 0,
|
|
1082
1080
|
left: h,
|
|
1083
1081
|
behavior: "smooth"
|
|
1084
1082
|
});
|
|
1085
1083
|
break;
|
|
1086
1084
|
}
|
|
1087
|
-
}, !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");
|
|
1088
1086
|
}
|
|
1089
|
-
const
|
|
1087
|
+
const Me = {
|
|
1090
1088
|
components: {
|
|
1091
|
-
Card:
|
|
1089
|
+
Card: Te
|
|
1092
1090
|
},
|
|
1093
1091
|
name: "Carousel",
|
|
1094
1092
|
data() {
|
|
@@ -1157,94 +1155,94 @@ const Rt = {
|
|
|
1157
1155
|
},
|
|
1158
1156
|
computed: {
|
|
1159
1157
|
content() {
|
|
1160
|
-
return (
|
|
1158
|
+
return (e) => `${e.image ? `<img src="${e.image}" alt="" />` : ""}${e.content ? e.content : ""}`;
|
|
1161
1159
|
}
|
|
1162
1160
|
},
|
|
1163
1161
|
mounted() {
|
|
1164
1162
|
this.id = this._uid, this.$nextTick(function() {
|
|
1165
|
-
|
|
1163
|
+
He(this.$refs.wrapper);
|
|
1166
1164
|
});
|
|
1167
1165
|
}
|
|
1168
|
-
},
|
|
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", {
|
|
1169
1167
|
class: "btn btn-prev",
|
|
1170
1168
|
"data-go": "0",
|
|
1171
1169
|
disabled: ""
|
|
1172
|
-
}, "Prev", -1),
|
|
1170
|
+
}, "Prev", -1), Fe = /* @__PURE__ */ n("button", {
|
|
1173
1171
|
class: "btn btn-next",
|
|
1174
1172
|
"data-go": "2"
|
|
1175
1173
|
}, "Next", -1);
|
|
1176
|
-
function
|
|
1174
|
+
function Ie(e, a, t, s, o, l) {
|
|
1177
1175
|
const i = E("Card");
|
|
1178
|
-
return
|
|
1176
|
+
return d(), u("div", {
|
|
1179
1177
|
class: "container carousel",
|
|
1180
|
-
id: "carousel" +
|
|
1178
|
+
id: "carousel" + o.id,
|
|
1181
1179
|
ref: "wrapper",
|
|
1182
|
-
"data-cols":
|
|
1183
|
-
"data-sm-cols":
|
|
1184
|
-
"data-md-cols":
|
|
1180
|
+
"data-cols": t.cols,
|
|
1181
|
+
"data-sm-cols": t.smcols,
|
|
1182
|
+
"data-md-cols": t.mdcols
|
|
1185
1183
|
}, [
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1184
|
+
_(e.$slots, "default"),
|
|
1185
|
+
n("div", Ee, [
|
|
1186
|
+
n("div", Ne, [
|
|
1187
|
+
t.type == "card" ? (d(), u("div", {
|
|
1190
1188
|
key: 0,
|
|
1191
|
-
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}` : ""}`)
|
|
1192
1190
|
}, [
|
|
1193
|
-
(
|
|
1194
|
-
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}` : ""}`),
|
|
1195
1193
|
key: h,
|
|
1196
|
-
id: "carousel" +
|
|
1194
|
+
id: "carousel" + o.id + "slide" + (h + 1)
|
|
1197
1195
|
}, [
|
|
1198
|
-
S(i, H(
|
|
1199
|
-
class:
|
|
1200
|
-
type:
|
|
1201
|
-
btnyype:
|
|
1202
|
-
titleclass:
|
|
1203
|
-
ctatext:
|
|
1204
|
-
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
|
|
1205
1203
|
}), null, 16, ["class", "type", "btnyype", "titleclass", "ctatext", "hidectatext"])
|
|
1206
|
-
], 10,
|
|
1207
|
-
], 2)) :
|
|
1208
|
-
|
|
1204
|
+
], 10, De))), 128))
|
|
1205
|
+
], 2)) : p("", !0),
|
|
1206
|
+
t.type != "card" ? (d(), u("div", {
|
|
1209
1207
|
key: 1,
|
|
1210
|
-
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}` : ""}`)
|
|
1211
1209
|
}, [
|
|
1212
|
-
(
|
|
1213
|
-
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}` : ""}`),
|
|
1214
1212
|
key: h,
|
|
1215
|
-
innerHTML:
|
|
1216
|
-
id: "carousel" +
|
|
1217
|
-
}, null, 10,
|
|
1218
|
-
], 2)) :
|
|
1213
|
+
innerHTML: l.content(r),
|
|
1214
|
+
id: "carousel" + o.id + "slide" + (h + 1)
|
|
1215
|
+
}, null, 10, Re))), 128))
|
|
1216
|
+
], 2)) : p("", !0)
|
|
1219
1217
|
]),
|
|
1220
|
-
|
|
1221
|
-
class: v(`carousel__controls cols-${
|
|
1218
|
+
n("div", {
|
|
1219
|
+
class: v(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)
|
|
1222
1220
|
}, [
|
|
1223
|
-
(
|
|
1221
|
+
(d(!0), u($, null, T(t.items, (r, h) => (d(), u("a", {
|
|
1224
1222
|
key: h,
|
|
1225
|
-
href: "#carousel" +
|
|
1223
|
+
href: "#carousel" + o.id + "slide" + (h + 1),
|
|
1226
1224
|
class: v(`control-${h + 1}`)
|
|
1227
|
-
}, "Slide " +
|
|
1225
|
+
}, "Slide " + k(h + 1), 11, Pe))), 128))
|
|
1228
1226
|
], 2),
|
|
1229
|
-
|
|
1230
|
-
|
|
1227
|
+
ze,
|
|
1228
|
+
Fe
|
|
1231
1229
|
])
|
|
1232
|
-
], 8,
|
|
1230
|
+
], 8, Ce);
|
|
1233
1231
|
}
|
|
1234
|
-
const
|
|
1232
|
+
const oi = /* @__PURE__ */ A(Me, [["render", Ie]]);
|
|
1235
1233
|
window.dataLayer = window.dataLayer || [];
|
|
1236
1234
|
window.dataLayer.push({
|
|
1237
1235
|
event: "customElementRegistered",
|
|
1238
1236
|
element: "header"
|
|
1239
1237
|
});
|
|
1240
|
-
class
|
|
1238
|
+
class Be extends HTMLElement {
|
|
1241
1239
|
constructor() {
|
|
1242
1240
|
super(), this.attachShadow({ mode: "open" });
|
|
1243
|
-
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");
|
|
1244
1242
|
s.innerHTML = `
|
|
1245
1243
|
<style>
|
|
1246
1244
|
@import "${a}/css/core.min.css";
|
|
1247
|
-
${
|
|
1245
|
+
${t}
|
|
1248
1246
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
1249
1247
|
:host {
|
|
1250
1248
|
max-width:100%!important;
|
|
@@ -1268,12 +1266,12 @@ class Ut extends HTMLElement {
|
|
|
1268
1266
|
`, this.shadowRoot.appendChild(s.content.cloneNode(!0));
|
|
1269
1267
|
}
|
|
1270
1268
|
connectedCallback() {
|
|
1271
|
-
const a = this.shadowRoot.querySelector("picture"),
|
|
1272
|
-
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();
|
|
1273
1271
|
}
|
|
1274
1272
|
}
|
|
1275
|
-
window.customElements.get("iam-header") || window.customElements.define("iam-header",
|
|
1276
|
-
const
|
|
1273
|
+
window.customElements.get("iam-header") || window.customElements.define("iam-header", Be);
|
|
1274
|
+
const Ve = {
|
|
1277
1275
|
name: "Header",
|
|
1278
1276
|
props: {
|
|
1279
1277
|
title: {
|
|
@@ -1285,50 +1283,50 @@ const Kt = {
|
|
|
1285
1283
|
required: !1
|
|
1286
1284
|
}
|
|
1287
1285
|
}
|
|
1288
|
-
},
|
|
1289
|
-
function
|
|
1290
|
-
return
|
|
1286
|
+
}, We = ["image"], je = ["innerHTML"];
|
|
1287
|
+
function Oe(e, a, t, s, o, l) {
|
|
1288
|
+
return d(), u("iam-header", {
|
|
1291
1289
|
class: "bg-secondary",
|
|
1292
|
-
image:
|
|
1290
|
+
image: t.image
|
|
1293
1291
|
}, [
|
|
1294
|
-
|
|
1295
|
-
|
|
1292
|
+
_(e.$slots, "breadcrumb"),
|
|
1293
|
+
t.title ? (d(), u("h1", {
|
|
1296
1294
|
key: 0,
|
|
1297
|
-
innerHTML:
|
|
1298
|
-
}, null, 8,
|
|
1299
|
-
|
|
1300
|
-
], 8,
|
|
1295
|
+
innerHTML: t.title
|
|
1296
|
+
}, null, 8, je)) : p("", !0),
|
|
1297
|
+
_(e.$slots, "default")
|
|
1298
|
+
], 8, We);
|
|
1301
1299
|
}
|
|
1302
|
-
const
|
|
1303
|
-
function
|
|
1300
|
+
const ni = /* @__PURE__ */ A(Ve, [["render", Oe]]);
|
|
1301
|
+
function Ue(e) {
|
|
1304
1302
|
var a;
|
|
1305
|
-
const
|
|
1303
|
+
const t = e.querySelector(".testimonial__images"), s = t.querySelectorAll("img").length;
|
|
1306
1304
|
if (s == 1)
|
|
1307
1305
|
return !1;
|
|
1308
|
-
|
|
1309
|
-
const
|
|
1310
|
-
const i =
|
|
1311
|
-
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);
|
|
1312
1310
|
};
|
|
1313
|
-
|
|
1311
|
+
t.addEventListener("scroll", function(l) {
|
|
1314
1312
|
clearTimeout(a), a = setTimeout(function() {
|
|
1315
|
-
let i =
|
|
1316
|
-
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);
|
|
1317
1315
|
}, 300);
|
|
1318
|
-
}, !1),
|
|
1319
|
-
for (var i =
|
|
1316
|
+
}, !1), e.addEventListener("click", function(l) {
|
|
1317
|
+
for (var i = l.target; i && i != this; i = i.parentNode)
|
|
1320
1318
|
if (i.matches("[data-go]")) {
|
|
1321
|
-
let
|
|
1322
|
-
|
|
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({
|
|
1323
1321
|
top: h,
|
|
1324
|
-
left:
|
|
1322
|
+
left: c,
|
|
1325
1323
|
behavior: "smooth"
|
|
1326
1324
|
});
|
|
1327
1325
|
break;
|
|
1328
1326
|
}
|
|
1329
1327
|
}, !1);
|
|
1330
1328
|
}
|
|
1331
|
-
const
|
|
1329
|
+
const Ke = {
|
|
1332
1330
|
name: "Testimonial",
|
|
1333
1331
|
props: {
|
|
1334
1332
|
items: {
|
|
@@ -1342,66 +1340,66 @@ const Xt = {
|
|
|
1342
1340
|
}
|
|
1343
1341
|
},
|
|
1344
1342
|
mounted() {
|
|
1345
|
-
|
|
1343
|
+
Ue(this.$refs.wrapper);
|
|
1346
1344
|
}
|
|
1347
|
-
},
|
|
1345
|
+
}, Ge = {
|
|
1348
1346
|
class: "container testimonial mb-5",
|
|
1349
1347
|
"data-show": "1",
|
|
1350
1348
|
ref: "wrapper"
|
|
1351
|
-
},
|
|
1352
|
-
/* @__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", {
|
|
1353
1351
|
"data-go": "0",
|
|
1354
1352
|
disabled: "",
|
|
1355
1353
|
class: "btn-prev"
|
|
1356
1354
|
}, "Previous"),
|
|
1357
|
-
/* @__PURE__ */
|
|
1355
|
+
/* @__PURE__ */ n("button", {
|
|
1358
1356
|
"data-go": "2",
|
|
1359
1357
|
class: "btn-next"
|
|
1360
1358
|
}, "Next")
|
|
1361
|
-
], -1),
|
|
1362
|
-
function
|
|
1363
|
-
return
|
|
1364
|
-
|
|
1365
|
-
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)
|
|
1366
1364
|
}, [
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
(
|
|
1371
|
-
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,
|
|
1372
1370
|
src: i.image ? i.image : "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",
|
|
1373
1371
|
alt: "",
|
|
1374
1372
|
class: v("h-100 w-100 object-cover" + (i.image ? "" : " opacity-0"))
|
|
1375
|
-
}, null, 10,
|
|
1373
|
+
}, null, 10, Xe))), 128))
|
|
1376
1374
|
]),
|
|
1377
|
-
|
|
1375
|
+
Je
|
|
1378
1376
|
]),
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
(
|
|
1383
|
-
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,
|
|
1384
1382
|
class: v(i.class)
|
|
1385
1383
|
}, [
|
|
1386
|
-
|
|
1384
|
+
n("div", {
|
|
1387
1385
|
innerHTML: i.quote
|
|
1388
|
-
}, null, 8,
|
|
1389
|
-
|
|
1386
|
+
}, null, 8, sa),
|
|
1387
|
+
n("cite", {
|
|
1390
1388
|
innerHTML: i.cite
|
|
1391
|
-
}, null, 8,
|
|
1389
|
+
}, null, 8, ia)
|
|
1392
1390
|
], 2))), 128))
|
|
1393
1391
|
]),
|
|
1394
|
-
|
|
1395
|
-
|
|
1392
|
+
n("div", ra, [
|
|
1393
|
+
_(e.$slots, "default")
|
|
1396
1394
|
])
|
|
1397
1395
|
])
|
|
1398
1396
|
]),
|
|
1399
|
-
|
|
1397
|
+
la
|
|
1400
1398
|
], 2)
|
|
1401
1399
|
], 512);
|
|
1402
1400
|
}
|
|
1403
|
-
const
|
|
1404
|
-
const
|
|
1401
|
+
const ci = /* @__PURE__ */ A(Ke, [["render", oa]]);
|
|
1402
|
+
const na = {
|
|
1405
1403
|
components: {
|
|
1406
1404
|
Input: R
|
|
1407
1405
|
},
|
|
@@ -1528,8 +1526,8 @@ const ma = {
|
|
|
1528
1526
|
};
|
|
1529
1527
|
},
|
|
1530
1528
|
methods: {
|
|
1531
|
-
locationKeyup: function(
|
|
1532
|
-
this.$emit("locationKeyup",
|
|
1529
|
+
locationKeyup: function(e) {
|
|
1530
|
+
this.$emit("locationKeyup", e);
|
|
1533
1531
|
}
|
|
1534
1532
|
},
|
|
1535
1533
|
computed: {
|
|
@@ -1537,8 +1535,8 @@ const ma = {
|
|
|
1537
1535
|
get() {
|
|
1538
1536
|
return this.locationSave ? this.locationSave : this.location;
|
|
1539
1537
|
},
|
|
1540
|
-
set(
|
|
1541
|
-
this.locationSave =
|
|
1538
|
+
set(e) {
|
|
1539
|
+
this.locationSave = e, this.$emit("input", e);
|
|
1542
1540
|
}
|
|
1543
1541
|
},
|
|
1544
1542
|
locationsList() {
|
|
@@ -1547,43 +1545,43 @@ const ma = {
|
|
|
1547
1545
|
];
|
|
1548
1546
|
}
|
|
1549
1547
|
}
|
|
1550
|
-
},
|
|
1548
|
+
}, ca = {
|
|
1551
1549
|
class: "container",
|
|
1552
1550
|
ref: "wrapper"
|
|
1553
|
-
},
|
|
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 = {
|
|
1554
1552
|
class: "row",
|
|
1555
1553
|
"data-input-range": ""
|
|
1556
|
-
},
|
|
1554
|
+
}, ya = { class: "col-12 col-md" }, pa = /* @__PURE__ */ n("span", { class: "form-label d-none d-md-block" }, "Number of beds", -1), _a = {
|
|
1557
1555
|
class: "row",
|
|
1558
1556
|
"data-input-range": ""
|
|
1559
|
-
},
|
|
1560
|
-
/* @__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", {
|
|
1561
1559
|
class: "btn w-100 me-0",
|
|
1562
1560
|
type: "submit",
|
|
1563
1561
|
value: "submit"
|
|
1564
1562
|
}, "Search")
|
|
1565
1563
|
], -1);
|
|
1566
|
-
function
|
|
1564
|
+
function Aa(e, a, t, s, o, l) {
|
|
1567
1565
|
const i = E("Input");
|
|
1568
|
-
return
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1566
|
+
return d(), u("div", ca, [
|
|
1567
|
+
_(e.$slots, "default"),
|
|
1568
|
+
n("div", da, [
|
|
1569
|
+
n("form", {
|
|
1572
1570
|
class: "row",
|
|
1573
|
-
action:
|
|
1574
|
-
method:
|
|
1571
|
+
action: t.formaction,
|
|
1572
|
+
method: t.formmethod
|
|
1575
1573
|
}, [
|
|
1576
|
-
|
|
1574
|
+
n("fieldset", ha, [
|
|
1577
1575
|
S(i, {
|
|
1578
1576
|
inputClass: "input--locations",
|
|
1579
|
-
modelValue:
|
|
1580
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
1577
|
+
modelValue: l.locationSet,
|
|
1578
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => l.locationSet = r),
|
|
1581
1579
|
label: "Location",
|
|
1582
1580
|
id: "location",
|
|
1583
|
-
options:
|
|
1581
|
+
options: l.locationsList(),
|
|
1584
1582
|
required: "",
|
|
1585
1583
|
placeholder: "i.e. Newcastle or NE1",
|
|
1586
|
-
onKeyupEvent: a[1] || (a[1] = (
|
|
1584
|
+
onKeyupEvent: a[1] || (a[1] = (r) => l.locationKeyup(...arguments)),
|
|
1587
1585
|
ref: "search"
|
|
1588
1586
|
}, null, 8, ["modelValue", "options"]),
|
|
1589
1587
|
S(i, {
|
|
@@ -1591,19 +1589,19 @@ function qa(t, a, e, s, r, n) {
|
|
|
1591
1589
|
label: "Miles",
|
|
1592
1590
|
id: "miles",
|
|
1593
1591
|
type: "select",
|
|
1594
|
-
options:
|
|
1592
|
+
options: t.distances
|
|
1595
1593
|
}, null, 8, ["options"])
|
|
1596
1594
|
]),
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1595
|
+
n("fieldset", ma, [
|
|
1596
|
+
fa,
|
|
1597
|
+
n("div", ba, [
|
|
1600
1598
|
S(i, {
|
|
1601
1599
|
class: "col-6",
|
|
1602
1600
|
label: "Minimum price",
|
|
1603
1601
|
id: "price-min",
|
|
1604
1602
|
"data-min": "true",
|
|
1605
1603
|
type: "select",
|
|
1606
|
-
options:
|
|
1604
|
+
options: t.pricemin
|
|
1607
1605
|
}, null, 8, ["options"]),
|
|
1608
1606
|
S(i, {
|
|
1609
1607
|
class: "col-6",
|
|
@@ -1611,20 +1609,20 @@ function qa(t, a, e, s, r, n) {
|
|
|
1611
1609
|
id: "price-max",
|
|
1612
1610
|
"data-max": "true",
|
|
1613
1611
|
type: "select",
|
|
1614
|
-
options:
|
|
1612
|
+
options: t.pricemax
|
|
1615
1613
|
}, null, 8, ["options"])
|
|
1616
1614
|
])
|
|
1617
1615
|
]),
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1616
|
+
n("fieldset", ya, [
|
|
1617
|
+
pa,
|
|
1618
|
+
n("div", _a, [
|
|
1621
1619
|
S(i, {
|
|
1622
1620
|
class: "col-6",
|
|
1623
1621
|
label: "Minimum beds",
|
|
1624
1622
|
id: "beds-min",
|
|
1625
1623
|
"data-min": "true",
|
|
1626
1624
|
type: "select",
|
|
1627
|
-
options:
|
|
1625
|
+
options: t.bedsmin
|
|
1628
1626
|
}, null, 8, ["options"]),
|
|
1629
1627
|
S(i, {
|
|
1630
1628
|
class: "col-6",
|
|
@@ -1632,41 +1630,40 @@ function qa(t, a, e, s, r, n) {
|
|
|
1632
1630
|
id: "beds-max",
|
|
1633
1631
|
"data-max": "true",
|
|
1634
1632
|
type: "select",
|
|
1635
|
-
options:
|
|
1633
|
+
options: t.bedsmax
|
|
1636
1634
|
}, null, 8, ["options"])
|
|
1637
1635
|
])
|
|
1638
1636
|
]),
|
|
1639
|
-
|
|
1637
|
+
n("fieldset", ga, [
|
|
1640
1638
|
S(i, {
|
|
1641
1639
|
label: "Property type",
|
|
1642
1640
|
id: "property-type",
|
|
1643
1641
|
type: "select",
|
|
1644
|
-
options:
|
|
1642
|
+
options: t.propertytypes
|
|
1645
1643
|
}, null, 8, ["options"])
|
|
1646
1644
|
]),
|
|
1647
|
-
|
|
1648
|
-
], 8,
|
|
1645
|
+
va
|
|
1646
|
+
], 8, ua)
|
|
1649
1647
|
]),
|
|
1650
|
-
|
|
1648
|
+
_(e.$slots, "after")
|
|
1651
1649
|
], 512);
|
|
1652
1650
|
}
|
|
1653
|
-
const
|
|
1654
|
-
Array.from(
|
|
1651
|
+
const di = /* @__PURE__ */ A(na, [["render", Aa]]), wa = (e) => {
|
|
1652
|
+
Array.from(e.querySelectorAll("details")).forEach((a, t) => {
|
|
1655
1653
|
a.addEventListener("mouseenter", function(s) {
|
|
1656
1654
|
window.matchMedia("(min-width: 62em)").matches && a.setAttribute("open", "true");
|
|
1657
1655
|
}, !1), a.addEventListener("mouseleave", function(s) {
|
|
1658
1656
|
window.matchMedia("(min-width: 62em)").matches && a.removeAttribute("open");
|
|
1659
1657
|
}, !1);
|
|
1660
1658
|
}), "IntersectionObserver" in window && new IntersectionObserver(
|
|
1661
|
-
([
|
|
1659
|
+
([t]) => t.target.classList.toggle("is-stuck", t.intersectionRatio < 1),
|
|
1662
1660
|
{ threshold: [1] }
|
|
1663
|
-
).observe(
|
|
1661
|
+
).observe(e);
|
|
1664
1662
|
};
|
|
1665
|
-
const
|
|
1663
|
+
const Sa = {
|
|
1666
1664
|
components: {
|
|
1667
1665
|
Input: R,
|
|
1668
|
-
Logo:
|
|
1669
|
-
Icon: he
|
|
1666
|
+
Logo: ht
|
|
1670
1667
|
},
|
|
1671
1668
|
name: "Nav",
|
|
1672
1669
|
props: {
|
|
@@ -1713,8 +1710,8 @@ const $a = {
|
|
|
1713
1710
|
};
|
|
1714
1711
|
},
|
|
1715
1712
|
methods: {
|
|
1716
|
-
subIsActive(
|
|
1717
|
-
return (Array.isArray(
|
|
1713
|
+
subIsActive(e) {
|
|
1714
|
+
return (Array.isArray(e) ? e : [e]).some((t) => this.$route.path.indexOf(t) === 0);
|
|
1718
1715
|
}
|
|
1719
1716
|
},
|
|
1720
1717
|
computed: {
|
|
@@ -1736,61 +1733,61 @@ const $a = {
|
|
|
1736
1733
|
},
|
|
1737
1734
|
mounted() {
|
|
1738
1735
|
this.$nextTick(function() {
|
|
1739
|
-
|
|
1736
|
+
wa(this.$refs.wrapper);
|
|
1740
1737
|
});
|
|
1741
1738
|
}
|
|
1742
|
-
},
|
|
1739
|
+
}, La = /* @__PURE__ */ n("input", {
|
|
1743
1740
|
type: "checkbox",
|
|
1744
1741
|
name: "showMenu",
|
|
1745
1742
|
id: "showMenu",
|
|
1746
1743
|
class: "d-none"
|
|
1747
|
-
}, null, -1),
|
|
1744
|
+
}, null, -1), ka = /* @__PURE__ */ n("input", {
|
|
1748
1745
|
type: "checkbox",
|
|
1749
1746
|
name: "showSearch",
|
|
1750
1747
|
id: "showSearch",
|
|
1751
1748
|
class: "d-none"
|
|
1752
|
-
}, null, -1),
|
|
1749
|
+
}, null, -1), xa = /* @__PURE__ */ n("input", {
|
|
1753
1750
|
type: "checkbox",
|
|
1754
1751
|
name: "showAccount",
|
|
1755
1752
|
id: "showAccount",
|
|
1756
1753
|
class: "d-none"
|
|
1757
|
-
}, null, -1),
|
|
1754
|
+
}, null, -1), qa = { class: "nav__mobile-bar" }, $a = { class: "container" }, Ta = { class: "row" }, Ha = {
|
|
1758
1755
|
key: 0,
|
|
1759
1756
|
class: "col mw-md-fit-content nav__logo"
|
|
1760
|
-
},
|
|
1757
|
+
}, Ma = {
|
|
1761
1758
|
key: 1,
|
|
1762
1759
|
class: "col mw-md-fit-content nav__logo"
|
|
1763
|
-
},
|
|
1760
|
+
}, Ca = {
|
|
1764
1761
|
href: "/",
|
|
1765
1762
|
class: "text-decoration-none mb-0"
|
|
1766
|
-
},
|
|
1767
|
-
/* @__PURE__ */
|
|
1768
|
-
], -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 = {
|
|
1769
1766
|
key: 0,
|
|
1770
1767
|
class: "col mw-md-fit-content nav__logo"
|
|
1771
|
-
},
|
|
1768
|
+
}, za = {
|
|
1772
1769
|
key: 1,
|
|
1773
1770
|
class: "col mw-md-fit-content nav__logo"
|
|
1774
|
-
},
|
|
1771
|
+
}, Fa = {
|
|
1775
1772
|
href: "/",
|
|
1776
1773
|
class: "text-decoration-none mb-0"
|
|
1777
|
-
},
|
|
1774
|
+
}, Ia = {
|
|
1778
1775
|
key: 2,
|
|
1779
1776
|
class: "col mw-fit-content nav__search-btn flex-row align-items-center"
|
|
1780
|
-
},
|
|
1781
|
-
/* @__PURE__ */
|
|
1777
|
+
}, Ba = /* @__PURE__ */ n("label", { for: "showSearch" }, [
|
|
1778
|
+
/* @__PURE__ */ n("svg", {
|
|
1782
1779
|
class: "icon",
|
|
1783
1780
|
viewBox: "0 0 32 32"
|
|
1784
1781
|
}, [
|
|
1785
|
-
/* @__PURE__ */
|
|
1786
|
-
/* @__PURE__ */
|
|
1782
|
+
/* @__PURE__ */ n("title", null, "Search"),
|
|
1783
|
+
/* @__PURE__ */ n("ellipse", {
|
|
1787
1784
|
cx: "14.92",
|
|
1788
1785
|
cy: "13.81",
|
|
1789
1786
|
rx: "11.92",
|
|
1790
1787
|
ry: "11.81",
|
|
1791
1788
|
class: "icon__outline"
|
|
1792
1789
|
}),
|
|
1793
|
-
/* @__PURE__ */
|
|
1790
|
+
/* @__PURE__ */ n("line", {
|
|
1794
1791
|
x1: "22.68",
|
|
1795
1792
|
y1: "22.75",
|
|
1796
1793
|
x2: "30",
|
|
@@ -1798,152 +1795,152 @@ const $a = {
|
|
|
1798
1795
|
class: "icon__outline"
|
|
1799
1796
|
})
|
|
1800
1797
|
])
|
|
1801
|
-
], -1),
|
|
1802
|
-
|
|
1803
|
-
],
|
|
1804
|
-
/* @__PURE__ */
|
|
1805
|
-
], -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 = {
|
|
1806
1803
|
key: 3,
|
|
1807
1804
|
class: "col nav__account-btn flex-row align-items-center"
|
|
1808
|
-
},
|
|
1809
|
-
/* @__PURE__ */
|
|
1805
|
+
}, Ua = /* @__PURE__ */ n("label", { for: "showAccount" }, [
|
|
1806
|
+
/* @__PURE__ */ n("svg", {
|
|
1810
1807
|
class: "icon",
|
|
1811
1808
|
viewBox: "0 0 28 28"
|
|
1812
1809
|
}, [
|
|
1813
|
-
/* @__PURE__ */
|
|
1810
|
+
/* @__PURE__ */ n("path", {
|
|
1814
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",
|
|
1815
1812
|
transform: "translate(0 -0.001)"
|
|
1816
1813
|
}),
|
|
1817
|
-
/* @__PURE__ */
|
|
1814
|
+
/* @__PURE__ */ n("path", {
|
|
1818
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",
|
|
1819
1816
|
transform: "translate(8.8 4.8)"
|
|
1820
1817
|
})
|
|
1821
1818
|
]),
|
|
1822
|
-
/* @__PURE__ */
|
|
1823
|
-
], -1),
|
|
1824
|
-
|
|
1825
|
-
],
|
|
1819
|
+
/* @__PURE__ */ n("span", null, "My account")
|
|
1820
|
+
], -1), Ka = [
|
|
1821
|
+
Ua
|
|
1822
|
+
], Ga = {
|
|
1826
1823
|
key: 4,
|
|
1827
1824
|
class: "col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"
|
|
1828
|
-
},
|
|
1825
|
+
}, Qa = ["href", "innerHTML"], Ya = {
|
|
1829
1826
|
key: 0,
|
|
1830
1827
|
class: "nav__menu--secondary"
|
|
1831
|
-
},
|
|
1828
|
+
}, Za = { class: "container" }, Xa = {
|
|
1832
1829
|
key: 1,
|
|
1833
1830
|
class: "nav__menu--search"
|
|
1834
|
-
},
|
|
1831
|
+
}, Ja = { class: "bg-gradient pt-4" }, ts = { class: "container" }, es = {
|
|
1835
1832
|
key: 0,
|
|
1836
1833
|
class: "nav__menu--account"
|
|
1837
|
-
},
|
|
1834
|
+
}, as = { class: "container" }, ss = { class: "row mb-4" }, is = {
|
|
1838
1835
|
key: 0,
|
|
1839
1836
|
class: "col mw-md-fit-content nav__logo"
|
|
1840
|
-
},
|
|
1837
|
+
}, rs = {
|
|
1841
1838
|
key: 1,
|
|
1842
1839
|
class: "col mw-md-fit-content nav__logo"
|
|
1843
|
-
},
|
|
1840
|
+
}, ls = {
|
|
1844
1841
|
href: "/",
|
|
1845
1842
|
class: "text-decoration-none mb-0"
|
|
1846
|
-
},
|
|
1847
|
-
/* @__PURE__ */
|
|
1848
|
-
], -1),
|
|
1849
|
-
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) {
|
|
1850
1847
|
const i = E("Logo");
|
|
1851
|
-
return
|
|
1852
|
-
class: v(`nav${
|
|
1848
|
+
return d(), u("nav", {
|
|
1849
|
+
class: v(`nav${l.hasSecondarySlot ? " has-secondary" : ""}`),
|
|
1853
1850
|
ref: "wrapper"
|
|
1854
1851
|
}, [
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
])) : (
|
|
1864
|
-
|
|
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, [
|
|
1865
1862
|
S(i, {
|
|
1866
|
-
id:
|
|
1867
|
-
path:
|
|
1868
|
-
desc:
|
|
1863
|
+
id: t.logo,
|
|
1864
|
+
path: t.logopath,
|
|
1865
|
+
desc: t.logotext,
|
|
1869
1866
|
class: "pb-0"
|
|
1870
1867
|
}, null, 8, ["id", "path", "desc"])
|
|
1871
1868
|
])
|
|
1872
1869
|
])),
|
|
1873
|
-
|
|
1870
|
+
Ea
|
|
1874
1871
|
])
|
|
1875
1872
|
])
|
|
1876
1873
|
]),
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
])) : (
|
|
1883
|
-
|
|
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, [
|
|
1884
1881
|
S(i, {
|
|
1885
|
-
id:
|
|
1886
|
-
path:
|
|
1887
|
-
desc:
|
|
1882
|
+
id: t.logo,
|
|
1883
|
+
path: t.logopath,
|
|
1884
|
+
desc: t.logotext,
|
|
1888
1885
|
class: "pb-0"
|
|
1889
1886
|
}, null, 8, ["id", "path", "desc"])
|
|
1890
1887
|
])
|
|
1891
1888
|
])),
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1889
|
+
l.hasSearchSlot ? (d(), u("div", Ia, Va)) : p("", !0),
|
|
1890
|
+
Wa,
|
|
1891
|
+
n("div", ja, [
|
|
1892
|
+
_(e.$slots, "default")
|
|
1896
1893
|
]),
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
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,
|
|
1901
1898
|
class: "btn me-0",
|
|
1902
|
-
innerHTML:
|
|
1903
|
-
}, null, 8,
|
|
1904
|
-
])) :
|
|
1899
|
+
innerHTML: t.btntext
|
|
1900
|
+
}, null, 8, Qa)
|
|
1901
|
+
])) : p("", !0)
|
|
1905
1902
|
])
|
|
1906
1903
|
]),
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1904
|
+
l.hasSecondarySlot ? (d(), u("div", Ya, [
|
|
1905
|
+
n("div", Za, [
|
|
1906
|
+
_(e.$slots, "secondary")
|
|
1910
1907
|
])
|
|
1911
|
-
])) :
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1908
|
+
])) : p("", !0),
|
|
1909
|
+
l.hasSearchSlot ? (d(), u("div", Xa, [
|
|
1910
|
+
n("div", Ja, [
|
|
1911
|
+
n("div", ts, [
|
|
1912
|
+
_(e.$slots, "search")
|
|
1916
1913
|
])
|
|
1917
1914
|
])
|
|
1918
|
-
])) :
|
|
1915
|
+
])) : p("", !0)
|
|
1919
1916
|
]),
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
])) : (
|
|
1926
|
-
|
|
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, [
|
|
1927
1924
|
S(i, {
|
|
1928
|
-
id:
|
|
1929
|
-
path:
|
|
1930
|
-
desc:
|
|
1925
|
+
id: t.logo,
|
|
1926
|
+
path: t.logopath,
|
|
1927
|
+
desc: t.logotext,
|
|
1931
1928
|
class: "pb-0"
|
|
1932
1929
|
}, null, 8, ["id", "path", "desc"])
|
|
1933
1930
|
])
|
|
1934
1931
|
])),
|
|
1935
|
-
|
|
1932
|
+
os
|
|
1936
1933
|
])
|
|
1937
1934
|
]),
|
|
1938
|
-
|
|
1939
|
-
|
|
1935
|
+
n("div", ns, [
|
|
1936
|
+
_(e.$slots, "account")
|
|
1940
1937
|
])
|
|
1941
|
-
])) :
|
|
1942
|
-
|
|
1938
|
+
])) : p("", !0),
|
|
1939
|
+
cs
|
|
1943
1940
|
], 2);
|
|
1944
1941
|
}
|
|
1945
|
-
const
|
|
1946
|
-
const
|
|
1942
|
+
const ui = /* @__PURE__ */ A(Sa, [["render", ds]]);
|
|
1943
|
+
const us = {
|
|
1947
1944
|
name: "Stepper",
|
|
1948
1945
|
props: {
|
|
1949
1946
|
label: {
|
|
@@ -1956,25 +1953,25 @@ const bs = {
|
|
|
1956
1953
|
default: "Complete"
|
|
1957
1954
|
}
|
|
1958
1955
|
}
|
|
1959
|
-
},
|
|
1956
|
+
}, hs = { class: "container" }, ms = ["aria-label"], fs = {
|
|
1960
1957
|
key: 0,
|
|
1961
1958
|
class: "h6 stepper__start"
|
|
1962
|
-
},
|
|
1963
|
-
function
|
|
1964
|
-
return
|
|
1965
|
-
|
|
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", {
|
|
1966
1963
|
class: "stepper",
|
|
1967
|
-
"aria-label":
|
|
1964
|
+
"aria-label": t.label ? t.label : "Progress"
|
|
1968
1965
|
}, [
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1966
|
+
t.label ? (d(), u("span", fs, k(t.label), 1)) : p("", !0),
|
|
1967
|
+
n("ol", bs, [
|
|
1968
|
+
_(e.$slots, "default")
|
|
1972
1969
|
]),
|
|
1973
|
-
|
|
1974
|
-
], 8,
|
|
1970
|
+
n("span", ys, k(t.endlabel), 1)
|
|
1971
|
+
], 8, ms)
|
|
1975
1972
|
]);
|
|
1976
1973
|
}
|
|
1977
|
-
const
|
|
1974
|
+
const hi = /* @__PURE__ */ A(us, [["render", ps]]), _s = {
|
|
1978
1975
|
name: "Stepper",
|
|
1979
1976
|
props: {
|
|
1980
1977
|
url: {
|
|
@@ -1990,77 +1987,80 @@ const _i = /* @__PURE__ */ A(bs, [["render", ws]]), Ss = {
|
|
|
1990
1987
|
required: !1
|
|
1991
1988
|
}
|
|
1992
1989
|
}
|
|
1993
|
-
},
|
|
1990
|
+
}, gs = ["href", "aria-current"], vs = {
|
|
1994
1991
|
key: 0,
|
|
1995
1992
|
class: "visually-hidden"
|
|
1996
1993
|
};
|
|
1997
|
-
function
|
|
1998
|
-
return
|
|
1999
|
-
|
|
2000
|
-
href:
|
|
2001
|
-
class: v(`${
|
|
2002
|
-
"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"
|
|
2003
2000
|
}, [
|
|
2004
|
-
|
|
2005
|
-
|
|
2001
|
+
n("span", null, [
|
|
2002
|
+
_(e.$slots, "default")
|
|
2006
2003
|
]),
|
|
2007
|
-
|
|
2008
|
-
], 10,
|
|
2004
|
+
t.status ? (d(), u("em", vs, " - status: " + k(t.status), 1)) : p("", !0)
|
|
2005
|
+
], 10, gs)
|
|
2009
2006
|
]);
|
|
2010
2007
|
}
|
|
2011
|
-
const
|
|
2012
|
-
const a =
|
|
2013
|
-
|
|
2014
|
-
let
|
|
2015
|
-
|
|
2016
|
-
let
|
|
2017
|
-
|
|
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");
|
|
2018
2015
|
let i = document.createElement("button");
|
|
2019
|
-
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);
|
|
2020
2017
|
});
|
|
2021
|
-
},
|
|
2022
|
-
let a =
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
let
|
|
2027
|
-
i.setAttribute("aria-pressed",
|
|
2028
|
-
}), a.forEach((i,
|
|
2029
|
-
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;
|
|
2030
2027
|
h ? i.setAttribute("open", h) : i.removeAttribute("open");
|
|
2031
|
-
}),
|
|
2028
|
+
}), o.hasAttribute("href") && history.pushState(void 0, void 0, o.getAttribute("href")), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
2032
2029
|
event: "openTab",
|
|
2033
|
-
tabTitle:
|
|
2030
|
+
tabTitle: o.textContent
|
|
2034
2031
|
});
|
|
2035
2032
|
});
|
|
2036
|
-
}),
|
|
2037
|
-
|
|
2038
|
-
s.forEach((
|
|
2039
|
-
|
|
2040
|
-
}), s[
|
|
2041
|
-
}),
|
|
2042
|
-
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();
|
|
2043
2040
|
});
|
|
2044
2041
|
});
|
|
2045
|
-
},
|
|
2046
|
-
let a =
|
|
2047
|
-
|
|
2048
|
-
},
|
|
2049
|
-
|
|
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);
|
|
2050
2047
|
};
|
|
2051
2048
|
window.dataLayer = window.dataLayer || [];
|
|
2052
2049
|
window.dataLayer.push({
|
|
2053
2050
|
event: "customElementRegistered",
|
|
2054
2051
|
element: "tabs"
|
|
2055
2052
|
});
|
|
2056
|
-
class
|
|
2053
|
+
class xs extends HTMLElement {
|
|
2057
2054
|
constructor() {
|
|
2058
2055
|
super(), this.attachShadow({ mode: "open" });
|
|
2059
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
2060
|
-
|
|
2056
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.createElement("template");
|
|
2057
|
+
t.innerHTML = `
|
|
2061
2058
|
<style>
|
|
2062
2059
|
@import "${a}/css/core.min.css";
|
|
2063
|
-
|
|
2060
|
+
|
|
2061
|
+
:host(.admin-panel){
|
|
2062
|
+
display: contents!important;
|
|
2063
|
+
}
|
|
2064
2064
|
|
|
2065
2065
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2066
2066
|
</style>
|
|
@@ -2068,22 +2068,23 @@ class Cs extends HTMLElement {
|
|
|
2068
2068
|
<div class="tabs__links"></div>
|
|
2069
2069
|
<slot></slot>
|
|
2070
2070
|
</div>
|
|
2071
|
-
`, this.shadowRoot.appendChild(
|
|
2071
|
+
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2072
2072
|
}
|
|
2073
2073
|
connectedCallback() {
|
|
2074
|
-
|
|
2074
|
+
let a = this.classList.toString().replace("container", "");
|
|
2075
|
+
this.shadowRoot.querySelector(".tabs").setAttribute("class", `tabs ${a}`), ks(this);
|
|
2075
2076
|
}
|
|
2076
2077
|
}
|
|
2077
|
-
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs",
|
|
2078
|
-
const
|
|
2078
|
+
window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", xs);
|
|
2079
|
+
const qs = {
|
|
2079
2080
|
name: "Tabs"
|
|
2080
|
-
},
|
|
2081
|
-
function
|
|
2082
|
-
return
|
|
2083
|
-
|
|
2081
|
+
}, $s = { ref: "wrapper" };
|
|
2082
|
+
function Ts(e, a, t, s, o, l) {
|
|
2083
|
+
return d(), u("iam-tabs", $s, [
|
|
2084
|
+
_(e.$slots, "default")
|
|
2084
2085
|
], 512);
|
|
2085
2086
|
}
|
|
2086
|
-
const
|
|
2087
|
+
const fi = /* @__PURE__ */ A(qs, [["render", Ts]]), Hs = {
|
|
2087
2088
|
name: "Tab",
|
|
2088
2089
|
props: {
|
|
2089
2090
|
title: {
|
|
@@ -2101,44 +2102,44 @@ const gi = /* @__PURE__ */ A(Ms, [["render", Ns]]), Ds = {
|
|
|
2101
2102
|
};
|
|
2102
2103
|
},
|
|
2103
2104
|
watch: {
|
|
2104
|
-
show(
|
|
2105
|
-
console.log(
|
|
2105
|
+
show(e, a) {
|
|
2106
|
+
console.log(e);
|
|
2106
2107
|
}
|
|
2107
2108
|
}
|
|
2108
|
-
},
|
|
2109
|
-
function
|
|
2110
|
-
return
|
|
2111
|
-
|
|
2112
|
-
|
|
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")
|
|
2113
2114
|
]);
|
|
2114
2115
|
}
|
|
2115
|
-
const
|
|
2116
|
-
function
|
|
2117
|
-
if (
|
|
2118
|
-
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)
|
|
2119
2120
|
if (s.matches(".btn-close")) {
|
|
2120
|
-
|
|
2121
|
-
|
|
2121
|
+
t.preventDefault(), e.classList.remove("show"), setTimeout(function() {
|
|
2122
|
+
e.remove();
|
|
2122
2123
|
}, 300);
|
|
2123
2124
|
break;
|
|
2124
2125
|
}
|
|
2125
|
-
}, !1),
|
|
2126
|
-
let
|
|
2126
|
+
}, !1), e.hasAttribute("data-timeout")) {
|
|
2127
|
+
let t = e.getAttribute("data-timeout");
|
|
2127
2128
|
setTimeout(function() {
|
|
2128
|
-
|
|
2129
|
-
|
|
2129
|
+
e.classList.remove("show"), setTimeout(function() {
|
|
2130
|
+
e.remove();
|
|
2130
2131
|
}, 300);
|
|
2131
|
-
},
|
|
2132
|
+
}, t);
|
|
2132
2133
|
}
|
|
2133
2134
|
if (!document.querySelector(".alert__holder")) {
|
|
2134
2135
|
document.getElementsByTagName("BODY")[0];
|
|
2135
|
-
let
|
|
2136
|
-
|
|
2136
|
+
let t = document.createElement("div");
|
|
2137
|
+
t.classList.add("alert__holder"), document.querySelector("main") ? document.querySelector("main").appendChild(t) : document.body.appendChild(t);
|
|
2137
2138
|
}
|
|
2138
2139
|
let a = document.querySelector(".alert__holder");
|
|
2139
|
-
|
|
2140
|
+
e.classList.contains("alert--fixed") && !e.parentNode.classList.contains("alert__wrapper") && a.appendChild(e);
|
|
2140
2141
|
}
|
|
2141
|
-
const
|
|
2142
|
+
const Ds = {
|
|
2142
2143
|
name: "Alert",
|
|
2143
2144
|
props: {
|
|
2144
2145
|
dismissible: {
|
|
@@ -2157,37 +2158,37 @@ const Bs = {
|
|
|
2157
2158
|
}
|
|
2158
2159
|
},
|
|
2159
2160
|
mounted() {
|
|
2160
|
-
|
|
2161
|
+
Ns(this.$refs.wrapper);
|
|
2161
2162
|
}
|
|
2162
|
-
},
|
|
2163
|
+
}, Rs = ["data-timeout"], Ps = {
|
|
2163
2164
|
key: 0,
|
|
2164
2165
|
type: "button",
|
|
2165
2166
|
class: "btn-close",
|
|
2166
2167
|
"data-bs-dismiss": "alert",
|
|
2167
2168
|
"aria-label": "Close"
|
|
2168
2169
|
};
|
|
2169
|
-
function
|
|
2170
|
-
return
|
|
2171
|
-
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" : ""}`),
|
|
2172
2173
|
ref: "wrapper",
|
|
2173
|
-
"data-timeout":
|
|
2174
|
-
style:
|
|
2174
|
+
"data-timeout": t.timeout,
|
|
2175
|
+
style: lt(t.timeout ? `--animation-length: ${t.timeout}ms` : "")
|
|
2175
2176
|
}, [
|
|
2176
|
-
|
|
2177
|
-
class: v(`alert__inner bg-${
|
|
2177
|
+
n("div", {
|
|
2178
|
+
class: v(`alert__inner bg-${t.colour}`),
|
|
2178
2179
|
role: "alert"
|
|
2179
2180
|
}, [
|
|
2180
|
-
|
|
2181
|
-
|
|
2181
|
+
t.dismissible ? (d(), u("button", Ps)) : p("", !0),
|
|
2182
|
+
_(e.$slots, "default")
|
|
2182
2183
|
], 2)
|
|
2183
|
-
], 14,
|
|
2184
|
+
], 14, Rs);
|
|
2184
2185
|
}
|
|
2185
|
-
const
|
|
2186
|
-
let
|
|
2187
|
-
|
|
2188
|
-
const
|
|
2186
|
+
const yi = /* @__PURE__ */ A(Ds, [["render", zs]]);
|
|
2187
|
+
let et = tt.props;
|
|
2188
|
+
et.fields.required = !1;
|
|
2189
|
+
const Fs = {
|
|
2189
2190
|
components: {
|
|
2190
|
-
Table:
|
|
2191
|
+
Table: tt,
|
|
2191
2192
|
Input: R
|
|
2192
2193
|
},
|
|
2193
2194
|
data() {
|
|
@@ -2197,17 +2198,17 @@ const Ws = {
|
|
|
2197
2198
|
};
|
|
2198
2199
|
},
|
|
2199
2200
|
methods: {
|
|
2200
|
-
submitForm: function(
|
|
2201
|
+
submitForm: function(e) {
|
|
2201
2202
|
console.log(this);
|
|
2202
|
-
const a = new FormData(
|
|
2203
|
-
let
|
|
2204
|
-
const s =
|
|
2205
|
-
let
|
|
2206
|
-
|
|
2207
|
-
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,
|
|
2208
2209
|
user: a.get("user"),
|
|
2209
2210
|
note: a.get("addNote")
|
|
2210
|
-
}), this.$emit("formSubmitted",
|
|
2211
|
+
}), this.$emit("formSubmitted", e);
|
|
2211
2212
|
}
|
|
2212
2213
|
},
|
|
2213
2214
|
name: "NoteFeed",
|
|
@@ -2216,7 +2217,7 @@ const Ws = {
|
|
|
2216
2217
|
type: String,
|
|
2217
2218
|
required: !0
|
|
2218
2219
|
},
|
|
2219
|
-
...
|
|
2220
|
+
...et,
|
|
2220
2221
|
title: {
|
|
2221
2222
|
type: String,
|
|
2222
2223
|
required: !1
|
|
@@ -2231,141 +2232,147 @@ const Ws = {
|
|
|
2231
2232
|
required: !1
|
|
2232
2233
|
}
|
|
2233
2234
|
}
|
|
2234
|
-
},
|
|
2235
|
-
function
|
|
2236
|
-
const i = E("Table"),
|
|
2237
|
-
return
|
|
2238
|
-
|
|
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", {
|
|
2239
2240
|
key: 0,
|
|
2240
2241
|
class: "h3",
|
|
2241
|
-
innerHTML:
|
|
2242
|
-
}, null, 8,
|
|
2242
|
+
innerHTML: t.title
|
|
2243
|
+
}, null, 8, Bs)) : p("", !0),
|
|
2243
2244
|
S(i, H({
|
|
2244
2245
|
fields: [{ key: "date_added" }, { key: "user" }, { key: "note" }],
|
|
2245
|
-
items:
|
|
2246
|
-
},
|
|
2247
|
-
|
|
2248
|
-
action:
|
|
2249
|
-
method:
|
|
2250
|
-
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"]))
|
|
2251
2252
|
}, [
|
|
2252
|
-
|
|
2253
|
+
n("input", {
|
|
2253
2254
|
type: "hidden",
|
|
2254
|
-
value:
|
|
2255
|
+
value: t.user,
|
|
2255
2256
|
name: "user"
|
|
2256
|
-
}, null, 8,
|
|
2257
|
-
S(
|
|
2257
|
+
}, null, 8, Ws),
|
|
2258
|
+
S(r, {
|
|
2258
2259
|
id: "addNote",
|
|
2259
2260
|
type: "textarea",
|
|
2260
2261
|
label: "Add note",
|
|
2261
2262
|
required: "",
|
|
2262
2263
|
class: "mw-100"
|
|
2263
2264
|
}),
|
|
2264
|
-
|
|
2265
|
-
], 40,
|
|
2265
|
+
js
|
|
2266
|
+
], 40, Vs)
|
|
2266
2267
|
]);
|
|
2267
2268
|
}
|
|
2268
|
-
const
|
|
2269
|
-
function
|
|
2270
|
-
function
|
|
2271
|
-
let
|
|
2272
|
-
i.includes("[]") && (i = i.replace("[]", `[${
|
|
2273
|
-
let
|
|
2274
|
-
|
|
2275
|
-
let h =
|
|
2276
|
-
if (
|
|
2277
|
-
let
|
|
2278
|
-
if (i = "",
|
|
2279
|
-
let g =
|
|
2280
|
-
if (i += `${
|
|
2281
|
-
let
|
|
2282
|
-
|
|
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);
|
|
2283
2284
|
} else
|
|
2284
|
-
|
|
2285
|
-
}), s.querySelector(`[data-name="${i}"]`) && s.querySelector(`[data-name="${i}"]`).remove(),
|
|
2286
|
-
let
|
|
2287
|
-
|
|
2288
|
-
let
|
|
2289
|
-
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);
|
|
2290
2291
|
});
|
|
2291
|
-
let
|
|
2292
|
-
|
|
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);
|
|
2293
2294
|
}
|
|
2294
2295
|
}
|
|
2295
2296
|
}
|
|
2296
|
-
Array.from(
|
|
2297
|
-
|
|
2298
|
-
}),
|
|
2297
|
+
Array.from(e.querySelectorAll('input[type="checkbox"]:checked')).forEach((s, o) => {
|
|
2298
|
+
t(a, s);
|
|
2299
|
+
}), e.addEventListener("change", function(s) {
|
|
2299
2300
|
if (s && s.target instanceof HTMLElement && s.target.closest("input[data-filter-text]")) {
|
|
2300
|
-
let
|
|
2301
|
-
|
|
2301
|
+
let o = s.target.closest("input[data-filter-text]");
|
|
2302
|
+
t(a, o);
|
|
2302
2303
|
}
|
|
2303
2304
|
}, !1), a.addEventListener("click", function(s) {
|
|
2304
2305
|
if (s && s.target instanceof HTMLElement && s.target.closest(".filter")) {
|
|
2305
|
-
let i = s.target.closest(".filter"),
|
|
2306
|
-
for (var
|
|
2307
|
-
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}"]`;
|
|
2308
2309
|
if (h.match(/\[(.*)\]/)) {
|
|
2309
|
-
let
|
|
2310
|
-
|
|
2310
|
+
let m = h.replace(/\[(.*)\]/, "[]"), y = h.replace(/.*\[(.*)\]/, "$1");
|
|
2311
|
+
c = `[name="${m}"][value="${y}"]`;
|
|
2311
2312
|
}
|
|
2312
|
-
let
|
|
2313
|
-
for (var
|
|
2314
|
-
let
|
|
2315
|
-
|
|
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 = "";
|
|
2318
|
+
else {
|
|
2319
|
+
m.checked = !1;
|
|
2320
|
+
var s = new Event("force");
|
|
2321
|
+
m.closest("form").dispatchEvent(s);
|
|
2322
|
+
}
|
|
2316
2323
|
}
|
|
2317
2324
|
}
|
|
2318
2325
|
i.remove();
|
|
2319
2326
|
}
|
|
2320
2327
|
}, !1);
|
|
2321
2328
|
}
|
|
2322
|
-
const
|
|
2323
|
-
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 {
|
|
2324
2331
|
constructor() {
|
|
2325
2332
|
super(), this.attachShadow({ mode: "open" });
|
|
2326
2333
|
let a = this.classList.toString();
|
|
2327
|
-
const
|
|
2328
|
-
|
|
2334
|
+
const t = document.createElement("template");
|
|
2335
|
+
t.innerHTML = `
|
|
2329
2336
|
<style>
|
|
2330
|
-
@import "${
|
|
2331
|
-
${
|
|
2337
|
+
@import "${at}/css/core.min.css";
|
|
2338
|
+
${Ks}
|
|
2332
2339
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2333
2340
|
</style>
|
|
2334
2341
|
<div class="applied-filters ${a}"></div>
|
|
2335
2342
|
<slot></slot>
|
|
2336
|
-
`, this.shadowRoot.appendChild(
|
|
2343
|
+
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2337
2344
|
}
|
|
2338
2345
|
connectedCallback() {
|
|
2339
|
-
|
|
2346
|
+
Us(this, this.shadowRoot.querySelector(".applied-filters"));
|
|
2340
2347
|
}
|
|
2341
2348
|
}
|
|
2342
|
-
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters",
|
|
2343
|
-
const
|
|
2349
|
+
window.customElements.get("iam-applied-filters") || window.customElements.define("iam-applied-filters", Gs);
|
|
2350
|
+
const Qs = {
|
|
2344
2351
|
name: "Header"
|
|
2345
2352
|
};
|
|
2346
|
-
function
|
|
2347
|
-
return
|
|
2348
|
-
|
|
2353
|
+
function Ys(e, a, t, s, o, l) {
|
|
2354
|
+
return d(), u("iam-applied-filters", null, [
|
|
2355
|
+
_(e.$slots, "default")
|
|
2349
2356
|
]);
|
|
2350
2357
|
}
|
|
2351
|
-
const
|
|
2352
|
-
function
|
|
2353
|
-
|
|
2358
|
+
const _i = /* @__PURE__ */ A(Qs, [["render", Ys]]);
|
|
2359
|
+
function Zs(e, a) {
|
|
2360
|
+
Xs(e, a);
|
|
2354
2361
|
}
|
|
2355
|
-
function
|
|
2356
|
-
var
|
|
2362
|
+
function Xs(e, a) {
|
|
2363
|
+
var t;
|
|
2357
2364
|
a.addEventListener("keyup", (s) => {
|
|
2358
|
-
clearTimeout(
|
|
2359
|
-
|
|
2365
|
+
clearTimeout(t), t = setTimeout(function() {
|
|
2366
|
+
G(e, a.value);
|
|
2360
2367
|
}, 500);
|
|
2361
2368
|
}), a.addEventListener("change", (s) => {
|
|
2362
|
-
clearTimeout(
|
|
2369
|
+
clearTimeout(t), G(e, a.value);
|
|
2363
2370
|
});
|
|
2364
2371
|
}
|
|
2365
|
-
const
|
|
2366
|
-
Array.from(
|
|
2367
|
-
let
|
|
2368
|
-
|
|
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");
|
|
2369
2376
|
}), window.dataLayer = window.dataLayer || [], window.dataLayer.push({
|
|
2370
2377
|
event: "Filtered list",
|
|
2371
2378
|
value: a
|
|
@@ -2376,71 +2383,74 @@ window.dataLayer.push({
|
|
|
2376
2383
|
event: "customElementRegistered",
|
|
2377
2384
|
element: "filterlist"
|
|
2378
2385
|
});
|
|
2379
|
-
class
|
|
2386
|
+
class Js extends HTMLElement {
|
|
2380
2387
|
constructor() {
|
|
2381
2388
|
super(), this.attachShadow({ mode: "open" });
|
|
2382
|
-
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets",
|
|
2383
|
-
|
|
2389
|
+
const a = document.body.hasAttribute("data-assets-location") ? document.body.getAttribute("data-assets-location") : "/assets", t = document.createElement("template");
|
|
2390
|
+
t.innerHTML = `
|
|
2384
2391
|
<style>
|
|
2385
2392
|
@import "${a}/css/core.min.css";
|
|
2386
2393
|
${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
|
|
2387
2394
|
|
|
2388
2395
|
:host {
|
|
2389
|
-
margin-bottom:
|
|
2396
|
+
margin-bottom: 1rem;
|
|
2390
2397
|
display:block;
|
|
2391
2398
|
}
|
|
2399
|
+
:host(.mh-sm){
|
|
2400
|
+
max-height: none!important;
|
|
2401
|
+
}
|
|
2402
|
+
:host(.mh-md){
|
|
2403
|
+
max-height: none!important;
|
|
2404
|
+
}
|
|
2405
|
+
:host(.mh-lg){
|
|
2406
|
+
max-height: none!important;
|
|
2407
|
+
}
|
|
2392
2408
|
</style>
|
|
2393
2409
|
<div class="form-control__wrapper">
|
|
2394
2410
|
<label for="search" class="visually-hidden">Search</label>
|
|
2395
2411
|
<span class="suffix" role="presentation"><slot name="icon"></slot></span>
|
|
2396
|
-
<input name="search" id="search" type="text" class="form-control" autocomplete="off"
|
|
2412
|
+
<input name="search" id="search" type="text" class="form-control" autocomplete="off" placeholder="Search" />
|
|
2397
2413
|
</div>
|
|
2398
2414
|
<div class="list__wrapper">
|
|
2399
2415
|
<slot></slot>
|
|
2400
2416
|
</div>
|
|
2401
|
-
`, this.shadowRoot.appendChild(
|
|
2417
|
+
`, this.shadowRoot.appendChild(t.content.cloneNode(!0));
|
|
2402
2418
|
}
|
|
2403
2419
|
connectedCallback() {
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
medium: "25rem",
|
|
2407
|
-
large: "37.5rem"
|
|
2408
|
-
};
|
|
2409
|
-
let e = this.hasAttribute("data-max-height") && a[this.getAttribute("data-max-height")] ? "list__wrapper--" + this.getAttribute("data-max-height") : "";
|
|
2410
|
-
this.shadowRoot.querySelector(".list__wrapper").classList.add(e), this.querySelector("i.fa-search") || (this.innerHTML += '<i class="fa fa-light fa-search" aria-hidden="true" slot="icon"></i>'), ai(this.querySelector("ul"), this.shadowRoot.querySelector("#search"));
|
|
2420
|
+
let a = this.classList.toString();
|
|
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"));
|
|
2411
2422
|
}
|
|
2412
2423
|
}
|
|
2413
|
-
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist",
|
|
2414
|
-
const
|
|
2424
|
+
window.customElements.get("iam-filterlist") || window.customElements.define("iam-filterlist", Js);
|
|
2425
|
+
const ti = {
|
|
2415
2426
|
name: "Filter list"
|
|
2416
2427
|
};
|
|
2417
|
-
function
|
|
2418
|
-
return
|
|
2419
|
-
|
|
2428
|
+
function ei(e, a, t, s, o, l) {
|
|
2429
|
+
return d(), u("iam-filterlist", null, [
|
|
2430
|
+
_(e.$slots, "default")
|
|
2420
2431
|
]);
|
|
2421
2432
|
}
|
|
2422
|
-
const
|
|
2433
|
+
const gi = /* @__PURE__ */ A(ti, [["render", ei]]);
|
|
2423
2434
|
export {
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
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,
|
|
2435
2445
|
R as Input,
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
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
|
|
2446
2456
|
};
|