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

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

@@ -0,0 +1,20 @@
+import { av as t, aB as a, aC as o, B as c, z as u } from "./index-COoEfbwQ.js";
+function f(e) {
+  t === null && a(), o && t.l !== null ? l(t).m.push(e) : c(() => {
+    const n = u(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/legacy-BSFAeYfk.js

@@ -0,0 +1,53 @@
+import { ar as d, a3 as g, as as v, a9 as b, at as h, E as m, au as y, av as k, aw as E, B as c, z as x, ax as A, ay as l, m as u, az as T, o as z, aA as F } from "./index-COoEfbwQ.js";
+function R(t, s, ...a) {
+  var r = t, n = b, e;
+  d(() => {
+    n !== (n = s()) && (e && (h(e), e = null), e = v(() => (
+      /** @type {SnippetFn} */
+      n(r, ...a)
+    )));
+  }, g), m && (r = y);
+}
+function w(t = !1) {
+  const s = (
+    /** @type {ComponentContextLegacy} */
+    k
+  ), a = s.l.u;
+  if (!a) return;
+  let r = () => T(s.s);
+  if (t) {
+    let n = 0, e = (
+      /** @type {Record<string, any>} */
+      {}
+    );
+    const _ = z(() => {
+      let i = !1;
+      const f = s.s;
+      for (const o in f)
+        f[o] !== e[o] && (e[o] = f[o], i = !0);
+      return i && n++, n;
+    });
+    r = () => u(_);
+  }
+  a.b.length && E(() => {
+    p(s, r), l(a.b);
+  }), c(() => {
+    const n = x(() => a.m.map(A));
+    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 {
+  w as i,
+  R as s
+};

package/dist/uofg-web-components/{slot-E9j-JIta.js → slot-PkqRrLOL.js}

@@ -1,4 +1,4 @@
-import { E as r, G as l } from "./bundle-mjs-BTgoI2Ah.js";
+import { E as r, G as l } from "./index-COoEfbwQ.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-BTgoI2Ah.js";
-import { s as U, a as i } from "./slot-E9j-JIta.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-COoEfbwQ.js";
+import { s as N, a as d } from "./slot-PkqRrLOL.js";
+import { o as O } from "./index-client-B8yHTd41.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-BTgoI2Ah.js";
-import { b as z } from "./window-Bnb7gJSm.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-COoEfbwQ.js";
+import { b as z } from "./window-Do2AuJP2.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
 };