@uoguelph/web-components 1.9.0-rc.12 → 1.9.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/uofg-web-components/bundle-mjs-BpzLJ4dA.js +17 -0
- package/dist/uofg-web-components/{bundle-mjs-BxVomqf1.js → font-awesome-icon-CvkmaYxh.js} +768 -778
- package/dist/uofg-web-components/legacy-Buus_Hb6.js +43 -0
- package/dist/uofg-web-components/{slot-BV603yHh.js → slot-CDMqA0vX.js} +1 -1
- package/dist/uofg-web-components/uofg-alert.esm.js +30 -30
- package/dist/uofg-web-components/uofg-back-to-top.esm.js +11 -10
- package/dist/uofg-web-components/uofg-footer.esm.js +151 -231
- package/dist/uofg-web-components/uofg-header.esm.js +663 -648
- package/dist/uofg-web-components/uofg-modal.esm.js +39 -38
- package/dist/uofg-web-components/{window-DwQ2HtTx.js → window-pWeMgWdp.js} +1 -1
- package/package.json +1 -1
- package/dist/uofg-web-components/legacy-CStj_1N9.js +0 -53
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { aF as d, D as c, B as g, aG as i, u as p, am as m, aH as b, aI as v, w as h, aJ as k } from "./font-awesome-icon-CvkmaYxh.js";
|
|
2
|
+
function x(t = !1) {
|
|
3
|
+
const s = (
|
|
4
|
+
/** @type {ComponentContextLegacy} */
|
|
5
|
+
m
|
|
6
|
+
), e = s.l.u;
|
|
7
|
+
if (!e) return;
|
|
8
|
+
let f = () => v(s.s);
|
|
9
|
+
if (t) {
|
|
10
|
+
let n = 0, a = (
|
|
11
|
+
/** @type {Record<string, any>} */
|
|
12
|
+
{}
|
|
13
|
+
);
|
|
14
|
+
const _ = h(() => {
|
|
15
|
+
let l = !1;
|
|
16
|
+
const r = s.s;
|
|
17
|
+
for (const o in r)
|
|
18
|
+
r[o] !== a[o] && (a[o] = r[o], l = !0);
|
|
19
|
+
return l && n++, n;
|
|
20
|
+
});
|
|
21
|
+
f = () => p(_);
|
|
22
|
+
}
|
|
23
|
+
e.b.length && d(() => {
|
|
24
|
+
u(s, f), i(e.b);
|
|
25
|
+
}), c(() => {
|
|
26
|
+
const n = g(() => e.m.map(b));
|
|
27
|
+
return () => {
|
|
28
|
+
for (const a of n)
|
|
29
|
+
typeof a == "function" && a();
|
|
30
|
+
};
|
|
31
|
+
}), e.a.length && c(() => {
|
|
32
|
+
u(s, f), i(e.a);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function u(t, s) {
|
|
36
|
+
if (t.l.s)
|
|
37
|
+
for (const e of t.l.s) p(e);
|
|
38
|
+
s();
|
|
39
|
+
}
|
|
40
|
+
k();
|
|
41
|
+
export {
|
|
42
|
+
x as i
|
|
43
|
+
};
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { c as w, p as
|
|
2
|
-
import { s as
|
|
3
|
-
var
|
|
4
|
-
function
|
|
5
|
-
const e =
|
|
6
|
-
|
|
7
|
-
let
|
|
8
|
-
var g =
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
i
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import { c as w, p as y, a as E, F, s as f, t as a, b as j, d as k, e as z, f as C, g as R, h as S, i as T, j as r, k as d, r as n } from "./font-awesome-icon-CvkmaYxh.js";
|
|
2
|
+
import { s as U, a as m } from "./slot-CDMqA0vX.js";
|
|
3
|
+
var q = C('<div class="flex flex-col"><div class="flex items-center p-4 text-lg [&>svg]:mr-4 [&>svg]:h-[1.5em] [&>svg]:fill-current"><!> <!></div> <div><!> <span><!></span></div> <div class="flex bg-light-grey"><!></div></div>');
|
|
4
|
+
function A(c, o) {
|
|
5
|
+
const e = U(o);
|
|
6
|
+
y(o, !0);
|
|
7
|
+
let t = E(o, "color", 7, "red");
|
|
8
|
+
var g = q(), s = r(g), b = r(s);
|
|
9
|
+
F(b, { icon: R });
|
|
10
|
+
var x = d(b, 2);
|
|
11
|
+
m(x, o, "title", {}), n(s);
|
|
12
|
+
var l = d(s, 2);
|
|
13
|
+
f(l, 'flex flex-col bg-white px-6 py-3 [&>slot[name="subtitle"]::slotted(*)]:mb-4 [&>slot[name="subtitle"]::slotted(*)]:text-xl [&>slot[name="subtitle"]::slotted(*)]:font-bold border-light-grey border-t-0 border'), a(l, "border-b", !(e != null && e.footer));
|
|
14
|
+
var u = r(l);
|
|
15
|
+
m(u, o, "subtitle", {});
|
|
16
|
+
var v = d(u, 2);
|
|
17
|
+
f(v, '[&>slot[name="message"]::slotted(*)]:text-base [&>slot[name="message"]::slotted(a)]:text-blue [&>slot[name="message"]::slotted(a)]:px-1 [&>slot[name="message"]::slotted(a:hover)]:bg-blue [&>slot[name="message"]::slotted(a:hover)]:text-white [&>slot[name="message"]::slotted(a:hover)]:transition-colors [&>slot[name="message"]::slotted(a:hover)]:decoration-transparent');
|
|
18
|
+
var h = r(v);
|
|
19
|
+
m(h, o, "message", {}), n(v), n(l);
|
|
20
|
+
var i = d(l, 2);
|
|
21
|
+
a(i, "px-4", e == null ? void 0 : e.footer), a(i, "py-2", e == null ? void 0 : e.footer);
|
|
22
|
+
var _ = r(i);
|
|
23
|
+
return m(_, o, "footer", {}), n(i), n(g), j(() => {
|
|
24
|
+
a(s, "bg-red", t() === "red"), a(s, "bg-yellow", t() === "yellow"), a(s, "bg-green", t() === "green"), a(s, "bg-blue", t() === "blue"), a(s, "text-white", t() === "red" || t() === "blue" || t() === "green");
|
|
25
|
+
}), k(c, g), z({
|
|
26
26
|
get color() {
|
|
27
|
-
return
|
|
27
|
+
return t();
|
|
28
28
|
},
|
|
29
|
-
set color(
|
|
30
|
-
|
|
29
|
+
set color(p = "red") {
|
|
30
|
+
t(p), S();
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
customElements.define("uofg-alert", w(
|
|
35
|
-
|
|
35
|
+
A,
|
|
36
36
|
{
|
|
37
37
|
color: {
|
|
38
38
|
attribute: "color",
|
|
@@ -50,5 +50,5 @@ customElements.define("uofg-alert", w(
|
|
|
50
50
|
}
|
|
51
51
|
));
|
|
52
52
|
export {
|
|
53
|
-
|
|
53
|
+
A as default
|
|
54
54
|
};
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { b as
|
|
1
|
+
import { l as b, c as m, p as h, m as _, F as w, b as v, d as g, e as x, f as y, n as k, o as n, q as T, u as e, i as j, v as c, j as i, s as F, w as U, x as q, r as l, y as z } from "./font-awesome-icon-CvkmaYxh.js";
|
|
2
|
+
import { b as B } from "./window-pWeMgWdp.js";
|
|
3
|
+
import { t as C } from "./bundle-mjs-BpzLJ4dA.js";
|
|
3
4
|
const E = () => {
|
|
4
5
|
window.scroll({ top: 0, left: 0, behavior: "smooth" });
|
|
5
6
|
};
|
|
6
|
-
var J =
|
|
7
|
+
var J = y('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
|
|
7
8
|
function R(s, p) {
|
|
8
|
-
|
|
9
|
-
let
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
h(p, !0);
|
|
10
|
+
let a = c(!1), o = c(0);
|
|
11
|
+
_(() => {
|
|
12
|
+
n(a, e(o) > 50);
|
|
12
13
|
});
|
|
13
14
|
var t = J();
|
|
14
15
|
t.__click = [E];
|
|
15
|
-
const d =
|
|
16
|
-
var r =
|
|
17
|
-
|
|
16
|
+
const d = U(() => q(C("flex z-10 justify-center items-center text-lg w-10 h-10 border border-white bg-black fixed bottom-8 right-8 text-white hover:bg-red focus:bg-red transition", e(a) ? "opacity-100" : "opacity-0")));
|
|
17
|
+
var r = i(t), f = i(r);
|
|
18
|
+
w(f, { icon: k }), l(r), z(2), l(t), v(() => F(t, e(d))), B("y", () => e(o), (u) => n(o, T(u))), g(s, t), x();
|
|
18
19
|
}
|
|
19
20
|
b(["click"]);
|
|
20
21
|
customElements.define("uofg-back-to-top", m(R, {}, [], [], !0, (s) => class extends s {
|