@uoguelph/web-components 1.9.1-rc.6 → 1.9.1-rc.8

package/dist/uofg-web-components/index-client-CdY8lBml.js

@@ -0,0 +1,20 @@
+import { au as t, aA as a, aB as o, B as u, z as c } from "./index-3NMKGd5b.js";
+function f(e) {
+  t === null && a(), o && t.l !== null ? l(t).m.push(e) : u(() => {
+    const n = c(e);
+    if (typeof n == "function") return (
+      /** @type {() => void} */
+      n
+    );
+  });
+}
+function l(e) {
+  var n = (
+    /** @type {ComponentContextLegacy} */
+    e.l
+  );
+  return n.u ?? (n.u = { a: [], b: [], m: [] });
+}
+export {
+  f as o
+};

package/dist/uofg-web-components/{slot-YHqkDhIT.js → slot-B1Z_DMrF.js}

@@ -1,4 +1,4 @@
-import { E as r, G as l } from "./bundle-mjs-XDpZcCQJ.js";
+import { E as r, G as l } from "./index-3NMKGd5b.js";
 function d(i, t, e, s, o) {
   var a;
   r && l();

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

@@ -1,41 +1,70 @@
-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-XDpZcCQJ.js";
-import { s as U, a as i } from "./slot-YHqkDhIT.js";
-var q = w('<div class="flex flex-col"><div><!> <!></div> <div><!> <span><!></span></div> <div><!></div></div>');
-function A(c, t) {
-  const e = U(t);
-  k(t, !0);
-  let s = y(t, "color", 7, "red");
-  var m = q(), l = a(m), b = a(l);
-  E(b, { icon: z });
-  var x = d(b, 2);
-  i(x, t, "title", {}), o(l);
-  var r = d(l, 2);
-  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) });
-  var f = a(r);
-  i(f, t, "subtitle", {});
-  var g = d(f, 2);
-  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');
-  var h = a(g);
-  i(h, t, "message", {}), o(g), o(r);
-  var u = d(r, 2);
-  n(u, 1, "bg-grey-light text-grey-light-contrast flex", null, {}, {
-    "px-4": e == null ? void 0 : e.footer,
-    "py-2": e == null ? void 0 : e.footer
+import { c as q, p as A, a as B, b as p, t as D, F as G, f as H, s as c, d as s, e as I, g as o, h as a, i as J, j as K, k as L, r as l } from "./index-3NMKGd5b.js";
+import { s as N, a as d } from "./slot-B1Z_DMrF.js";
+import { o as O } from "./index-client-CdY8lBml.js";
+import { c as P } from "./index-O5kp37c8.js";
+var Q = D("<div><div><!> <!></div> <div><!> <span><!></span></div> <div><!></div></div>");
+function V(m, t) {
+  const e = N(t);
+  A(t, !0);
+  let g = B(t, "color", 7, "red");
+  O(() => {
+    p(t.$$host.shadowRoot);
   });
-  var _ = a(u);
-  return i(_, t, "footer", {}), o(u), o(m), F((v) => n(l, 1, J(v)), [
-    () => 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")
-  ]), S(c, m), j({
+  const y = P({
+    slots: {
+      base: "flex flex-col",
+      title: "flex items-center p-4 text-lg [&>svg]:mr-4 [&>svg]:h-[1.5em] [&>svg]:fill-current",
+      content: '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',
+      message: '[&>slot[name="message"]::slotted(a)]:text-blue-text [&>slot[name="message"]::slotted(*)]:text-base [&>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',
+      footer: "bg-grey-light text-grey-light-contrast flex"
+    },
+    variants: {
+      color: {
+        red: { title: "bg-red text-red-contrast" },
+        yellow: { title: "bg-yellow text-yellow-contrast" },
+        blue: { title: "bg-blue text-blue-contrast" },
+        green: { title: "bg-green text-green-contrast" }
+      }
+    }
+  }), { base: w, title: E, content: F, message: R, footer: S } = y({ color: g() });
+  var r = Q(), n = s(r), f = s(n);
+  G(f, { icon: H });
+  var j = c(f, 2);
+  d(j, t, "title", {}), l(n);
+  var i = c(n, 2);
+  let x;
+  var h = s(i);
+  d(h, t, "subtitle", {});
+  var u = c(h, 2), k = s(u);
+  d(k, t, "message", {}), l(u), l(i);
+  var b = c(i, 2);
+  let _;
+  var z = s(b);
+  return d(z, t, "footer", {}), l(b), l(r), I(
+    (v, C, M, T, U) => {
+      a(r, 1, v), a(n, 1, C), x = a(i, 1, M, null, x, { "border-b": !(e != null && e.footer) }), a(u, 1, T), _ = a(b, 1, U, null, _, {
+        "px-4": e == null ? void 0 : e.footer,
+        "py-2": e == null ? void 0 : e.footer
+      });
+    },
+    [
+      () => o(w()),
+      () => o(E()),
+      () => o(F()),
+      () => o(R()),
+      () => o(S())
+    ]
+  ), J(m, r), K({
     get color() {
-      return s();
+      return g();
     },
     set color(v = "red") {
-      s(v), R();
+      g(v), L();
     }
   });
 }
-customElements.define("uofg-alert", p(
-  A,
+customElements.define("uofg-alert", q(
+  V,
   {
     color: {
       attribute: "color",
@@ -46,12 +75,12 @@ customElements.define("uofg-alert", p(
   ["title", "subtitle", "message", "footer"],
   [],
   !0,
-  (c) => class extends c {
+  (m) => class extends m {
     constructor() {
-      super(), T(this.shadowRoot);
+      super(), p(this.shadowRoot);
     }
   }
 ));
 export {
-  A as default
+  V as default
 };

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

@@ -1,28 +1,35 @@
-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-XDpZcCQJ.js";
-import { b as z } from "./window-8JtdasVs.js";
-const B = () => {
+import { l as b, c as u, t as f, F as m, e as v, m as o, i as h, j as _, p as g, n as x, g as w, o as k, h as y, q as T, u as j, v as F, d as c, r as i, w as U, b as q } from "./index-3NMKGd5b.js";
+import { b as z } from "./window-CMuesI6s.js";
+import { c as B } from "./index-O5kp37c8.js";
+const C = () => {
   window.scroll({ top: 0, left: 0, behavior: "smooth" });
 };
-var C = _('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
-function E(e, d) {
-  h(d, !0);
-  let r = n(!1), s = n(0);
-  m(() => {
-    i(r, o(s) > 50);
+var E = f('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
+function R(e, n) {
+  g(n, !0);
+  let s = F(0), l = k(() => o(s) > 50);
+  const p = B({
+    base: "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",
+    variants: {
+      visible: {
+        true: "visible opacity-100",
+        false: "invisible opacity-0"
+      }
+    }
   });
-  var t = C();
-  t.__click = [B];
-  var c = l(t), f = l(c);
-  x(f, { icon: w }), p(c), U(2), p(t), g((a) => k(t, 1, y(a)), [
-    () => 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")
-  ]), z("y", () => o(s), (a) => i(s, F(a))), T(e, t), j();
+  var t = E();
+  t.__click = [C];
+  var r = c(t), d = c(r);
+  m(d, { icon: x }), i(r), U(2), i(t), v((a) => y(t, 1, a), [
+    () => w(p({ visible: o(l) }))
+  ]), z("y", () => o(s), (a) => T(s, j(a))), h(e, t), _();
 }
-u(["click"]);
-customElements.define("uofg-back-to-top", b(E, {}, [], [], !0, (e) => class extends e {
+b(["click"]);
+customElements.define("uofg-back-to-top", u(R, {}, [], [], !0, (e) => class extends e {
   constructor() {
     super(), q(this.shadowRoot);
   }
 }));
 export {
-  E as default
+  R as default
 };