@uoguelph/web-components 1.8.0-rc.0 → 1.9.0-rc.1

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

@@ -0,0 +1,43 @@
+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-tL6xr2rJ.js";
+function x(t = !1) {
+  const s = (
+    /** @type {ComponentContextLegacy} */
+    m
+  ), e = s.l.u;
+  if (!e) return;
+  let f = () => v(s.s);
+  if (t) {
+    let n = 0, a = (
+      /** @type {Record<string, any>} */
+      {}
+    );
+    const _ = h(() => {
+      let l = !1;
+      const r = s.s;
+      for (const o in r)
+        r[o] !== a[o] && (a[o] = r[o], l = !0);
+      return l && n++, n;
+    });
+    f = () => p(_);
+  }
+  e.b.length && d(() => {
+    u(s, f), i(e.b);
+  }), c(() => {
+    const n = g(() => e.m.map(b));
+    return () => {
+      for (const a of n)
+        typeof a == "function" && a();
+    };
+  }), e.a.length && c(() => {
+    u(s, f), i(e.a);
+  });
+}
+function u(t, s) {
+  if (t.l.s)
+    for (const e of t.l.s) p(e);
+  s();
+}
+k();
+export {
+  x as i
+};

package/dist/uofg-web-components/slot-dkmGAqBq.js

@@ -0,0 +1,18 @@
+import { H as r, I as l } from "./font-awesome-icon-tL6xr2rJ.js";
+function d(i, t, e, s, o) {
+  var a;
+  r && l();
+  var n = (a = t.$$slots) == null ? void 0 : a[e], f = !1;
+  n === !0 && (n = t[e === "default" ? "children" : e], f = !0), n === void 0 || n(i, f ? () => s : s);
+}
+function c(i) {
+  const t = {};
+  i.children && (t.default = !0);
+  for (const e in i.$$slots)
+    t[e] = !0;
+  return t;
+}
+export {
+  d as a,
+  c as s
+};

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

