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

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

@@ -1,42 +1,42 @@
-import { y as q, z as D, A as F, B as T, S as z, m as j, c as R, e as U, p as l, u as E, t as J, C as y, h as w, F as K, D as L, g as M, a as N, i as Y, s as _, j as G, b as H, d as I, k as o, r as x, l as P } from "./bundle-mjs-XDpZcCQJ.js";
-import { a as Q } from "./slot-YHqkDhIT.js";
-function B(a, e) {
-  return a === e || (a == null ? void 0 : a[z]) === e;
+import { x as z, y as j, z as R, A as U, S as K, l as L, c as M, p as N, a as o, B as _, t as V, C as y, d as k, F as Y, D as G, s as H, e as I, g as x, h as w, i as J, j as P, k as l, r as E, b as Q } from "./index-3NMKGd5b.js";
+import { a as W } from "./slot-B1Z_DMrF.js";
+function B(n, t) {
+  return n === t || (n == null ? void 0 : n[K]) === t;
 }
-function A(a = {}, e, s, c) {
-  return q(() => {
-    var i, r;
-    return D(() => {
-      i = r, r = [], F(() => {
-        a !== s(...r) && (e(a, ...r), i && B(s(...i), a) && e(null, ...i));
+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));
       });
     }), () => {
-      T(() => {
-        r && B(s(...r), a) && e(null, ...r);
+      U(() => {
+        a && B(s(...a), n) && t(null, ...a);
       });
     };
-  }), a;
+  }), n;
 }
