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

package/dist/uofg-web-components/legacy-CiXHZGcB.js

@@ -0,0 +1,53 @@
+import { _ as d, $ as g, a0 as b, ai as h, a8 as m, H as v, a4 as y, aG as k, u as c, C as E, aH as l, l as u, an as T, aI as x, aJ as A, m as C, aK as F } from "./bundle-mjs-BDxvNl4x.js";
+function N(t, s, ...a) {
+  var r = t, n = h, e;
+  d(() => {
+    n !== (n = s()) && (e && (m(e), e = null), e = b(() => (
+      /** @type {SnippetFn} */
+      n(r, ...a)
+    )));
+  }, g), v && (r = y);
+}
+function R(t = !1) {
+  const s = (
+    /** @type {ComponentContextLegacy} */
+    T
+  ), a = s.l.u;
+  if (!a) return;
+  let r = () => A(s.s);
+  if (t) {
+    let n = 0, e = (
+      /** @type {Record<string, any>} */
+      {}
+    );
+    const _ = C(() => {
+      let i = !1;
+      const o = s.s;
+      for (const f in o)
+        o[f] !== e[f] && (e[f] = o[f], i = !0);
+      return i && n++, n;
+    });
+    r = () => u(_);
+  }
+  a.b.length && k(() => {
+    p(s, r), l(a.b);
+  }), c(() => {
+    const n = E(() => a.m.map(x));
+    return () => {
+      for (const e of n)
+        typeof e == "function" && e();
+    };
+  }), a.a.length && c(() => {
+    p(s, r), l(a.a);
+  });
+}
+function p(t, s) {
+  if (t.l.s)
+    for (const a of t.l.s) u(a);
+  s();
+}
+F();
+export {
+  R as i,
+  N as s
+};

package/dist/uofg-web-components/{slot-dkmGAqBq.js → slot-DDCVqxeF.js}

@@ -1,4 +1,4 @@
-import { H as r, I as l } from "./font-awesome-icon-tL6xr2rJ.js";
+import { H as r, I as l } from "./bundle-mjs-BDxvNl4x.js";
 function d(i, t, e, s, o) {
   var a;
   r && l();

package/dist/uofg-web-components/uofg-alert.esm.js

@@ -1,38 +1,38 @@
-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-tL6xr2rJ.js";
-import { s as U, a as m } from "./slot-dkmGAqBq.js";
-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>');
-function A(c, o) {
-  const e = U(o);
-  y(o, !0);
-  let t = E(o, "color", 7, "red");
-  var g = q(), s = r(g), b = r(s);
-  F(b, { icon: R });
-  var x = d(b, 2);
-  m(x, o, "title", {}), n(s);
-  var l = d(s, 2);
-  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));
-  var u = r(l);
-  m(u, o, "subtitle", {});
-  var v = d(u, 2);
-  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');
-  var h = r(v);
-  m(h, o, "message", {}), n(v), n(l);
-  var i = d(l, 2);
-  a(i, "px-4", e == null ? void 0 : e.footer), a(i, "py-2", e == null ? void 0 : e.footer);
-  var _ = r(i);
-  return m(_, o, "footer", {}), n(i), n(g), j(() => {
-    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");
-  }), k(c, g), z({
+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";
+import { s as D, a as i } from "./slot-DDCVqxeF.js";
+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>');
+function H(c, t) {
+  const e = D(t);
+  E(t, !0);
+  let s = F(t, "color", 7, "red");
+  var g = G(), l = o(g);
+  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")));
+  var u = o(l);
+  j(u, { icon: R });
+  var _ = d(u, 2);
+  i(_, t, "title", {}), r(l);
+  var a = d(l, 2);
+  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));
+  var f = o(a);
+  i(f, t, "subtitle", {});
+  var m = d(f, 2);
+  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');
+  var h = o(m);
+  i(h, t, "message", {}), r(m), r(a);
+  var n = d(a, 2);
+  b(n, "px-4", e == null ? void 0 : e.footer), b(n, "py-2", e == null ? void 0 : e.footer);
+  var p = o(n);
+  return i(p, t, "footer", {}), r(n), r(g), k(() => v(l, U(x))), z(c, g), C({
     get color() {
-      return t();
+      return s();
     },
-    set color(p = "red") {
-      t(p), S();
+    set color(y = "red") {
+      s(y), S();
     }
   });
 }
 customElements.define("uofg-alert", w(
-  A,
+  H,
   {
     color: {
       attribute: "color",
@@ -50,5 +50,5 @@ customElements.define("uofg-alert", w(
   }
 ));
 export {
-  A as default
+  H as default
 };

package/dist/uofg-web-components/uofg-back-to-top.esm.js

@@ -1,21 +1,20 @@
-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-tL6xr2rJ.js";
-import { b as B } from "./window-BjFv1LQ0.js";
-import { t as C } from "./bundle-mjs-BpzLJ4dA.js";
+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";
+import { b as C } from "./window-B5VNuvDD.js";
 const E = () => {
   window.scroll({ top: 0, left: 0, behavior: "smooth" });
 };
-var J = y('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
+var J = k('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
 function R(s, p) {
-  h(p, !0);
-  let a = c(!1), o = c(0);
-  _(() => {
-    n(a, e(o) > 50);
+  _(p, !0);
+  let o = n(!1), a = n(0);
+  h(() => {
+    c(o, e(a) > 50);
   });
   var t = J();
   t.__click = [E];
-  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")));
-  var r = i(t), f = i(r);
-  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();
+  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")));
+  var r = l(t), f = l(r);
+  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();
 }
 b(["click"]);
 customElements.define("uofg-back-to-top", m(R, {}, [], [], !0, (s) => class extends s {