@@ -1,154 +1,54 @@
-import { c as A, S as B, i as D, a as G, s as H, F as I, f as J, b as $, e as v, d as K, g as h, h as w, j as L, k as m, m as M, u as x, l as q, n as y, t as p, o as d, p as N, q as O } from "./font-awesome-icon-B0B9COBP.js";
-const P = (e) => ({}), R = (e) => ({}), Q = (e) => ({}), T = (e) => ({}), V = (e) => ({}), U = (e) => ({}), W = (e) => ({}), z = (e) => ({});
-function X(e) {
-  let s, f, r, c, g, u, j, k, b, o;
-  r = new I({ props: { icon: J } });
-  const C = (
-    /*#slots*/
-    e[1].title
-  ), l = $(
-    C,
-    e,
-    /*$$scope*/
-    e[0],
-    z
-  ), E = (
-    /*#slots*/
-    e[1].subtitle
-  ), n = $(
-    E,
-    e,
-    /*$$scope*/
-    e[0],
-    U
-  ), F = (
-    /*#slots*/
-    e[1].message
-  ), a = $(
-    F,
-    e,
-    /*$$scope*/
-    e[0],
-    T
-  ), S = (
-    /*#slots*/
-    e[1].footer
-  ), i = $(
-    S,
-    e,
-    /*$$scope*/
-    e[0],
-    R
-  );
-  return {
-    c() {
-      s = v("div"), f = v("div"), K(r.$$.fragment), c = h(), l && l.c(), g = h(), u = v("div"), n && n.c(), j = h(), a && a.c(), k = h(), b = v("div"), i && i.c(), w(f, "class", "flex items-center bg-uofg-red p-8 text-4xl text-white [&>svg]:mr-4 [&>svg]:h-[1.5em] [&>svg]:fill-current"), w(u, "class", 'flex flex-col bg-white px-8 py-6 [&>slot[name="message"]::slotted(*)]:text-2xl [&>slot[name="subtitle"]::slotted(*)]:mb-8 [&>slot[name="subtitle"]::slotted(*)]:text-4xl [&>slot[name="subtitle"]::slotted(*)]:font-bold'), w(b, "class", "flex bg-uofg-grey px-8 py-4 text-2xl"), w(s, "class", "flex flex-col text-3xl");
+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({
+    get color() {
+      return t();
     },
-    m(t, _) {
-      L(t, s, _), m(s, f), M(r, f, null), m(f, c), l && l.m(f, null), m(s, g), m(s, u), n && n.m(u, null), m(u, j), a && a.m(u, null), m(s, k), m(s, b), i && i.m(b, null), o = !0;
-    },
-    p(t, [_]) {
-      l && l.p && (!o || _ & /*$$scope*/
-      1) && x(
-        l,
-        C,
-        t,
-        /*$$scope*/
-        t[0],
-        o ? y(
-          C,
-          /*$$scope*/
-          t[0],
-          _,
-          W
-        ) : q(
-          /*$$scope*/
-          t[0]
-        ),
-        z
-      ), n && n.p && (!o || _ & /*$$scope*/
-      1) && x(
-        n,
-        E,
-        t,
-        /*$$scope*/
-        t[0],
-        o ? y(
-          E,
-          /*$$scope*/
-          t[0],
-          _,
-          V
-        ) : q(
-          /*$$scope*/
-          t[0]
-        ),
-        U
-      ), a && a.p && (!o || _ & /*$$scope*/
-      1) && x(
-        a,
-        F,
-        t,
-        /*$$scope*/
-        t[0],
-        o ? y(
-          F,
-          /*$$scope*/
-          t[0],
-          _,
-          Q
-        ) : q(
-          /*$$scope*/
-          t[0]
-        ),
-        T
-      ), i && i.p && (!o || _ & /*$$scope*/
-      1) && x(
-        i,
-        S,
-        t,
-        /*$$scope*/
-        t[0],
-        o ? y(
-          S,
-          /*$$scope*/
-          t[0],
-          _,
-          P
-        ) : q(
-          /*$$scope*/
-          t[0]
-        ),
-        R
-      );
-    },
-    i(t) {
-      o || (p(r.$$.fragment, t), p(l, t), p(n, t), p(a, t), p(i, t), o = !0);
-    },
-    o(t) {
-      d(r.$$.fragment, t), d(l, t), d(n, t), d(a, t), d(i, t), o = !1;
-    },
-    d(t) {
-      t && N(s), O(r), l && l.d(t), n && n.d(t), a && a.d(t), i && i.d(t);
+    set color(p = "red") {
+      t(p), S();
     }
-  };
-}
-function Y(e, s, f) {
-  let { $$slots: r = {}, $$scope: c } = s;
-  return e.$$set = (g) => {
-    "$$scope" in g && f(0, c = g.$$scope);
-  }, [c, r];
+  });
 }
-class Z extends B {
-  constructor(s) {
-    super(), D(this, s, Y, X, H, {});
-  }
-}
-customElements.define("uofg-alert", A(Z, {}, ["title", "subtitle", "message", "footer"], [], !0, (e) => class extends e {
-  constructor() {
-    super(), G(this.shadowRoot);
+customElements.define("uofg-alert", w(
+  A,
+  {
+    color: {
+      attribute: "color",
+      reflect: !0,
+      type: "String"
+    }
+  },
+  ["title", "subtitle", "message", "footer"],
+  [],
+  !0,
+  (c) => class extends c {
+    constructor() {
+      super(), T(this.shadowRoot);
+    }
   }
-}));
+));
 export {
-  Z as default
+  A as default
 };

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

@@ -1,84 +1,28 @@
-import { c as y, S as T, i as k, a as $, s as v, r as j, F as C, v as q, e as m, d as z, g as F, h as p, j as O, k as g, m as S, w as h, t as U, o as Y, p as B, q as E, x as J } from "./font-awesome-icon-B0B9COBP.js";
-import { t as x } from "./bundle-mjs-BpzLJ4dA.js";
-const R = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : (
-  // @ts-ignore Node typings have this
-  global
-), { window: b } = R;
-function X(e) {
-  let n = !1, l = () => {
-    n = !1;
-  }, a, t, r, s, w, c, u, i, d, _;
-  return j(
-    /*onwindowscroll*/
-    e[3]
-  ), s = new C({ props: { icon: q } }), {
-    c() {
-      t = m("button"), r = m("span"), z(s.$$.fragment), w = F(), c = m("span"), c.textContent = "Back to top of page", p(r, "aria-hidden", "true"), p(c, "class", "sr-only"), p(t, "class", u = x(
-        "flex z-10 justify-center items-center text-4xl w-16 h-16 border border-white bg-black fixed bottom-8 right-8 text-white hover:bg-uofg-red focus:bg-uofg-red transition",
-        /*visible*/
-        e[1] ? "opacity-100" : "opacity-0"
-      ));
-    },
-    m(o, f) {
-      O(o, t, f), g(t, r), S(s, r, null), g(t, w), g(t, c), i = !0, d || (_ = [
-        h(b, "scroll", () => {
-          n = !0, clearTimeout(a), a = setTimeout(l, 100), e[3]();
-        }),
-        h(
-          t,
-          "click",
-          /*scrollToTop*/
-          e[2]
-        )
-      ], d = !0);
-    },
-    p(o, [f]) {
-      f & /*scrollY*/
-      1 && !n && (n = !0, clearTimeout(a), scrollTo(
-        b.pageXOffset,
-        /*scrollY*/
-        o[0]
-      ), a = setTimeout(l, 100)), (!i || f & /*visible*/
-      2 && u !== (u = x(
-        "flex z-10 justify-center items-center text-4xl w-16 h-16 border border-white bg-black fixed bottom-8 right-8 text-white hover:bg-uofg-red focus:bg-uofg-red transition",
-        /*visible*/
-        o[1] ? "opacity-100" : "opacity-0"
-      ))) && p(t, "class", u);
-    },
-    i(o) {
-      i || (U(s.$$.fragment, o), i = !0);
-    },
-    o(o) {
-      Y(s.$$.fragment, o), i = !1;
-    },
-    d(o) {
-      o && B(t), E(s), d = !1, J(_);
-    }
-  };
-}
-function A(e, n, l) {
-  let a = !1, t = 0;
-  const r = () => {
-    window.scroll({ top: 0, left: 0, behavior: "smooth" });
-  };
-  function s() {
-    l(0, t = b.pageYOffset);
-  }
-  return e.$$.update = () => {
-    e.$$.dirty & /*scrollY*/
-    1 && l(1, a = t > 50);
-  }, [t, a, r, s];
-}
-class D extends T {
-  constructor(n) {
-    super(), k(this, n, A, X, v, {});
-  }
+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";
+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>');
+function R(s, p) {
+  h(p, !0);
+  let a = c(!1), o = c(0);
+  _(() => {
+    n(a, e(o) > 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();
 }
-customElements.define("uofg-back-to-top", y(D, {}, [], [], !0, (e) => class extends e {
+b(["click"]);
+customElements.define("uofg-back-to-top", m(R, {}, [], [], !0, (s) => class extends s {
   constructor() {
-    super(), $(this.shadowRoot);
+    super(), j(this.shadowRoot);
   }
 }));
 export {
-  D as default
+  R as default
 };