@uoguelph/web-components 1.9.0-rc.8 → 1.9.1-rc.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.
@@ -0,0 +1,53 @@
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
+ d(() => {
5
+ n !== (n = s()) && (e && (m(e), e = null), e = b(() => (
6
+ /** @type {SnippetFn} */
7
+ n(o, ...a)
8
+ )));
9
+ }, g), v && (o = y);
10
+ }
11
+ function G(t = !1) {
12
+ const s = (
13
+ /** @type {ComponentContextLegacy} */
14
+ E
15
+ ), a = s.l.u;
16
+ if (!a) return;
17
+ let o = () => T(s.s);
18
+ if (t) {
19
+ let n = 0, e = (
20
+ /** @type {Record<string, any>} */
21
+ {}
22
+ );
23
+ const _ = x(() => {
24
+ let i = !1;
25
+ const f = s.s;
26
+ for (const r in f)
27
+ f[r] !== e[r] && (e[r] = f[r], i = !0);
28
+ return i && n++, n;
29
+ });
30
+ o = () => u(_);
31
+ }
32
+ a.b.length && k(() => {
33
+ p(s, o), l(a.b);
34
+ }), c(() => {
35
+ const n = A(() => a.m.map(F));
36
+ return () => {
37
+ for (const e of n)
38
+ typeof e == "function" && e();
39
+ };
40
+ }), a.a.length && c(() => {
41
+ p(s, o), l(a.a);
42
+ });
43
+ }
44
+ function p(t, s) {
45
+ if (t.l.s)
46
+ for (const a of t.l.s) u(a);
47
+ s();
48
+ }
49
+ N();
50
+ export {
51
+ G as i,
52
+ C as s
53
+ };
@@ -1,4 +1,4 @@
1
- import { G as r, H as l } from "./font-awesome-icon-DS3QHgPg.js";
1
+ import { E as r, G as l } from "./bundle-mjs-BTgoI2Ah.js";
2
2
  function d(i, t, e, s, o) {
3
3
  var a;
4
4
  r && l();
@@ -1,39 +1,41 @@
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, r } from "./font-awesome-icon-DS3QHgPg.js";
2
- import { s as B, a as i } from "./slot-C9Xuadhw.js";
3
- import { t as D } from "./bundle-mjs-BpzLJ4dA.js";
4
- 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>');
5
- function H(c, t) {
6
- const e = B(t);
7
- E(t, !0);
8
- let s = F(t, "color", 7, "red");
9
- var m = G(), l = o(m);
10
- const x = q(() => A(D("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")));
11
- var u = o(l);
12
- j(u, { icon: R });
13
- var _ = d(u, 2);
14
- i(_, t, "title", {}), r(l);
15
- var a = d(l, 2);
16
- 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));
17
- 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);
18
15
  i(f, t, "subtitle", {});
19
16
  var g = d(f, 2);
20
- v(g, '[&>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');
21
- var h = o(g);
22
- i(h, t, "message", {}), r(g), r(a);
23
- var n = d(a, 2);
24
- b(n, "px-4", e == null ? void 0 : e.footer), b(n, "py-2", e == null ? void 0 : e.footer);
25
- var p = o(n);
26
- return i(p, t, "footer", {}), r(n), r(m), k(() => v(l, U(x))), z(c, m), C({
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({
27
29
  get color() {
28
30
  return s();
29
31
  },
30
- set color(y = "red") {
31
- s(y), S();
32
+ set color(v = "red") {
33
+ s(v), R();
32
34
  }
33
35
  });
34
36
  }
35
- customElements.define("uofg-alert", w(
36
- H,
37
+ customElements.define("uofg-alert", p(
38
+ A,
37
39
  {
38
40
  color: {
39
41
  attribute: "color",
@@ -51,5 +53,5 @@ customElements.define("uofg-alert", w(
51
53
  }
52
54
  ));
53
55
  export {
54
- H as default
56
+ A as default
55
57
  };
@@ -1,28 +1,28 @@
1
- import { o 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, q as c, l as e, v as y, w as T, i as j, x as n, j as i, s as F, m as U, n as q, r as l, y as z } from "./font-awesome-icon-DS3QHgPg.js";
2
- import { b as B } from "./window-CLG-P9gm.js";
3
- import { t as C } from "./bundle-mjs-BpzLJ4dA.js";
4
- const E = () => {
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 = () => {
5
4
  window.scroll({ top: 0, left: 0, behavior: "smooth" });
6
5
  };
7
- var J = k('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
8
- function R(s, p) {
9
- _(p, !0);
10
- let a = n(!1), o = n(0);
11
- h(() => {
12
- c(a, e(o) > 50);
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);
13
12
  });
14
- var t = J();
15
- t.__click = [E];
16
- const d = U(() => q(C("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(a) ? "opacity-100" : "opacity-0")));
17
- var r = i(t), f = i(r);
18
- v(f, { icon: y }), l(r), z(2), l(t), x(() => F(t, e(d))), B("y", () => e(o), (u) => c(o, T(u))), w(s, t), g();
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();
19
19
  }
20
- b(["click"]);
21
- customElements.define("uofg-back-to-top", m(R, {}, [], [], !0, (s) => class extends s {
20
+ u(["click"]);
21
+ customElements.define("uofg-back-to-top", b(E, {}, [], [], !0, (e) => class extends e {
22
22
  constructor() {
23
- super(), j(this.shadowRoot);
23
+ super(), q(this.shadowRoot);
24
24
  }
25
25
  }));
26
26
  export {
27
- R as default
27
+ E as default
28
28
  };