-const V = (a) => Array.from(a.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"])')), W = (a, e, s) => {
-  !e() && a.target === a.currentTarget && s(!1);
-}, X = (a, e) => {
-  a.key === "Escape" && e(!1);
-}, Z = (a, e, s, c, i) => {
-  var r;
-  if (e() && !s().contains(a.relatedTarget) && !c().contains(a.relatedTarget))
-    if (a.preventDefault(), a.target === i()) {
-      const d = V(c());
-      (r = d[d.length - 1]) == null || r.focus();
+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 $ = (a, e) => e(!1), tt = J('<div><div part="content"><button class="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" aria-label="Close modal"><!></button> <!></div></div>');
-function et(a, e) {
-  U(e, !0);
-  let s = l(e, "isOpen", 15), c = l(e, "centered", 7), i = l(e, "autoOpen", 7), r = l(e, "label", 7), d = l(e, "alertDialog", 7), k = l(e, "staticBackdrop", 7), m = l(e, "dismissButton", 7), f = l(e, "container", 7), b = l(e, "el", 7), p = l(e, "inertElements", 7);
-  E(() => {
+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);
+  _(() => {
     i() && s(!0);
-  }), E(() => {
+  }), _(() => {
     if (s()) {
       window.requestAnimationFrame(() => {
         window.requestAnimationFrame(() => {
@@ -45,121 +45,159 @@ function et(a, e) {
           });
         });
       });
-      let t = b();
-      for (; t !== null && t !== document.body; ) {
-        const h = t.parentElement;
-        if (h === null) {
-          const u = t.getRootNode();
-          if (u instanceof ShadowRoot) {
-            t = u.host;
+      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 (h !== null)
-          for (const u of h.children)
-            u !== t && !u.inert && (u.inert = !0, p().push(u));
-        t = h;
+        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 t of p())
-        t.removeAttribute("inert");
-      p([]), b().dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
+      for (const e of h())
+        e.removeAttribute("inert");
+      h([]), b().dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
     }
     document.body.style.overflow = s() ? "hidden" : "";
   });
-  var n = tt();
-  let O;
-  y(n, "tabindex", -1), n.__click = [W, k, s], n.__keyup = [X, s], n.__focusout = [
-    Z,
+  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: D, button: F } = 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,
-    m
+    g
   ];
-  var v = w(n), g = w(v);
-  g.__click = [$, s];
-  var S = w(g);
-  K(S, { icon: L }), x(g), A(g, (t) => m(t), () => m());
-  var C = M(g, 2);
-  return Q(C, e, "default", {}), x(v), x(n), A(n, (t) => f(t), () => f()), N(
-    (t) => {
-      O = _(n, 1, "bg-opacity-50 fixed top-0 left-0 z-[1000] flex h-screen w-screen bg-black transition-[opacity,visibility]", null, O, {
-        visible: s(),
-        "opacity-100": s(),
-        invisible: !s(),
-        "opacity-0": !s()
-      }), y(n, "role", d() ? "alertdialog" : "dialog"), y(n, "aria-modal", s() ? "true" : ""), y(n, "aria-label", r()), _(v, 1, G(t));
+  var O = k(r), p = k(O);
+  p.__click = [te, s];
+  var T = k(p);
+  Y(T, { icon: G }), E(p), A(p, (e) => g(e), () => g());
+  var C = H(p, 2);
+  return W(C, t, "default", {}), E(O), E(r), A(r, (e) => f(e), () => f()), I(
+    (e, m, c) => {
+      w(r, 1, e), y(r, "role", d() ? "alertdialog" : "dialog"), y(r, "aria-modal", s() ? "true" : ""), y(r, "aria-label", a()), w(O, 1, m), w(p, 1, c);
     },
     [
-      () => Y("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", s() && "visible opacity-100", !s() && !c() && "translate-y-[-50px]", !s() && c() && "top-1/2 translate-y-[calc(-50%_-_50px)]", s() && c() && "top-1/2 translate-y-[-50%]")
+      () => x(q()),
+      () => x(D()),
+      () => x(F())
     ]
-  ), H(a, n), I({
+  ), J(n, r), P({
     get isOpen() {
       return s();
     },
-    set isOpen(t) {
-      s(t), o();
+    set isOpen(e) {
+      s(e), l();
     },
     get centered() {
-      return c();
+      return u();
     },
-    set centered(t) {
-      c(t), o();
+    set centered(e) {
+      u(e), l();
     },
     get autoOpen() {
       return i();
     },
-    set autoOpen(t) {
-      i(t), o();
+    set autoOpen(e) {
+      i(e), l();
     },
     get label() {
-      return r();
+      return a();
     },
-    set label(t) {
-      r(t), o();
+    set label(e) {
+      a(e), l();
     },
     get alertDialog() {
       return d();
     },
-    set alertDialog(t) {
-      d(t), o();
+    set alertDialog(e) {
+      d(e), l();
     },
     get staticBackdrop() {
-      return k();
+      return v();
     },
-    set staticBackdrop(t) {
-      k(t), o();
+    set staticBackdrop(e) {
+      v(e), l();
     },
     get dismissButton() {
-      return m();
+      return g();
     },
-    set dismissButton(t) {
-      m(t), o();
+    set dismissButton(e) {
+      g(e), l();
     },
     get container() {
       return f();
     },
-    set container(t) {
-      f(t), o();
+    set container(e) {
+      f(e), l();
     },
     get el() {
       return b();
     },
-    set el(t) {
-      b(t), o();
+    set el(e) {
+      b(e), l();
     },
     get inertElements() {
-      return p();
+      return h();
     },
-    set inertElements(t) {
-      p(t), o();
+    set inertElements(e) {
+      h(e), l();
     }
   });
 }
-j(["click", "keyup", "focusout"]);
-customElements.define("uofg-modal", R(
-  et,
+L(["click", "keyup", "focusout"]);
+customElements.define("uofg-modal", M(
+  se,
   {
     label: {
       attribute: "label",
@@ -195,23 +233,19 @@ customElements.define("uofg-modal", R(
   ["default"],
   [],
   !0,
-  (a) => class extends a {
+  (n) => class extends n {
     constructor() {
-      super(), P(this.shadowRoot), this.el = this, this.inertElements = [];
-    }
-    connectedCallback() {
-      super.connectedCallback();
+      super(), Q(this.shadowRoot), this.el = this, this.inertElements = [], this.isOpen = !1;
     }
     disconnectedCallback() {
-      super.disconnectedCallback();
-      for (const e of this.inertElements)
-        e.removeAttribute("inert");
+      for (const t of this.inertElements)
+        t.removeAttribute("inert");
     }
     getState() {
       return this.isOpen;
     }
-    setState(e) {
-      this.isOpen = e;
+    setState(t) {
+      this.isOpen = t;
     }
     toggle() {
       return this.isOpen = !this.isOpen, this.isOpen;
@@ -225,5 +259,5 @@ customElements.define("uofg-modal", R(
   }
 ));
 export {
-  et as default
+  se as default
 };

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

@@ -1,9 +1,7 @@
-import o from "./uofg-alert.esm.js";
-import f from "./uofg-back-to-top.esm.js";
-import r from "./uofg-footer.esm.js";
-import t from "./uofg-header.esm.js";
-import m from "./uofg-modal.esm.js";
-const i = { UofGHeader: t, UofGFooter: r, UofGModal: m, UofGAlert: o, UofGBackToTop: f };
+import o from "./uofg-back-to-top.esm.js";
+import f from "./uofg-footer.esm.js";
+import r from "./uofg-header.esm.js";
+const m = { UofGHeader: r, UofGFooter: f, UofGBackToTop: o };
 export {
-  i as default
+  m as default
 };

package/dist/uofg-web-components/{window-8JtdasVs.js → window-CMuesI6s.js}

@@ -1,4 +1,4 @@
-import { aj as n, z as w, y as d, aD as f, aE as v } from "./bundle-mjs-XDpZcCQJ.js";
+import { a6 as n, y as w, x as d, ao as f, ap as v } from "./index-3NMKGd5b.js";
 function m(a, e, c = e) {
   var u = a === "x", s = () => n(() => {
     r = !0, clearTimeout(t), t = setTimeout(l, 100), c(window[u ? "scrollX" : "scrollY"]);
@@ -8,18 +8,18 @@ function m(a, e, c = e) {
   });
   var r = !1, t, l = () => {
     r = !1;
-  }, i = !0;
+  }, o = !0;
   w(() => {
-    var o = e();
-    i ? i = !1 : !r && o != null && (r = !0, clearTimeout(t), scrollTo(window.scrollX, o), t = setTimeout(l, 100));
+    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 T(a, e) {
+function x(a, e) {
   v(window, ["resize"], () => n(() => e(window[a])));
 }
 export {
-  T as a,
+  x as a,
   m as b
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/web-components",
-  "version": "1.9.1-rc.5",
+  "version": "1.9.1-rc.8",
   "description": "University of Guelph Web Components Library",
   "type": "module",
   "files": [
@@ -27,7 +27,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tailwindcss/vite": "^4.0.6",
-    "@uoguelph/tailwind-theme": "^1.0.0-rc.2",
+    "@uoguelph/tailwind-theme": "^1.0.0-rc.5",
     "autoprefixer": "^10.4.18",
     "eslint": "^9.19.0",
     "eslint-plugin-storybook": "^0.11.2",
@@ -49,5 +49,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "ddab87b44bebf976f03f427e350c94b974339e31"
+  "gitHead": "70034c85d1e492583cf3850319ebabb47c06f771"
 }