@uoguelph/web-components 1.9.0-rc.11 → 1.9.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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-DIJ3TSNu.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,4 +1,4 @@
1
- import { H as r, I as l } from "./bundle-mjs-BDxvNl4x.js";
1
+ import { H as r, I as l } from "./font-awesome-icon-DIJ3TSNu.js";
2
2
  function d(i, t, e, s, o) {
3
3
  var a;
4
4
  r && l();
@@ -1,38 +1,38 @@
1
- import { c as w, p as E, a as F, F as j, s as v, t as b, b as k, d as z, e as C, f as J, g as R, h as S, i as T, j as o, k as d, l as U, m as q, n as A, o as B, r } from "./bundle-mjs-BDxvNl4x.js";
2
- import { s as D, a as i } from "./slot-DDCVqxeF.js";
3
- var G = J('<div class="flex flex-col"><div><!> <!></div> <div><!> <span><!></span></div> <div class="flex bg-grey-light text-grey-light-contrast"><!></div></div>');
4
- function H(c, t) {
5
- const e = D(t);
6
- E(t, !0);
7
- let s = F(t, "color", 7, "red");
8
- var g = G(), l = o(g);
9
- const x = q(() => A(B("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")));
10
- var u = o(l);
11
- j(u, { icon: R });
12
- var _ = d(u, 2);
13
- i(_, t, "title", {}), r(l);
14
- var a = d(l, 2);
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);
17
- i(f, t, "subtitle", {});
18
- var m = d(f, 2);
19
- v(m, '[&>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)]:transition-colors [&>slot[name="message"]::slotted(a:hover)]:decoration-transparent');
20
- var h = o(m);
21
- i(h, t, "message", {}), r(m), r(a);
22
- var n = d(a, 2);
23
- b(n, "px-4", e == null ? void 0 : e.footer), b(n, "py-2", e == null ? void 0 : e.footer);
24
- var p = o(n);
25
- return i(p, t, "footer", {}), r(n), r(g), k(() => v(l, U(x))), z(c, g), C({
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-DIJ3TSNu.js";
2
+ import { s as U, a as m } from "./slot-DFka9TcB.js";
3
+ var q = C('<div class="flex flex-col"><div class="flex items-center p-4 text-lg [&amp;>svg]:mr-4 [&amp;>svg]:h-[1.5em] [&amp;>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 s();
27
+ return t();
28
28
  },
29
- set color(y = "red") {
30
- s(y), S();
29
+ set color(p = "red") {
30
+ t(p), S();
31
31
  }
32
32
  });
33
33
  }
34
34
  customElements.define("uofg-alert", w(
35
- H,
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
- H as default
53
+ A as default
54
54
  };
@@ -1,20 +1,21 @@
1
- import { q as b, c as m, p as _, u as h, F as v, b as x, d as w, e as g, f as k, v as c, l as e, w as y, x as T, i as j, y as n, j as l, s as z, m as F, n as U, o as q, r as i, z as B } from "./bundle-mjs-BDxvNl4x.js";
2
- import { b as C } from "./window-B5VNuvDD.js";
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-DIJ3TSNu.js";
2
+ import { b as B } from "./window-BQcu1KRp.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 = k('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
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
- _(p, !0);
9
- let o = n(!1), a = n(0);
10
- h(() => {
11
- c(o, e(a) > 50);
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 = F(() => U(q("flex z-10 justify-center items-center text-lg w-10 h-10 border border-white bg-black text-black-contrast fixed bottom-8 right-8 hover:bg-red focus:bg-red hover:text-red-contrast focus:text-red-contrast transition", e(o) ? "opacity-100" : "opacity-0")));
16
- var r = l(t), f = l(r);
17
- v(f, { icon: y }), i(r), B(2), i(t), x(() => z(t, e(d))), C("y", () => e(a), (u) => c(a, T(u))), w(s, t), g();
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 {