@uoguelph/web-components 2.0.8 → 2.0.9-rc.1

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

@@ -1,20 +0,0 @@
-import { aB as t, aI as a, aJ as o, A as c, y as u } from "./index-CEFM1xyC.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-eE7eSuBp.js

@@ -1,101 +0,0 @@
-import { ap as E, a0 as R, aq as k, a6 as w, ar as A, D as u, as as p, t as T, E as h, $ as C, at as D, au as F, av as N, aw as $, ax as v, ay as H, az as O, aA as d, aB as q, aC as z, A as m, y as B, aD as G, aE as g, m as b, aF as I, aG as P, aH as S } from "./index-CEFM1xyC.js";
-function j(f, t, ...a) {
-  var n = f, r = w, e;
-  E(() => {
-    r !== (r = t()) && (e && (A(e), e = null), e = k(() => (
-      /** @type {SnippetFn} */
-      r(n, ...a)
-    )));
-  }, R), u && (n = p);
-}
-function J(f, t, a = !1, n = !1, r = !1) {
-  var e = f, _ = "";
-  T(() => {
-    var o = (
-      /** @type {Effect} */
-      C
-    );
-    if (_ === (_ = t() ?? "")) {
-      u && h();
-      return;
-    }
-    if (o.nodes_start !== null && (D(
-      o.nodes_start,
-      /** @type {TemplateNode} */
-      o.nodes_end
-    ), o.nodes_start = o.nodes_end = null), _ !== "") {
-      if (u) {
-        p.data;
-        for (var s = h(), i = s; s !== null && (s.nodeType !== 8 || /** @type {Comment} */
-        s.data !== ""); )
-          i = s, s = /** @type {TemplateNode} */
-          F(s);
-        if (s === null)
-          throw N(), $;
-        v(p, i), e = H(s);
-        return;
-      }
-      var c = _ + "";
-      a ? c = `<svg>${c}</svg>` : n && (c = `<math>${c}</math>`);
-      var l = O(c);
-      if ((a || n) && (l = /** @type {Element} */
-      d(l)), v(
-        /** @type {TemplateNode} */
-        d(l),
-        /** @type {TemplateNode} */
-        l.lastChild
-      ), a || n)
-        for (; d(l); )
-          e.before(
-            /** @type {Node} */
-            d(l)
-          );
-      else
-        e.before(l);
-    }
-  });
-}
-function K(f = !1) {
-  const t = (
-    /** @type {ComponentContextLegacy} */
-    q
-  ), a = t.l.u;
-  if (!a) return;
-  let n = () => I(t.s);
-  if (f) {
-    let r = 0, e = (
-      /** @type {Record<string, any>} */
-      {}
-    );
-    const _ = P(() => {
-      let o = !1;
-      const s = t.s;
-      for (const i in s)
-        s[i] !== e[i] && (e[i] = s[i], o = !0);
-      return o && r++, r;
-    });
-    n = () => b(_);
-  }
-  a.b.length && z(() => {
-    y(t, n), g(a.b);
-  }), m(() => {
-    const r = B(() => a.m.map(G));
-    return () => {
-      for (const e of r)
-        typeof e == "function" && e();
-    };
-  }), a.a.length && m(() => {
-    y(t, n), g(a.a);
-  });
-}
-function y(f, t) {
-  if (f.l.s)
-    for (const a of f.l.s) b(a);
-  t();
-}
-S();
-export {
-  J as h,
-  K as i,
-  j as s
-};

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

@@ -1,18 +0,0 @@
-import { D as r, E as l } from "./index-CEFM1xyC.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,90 +0,0 @@
-import { c as q, p as A, a as B, b as p, f as D, F as G, d as H, s as c, e as o, t as I, g as s, h as a, i as J, j as K, k as L, r as l } from "./index-CEFM1xyC.js";
-import { o as N } from "./index-client-Cf3Y5mtB.js";
-import { s as O, a as d } from "./slot-DaIvQlrl.js";
-import { c as P } from "./index-C6ZIYhZ_.js";
-var Q = D("<div><div><!> <!></div> <div><!> <span><!></span></div> <div><!></div></div>");
-function V(m, t) {
-  const e = O(t);
-  A(t, !0);
-  let g = B(t, "color", 7, "red");
-  N(() => {
-    p(t.$$host.shadowRoot);
-  });
-  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 = o(r), v = o(n);
-  G(v, {
-    get icon() {
-      return H;
-    }
-  });
-  var j = c(v, 2);
-  d(j, t, "title", {}), l(n);
-  var i = c(n, 2);
-  let x;
-  var h = o(i);
-  d(h, t, "subtitle", {});
-  var u = c(h, 2), k = o(u);
-  d(k, t, "message", {}), l(u), l(i);
-  var b = c(i, 2);
-  let _;
-  var z = o(b);
-  return d(z, t, "footer", {}), l(b), l(r), I(
-    (f, C, M, T, U) => {
-      a(r, 1, f), 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
-      });
-    },
-    [
-      () => s(w()),
-      () => s(E()),
-      () => s(F()),
-      () => s(R()),
-      () => s(S())
-    ]
-  ), J(m, r), K({
-    get color() {
-      return g();
-    },
-    set color(f = "red") {
-      g(f), L();
-    }
-  });
-}
-customElements.define("uofg-alert", q(
-  V,
-  {
-    color: {
-      attribute: "color",
-      reflect: !0,
-      type: "String"
-    }
-  },
-  ["title", "subtitle", "message", "footer"],
-  [],
-  !0,
-  (m) => class extends m {
-    constructor() {
-      super(), p(this.shadowRoot);
-    }
-  }
-));
-export {
-  V as default
-};

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

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

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

