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