@@ -1,267 +0,0 @@
-import { w as z, x as j, y as R, z as U, S as K, l as L, c as M, p as N, a as o, A as E, f as V, B as y, e as k, F as Y, C as G, s as H, t as I, g as w, h as x, i as J, j as P, k as l, r as _, b as Q } from "./index-CEFM1xyC.js";
-import { a as W } from "./slot-DaIvQlrl.js";
-function B(n, t) {
-  return n === t || (n == null ? void 0 : n[K]) === t;
-}
-function A(n = {}, t, s, u) {
-  return z(() => {
-    var i, a;
-    return j(() => {
-      i = a, a = [], R(() => {
-        n !== s(...a) && (t(n, ...a), i && B(s(...i), n) && t(null, ...i));
-      });
-    }), () => {
-      U(() => {
-        a && B(s(...a), n) && t(null, ...a);
-      });
-    };
-  }), n;
-}
-const X = (n) => Array.from(n.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], audio[controls], video[controls], details, summary, [tabindex]:not([tabindex="-1"])')), Z = (n, t, s) => {
-  !t() && n.target === n.currentTarget && s(!1);
-}, $ = (n, t) => {
-  n.key === "Escape" && t(!1);
-}, ee = (n, t, s, u, i) => {
-  var a;
-  if (t() && !s().contains(n.relatedTarget) && !u().contains(n.relatedTarget))
-    if (n.preventDefault(), n.target === i()) {
-      const d = X(u());
-      (a = d[d.length - 1]) == null || a.focus();
-    } else
-      i().focus();
-};
-var te = (n, t) => t(!1), ne = V('<div><div part="content"><button aria-label="Close modal"><!></button> <!></div></div>');
-function se(n, t) {
-  N(t, !0);
-  let s = o(t, "isOpen", 15), u = o(t, "centered", 7), i = o(t, "autoOpen", 7), a = o(t, "label", 7), d = o(t, "alertDialog", 7), v = o(t, "staticBackdrop", 7), g = o(t, "dismissButton", 7), f = o(t, "container", 7), b = o(t, "el", 7), h = o(t, "inertElements", 7);
-  E(() => {
-    i() && s(!0);
-  }), E(() => {
-    if (s()) {
-      window.requestAnimationFrame(() => {
-        window.requestAnimationFrame(() => {
-          window.requestAnimationFrame(() => {
-            f().focus();
-          });
-        });
-      });
-      let e = b();
-      for (; e !== null && e !== document.body; ) {
-        const m = e.parentElement;
-        if (m === null) {
-          const c = e.getRootNode();
-          if (c instanceof ShadowRoot) {
-            e = c.host;
-            continue;
-          }
-        }
-        if (m !== null)
-          for (const c of m.children)
-            c !== e && !c.inert && (c.inert = !0, h().push(c));
-        e = m;
-      }
-      b().dispatchEvent(new CustomEvent("opened", { bubbles: !0, composed: !0 }));
-    } else {
-      for (const e of h())
-        e.removeAttribute("inert");
-      h([]), b().dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
-    }
-    document.body.style.overflow = s() ? "hidden" : "";
-  });
-  const S = tv({
-    slots: {
-      base: "bg-opacity-50 fixed top-0 left-0 z-[1000] flex h-screen w-screen bg-black transition-[opacity,visibility]",
-      content: "absolute left-1/2 z-1 h-fit max-h-full w-full max-w-full -translate-x-1/2 overflow-auto transition-transform motion-reduce:transition-none sm:w-fit sm:p-8",
-      button: "absolute top-0 right-0 z-[2] flex aspect-square w-8 -translate-x-1/2 translate-y-1/2 items-center justify-center rounded-full border border-black/30 bg-black p-2 text-lg text-black-contrast transition-colors hover:bg-red hover:text-red-contrast focus:bg-red focus:text-red-contrast"
-    },
-    variants: {
-      isOpen: {
-        true: {
-          base: "visible opacity-100",
-          content: "visible opacity-100"
-        },
-        false: {
-          base: "invisible opacity-0",
-          content: "invisible opacity-0"
-        }
-      },
-      centered: { true: "" }
-    },
-    compoundVariants: [
-      {
-        isOpen: !0,
-        centered: !0,
-        class: { content: "top-1/2 translate-y-[-50%]" }
-      },
-      {
-        isOpen: !1,
-        centered: !1,
-        class: { content: "translate-y-[-50px]" }
-      },
-      {
-        isOpen: !1,
-        centered: !0,
-        class: {
-          content: "top-1/2 translate-y-[calc(-50%_-_50px)]"
-        }
-      }
-    ]
-  }), { base: q, content: F, button: T } = S({
-    isOpen: s(),
-    centered: u()
-  });
-  var r = ne();
-  y(r, "tabindex", -1), r.__click = [Z, v, s], r.__keyup = [$, s], r.__focusout = [
-    ee,
-    s,
-    f,
-    b,
-    g
-  ];
-  var O = k(r), p = k(O);
-  p.__click = [te, s];
-  var C = k(p);
-  Y(C, {
-    get icon() {
-      return G;
-    }
-  }), _(p), A(p, (e) => g(e), () => g());
-  var D = H(p, 2);
-  return W(D, t, "default", {}), _(O), _(r), A(r, (e) => f(e), () => f()), I(
-    (e, m, c) => {
-      x(r, 1, e), y(r, "role", d() ? "alertdialog" : "dialog"), y(r, "aria-modal", s() ? "true" : ""), y(r, "aria-label", a()), x(O, 1, m), x(p, 1, c);
-    },
-    [
-      () => w(q()),
-      () => w(F()),
-      () => w(T())
-    ]
-  ), J(n, r), P({
-    get isOpen() {
-      return s();
-    },
-    set isOpen(e) {
-      s(e), l();
-    },
-    get centered() {
-      return u();
-    },
-    set centered(e) {
-      u(e), l();
-    },
-    get autoOpen() {
-      return i();
-    },
-    set autoOpen(e) {
-      i(e), l();
-    },
-    get label() {
-      return a();
-    },
-    set label(e) {
-      a(e), l();
-    },
-    get alertDialog() {
-      return d();
-    },
-    set alertDialog(e) {
-      d(e), l();
-    },
-    get staticBackdrop() {
-      return v();
-    },
-    set staticBackdrop(e) {
-      v(e), l();
-    },
-    get dismissButton() {
-      return g();
-    },
-    set dismissButton(e) {
-      g(e), l();
-    },
-    get container() {
-      return f();
-    },
-    set container(e) {
-      f(e), l();
-    },
-    get el() {
-      return b();
-    },
-    set el(e) {
-      b(e), l();
-    },
-    get inertElements() {
-      return h();
-    },
-    set inertElements(e) {
-      h(e), l();
-    }
-  });
-}
-L(["click", "keyup", "focusout"]);
-customElements.define("uofg-modal", M(
-  se,
-  {
-    label: {
-      attribute: "label",
-      reflect: !0,
-      type: "String"
-    },
-    alertDialog: {
-      attribute: "alert-dialog",
-      reflect: !0,
-      type: "String"
-    },
-    centered: {
-      attribute: "centered",
-      reflect: !0,
-      type: "Boolean"
-    },
-    autoOpen: {
-      attribute: "auto-open",
-      reflect: !0,
-      type: "Boolean"
-    },
-    staticBackdrop: {
-      attribute: "static-backdrop",
-      reflect: !0,
-      type: "Boolean"
-    },
-    isOpen: {},
-    dismissButton: {},
-    container: {},
-    el: {},
-    inertElements: {}
-  },
-  ["default"],
-  [],
-  !0,
-  (n) => class extends n {
-    constructor() {
-      super(), Q(this.shadowRoot), this.el = this, this.inertElements = [], this.isOpen = !1;
-    }
-    disconnectedCallback() {
-      for (const t of this.inertElements)
-        t.removeAttribute("inert");
-    }
-    getState() {
-      return this.isOpen;
-    }
-    setState(t) {
-      this.isOpen = t;
-    }
-    toggle() {
-      return this.isOpen = !this.isOpen, this.isOpen;
-    }
-    close() {
-      this.isOpen = !1;
-    }
-    open() {
-      this.isOpen = !0;
-    }
-  }
-));
-export {
-  se as default
-};

package/dist/uofg-web-components/window-BAHesVQ-.js

@@ -1,25 +0,0 @@
-import { a4 as n, x as u, w as d, an as f, ao as v } from "./index-CEFM1xyC.js";
-function m(a, e, c = e) {
-  var w = a === "x", s = () => n(() => {
-    r = !0, clearTimeout(t), t = setTimeout(l, 100), c(window[w ? "scrollX" : "scrollY"]);
-  });
-  addEventListener("scroll", s, {
-    passive: !0
-  });
-  var r = !1, t, l = () => {
-    r = !1;
-  }, o = !0;
-  u(() => {
-    var i = e();
-    o ? o = !1 : !r && i != null && (r = !0, clearTimeout(t), scrollTo(window.scrollX, i), t = setTimeout(l, 100));
-  }), d(s), f(() => {
-    removeEventListener("scroll", s);
-  });
-}
-function x(a, e) {
-  v(window, ["resize"], () => n(() => e(window[a])));
-}
-export {
-  x as a,
-  m as b
-};