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

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

@@ -1,74 +1,75 @@
-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;
+import { w as K, x as L, y as M, z as N, S as V, l as Y, c as G, p as H, a as o, A as _, f as I, B as h, e as x, F as J, C as P, s as Q, t as W, g as k, h as w, i as X, j as Z, k as l, r as E, b as $ } from "./index-BxiW26Pq.js";
+import { a as ee } from "./slot-DAai__2s.js";
+function B(s, t) {
+  return s === t || (s == null ? void 0 : s[V]) === 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));
+function A(s = {}, t, n, g) {
+  return K(() => {
+    var u, i;
+    return L(() => {
+      u = i, i = [], M(() => {
+        s !== n(...i) && (t(s, ...i), u && B(n(...u), s) && t(null, ...u));
       });
     }), () => {
-      U(() => {
-        a && B(s(...a), n) && t(null, ...a);
+      N(() => {
+        i && B(n(...i), s) && t(null, ...i);
       });
     };
-  }), n;
+  }), s;
 }
-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()) {
+const te = (s) => Array.from(s.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"])'));
+var se = I('<div><div part="content"><button aria-label="Close modal"><!></button> <!></div></div>');
+function ne(s, t) {
+  H(t, !0);
+  let n = o(t, "isOpen", 15), g = o(t, "centered", 7), u = o(t, "autoOpen", 7), i = o(t, "label", 7), y = o(t, "alertDialog", 7), v = o(t, "staticBackdrop", 7), f = o(t, "dismissButton", 7), b = o(t, "container", 7), d = o(t, "el", 7), m = o(t, "inertElements", 7);
+  const S = (e) => {
+    !v() && e.target === e.currentTarget && n(!1);
+  }, q = (e) => {
+    e.key === "Escape" && n(!1);
+  }, F = (e) => {
+    var c;
+    if (n() && !b().contains(e.relatedTarget) && !d().contains(e.relatedTarget))
+      if (e.preventDefault(), e.target === f()) {
+        const r = te(d());
+        (c = r[r.length - 1]) == null || c.focus();
+      } else
+        f().focus();
+  };
+  _(() => {
+    u() && n(!0);
+  }), _(() => {
+    if (n()) {
       window.requestAnimationFrame(() => {
         window.requestAnimationFrame(() => {
           window.requestAnimationFrame(() => {
-            f().focus();
+            b().focus();
           });
         });
       });
-      let e = b();
+      let e = d();
       for (; e !== null && e !== document.body; ) {
-        const m = e.parentElement;
-        if (m === null) {
-          const c = e.getRootNode();
-          if (c instanceof ShadowRoot) {
-            e = c.host;
+        const c = e.parentElement;
+        if (c === null) {
+          const r = e.getRootNode();
+          if (r instanceof ShadowRoot) {
+            e = r.host;
             continue;
           }
         }
-        if (m !== null)
-          for (const c of m.children)
-            c !== e && !c.inert && (c.inert = !0, h().push(c));
-        e = m;
+        if (c !== null)
+          for (const r of c.children)
+            r !== e && !r.inert && (r.inert = !0, m().push(r));
+        e = c;
       }
-      b().dispatchEvent(new CustomEvent("opened", { bubbles: !0, composed: !0 }));
+      d().dispatchEvent(new CustomEvent("opened", { bubbles: !0, composed: !0 }));
     } else {
-      for (const e of h())
+      for (const e of m())
         e.removeAttribute("inert");
-      h([]), b().dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
+      m([]), d().dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
     }
-    document.body.style.overflow = s() ? "hidden" : "";
+    document.body.style.overflow = n() ? "hidden" : "";
   });
-  const S = tv({
+  const T = 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",
@@ -76,14 +77,8 @@ function se(n, t) {
     },
     variants: {
       isOpen: {
-        true: {
-          base: "visible opacity-100",
-          content: "visible opacity-100"
-        },
-        false: {
-          base: "invisible opacity-0",
-          content: "invisible opacity-0"
-        }
+        true: { base: "visible opacity-100", content: "visible opacity-100" },
+        false: { base: "invisible opacity-0", content: "invisible opacity-0" }
       },
       centered: { true: "" }
     },
@@ -101,71 +96,40 @@ function se(n, t) {
       {
         isOpen: !1,
         centered: !0,
-        class: {
-          content: "top-1/2 translate-y-[calc(-50%_-_50px)]"
-        }
+        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({
+  }), { base: C, content: D, button: z } = T({ isOpen: n(), centered: g() });
+  var j = {
     get isOpen() {
-      return s();
+      return n();
     },
     set isOpen(e) {
-      s(e), l();
+      n(e), l();
     },
     get centered() {
-      return u();
+      return g();
     },
     set centered(e) {
-      u(e), l();
+      g(e), l();
     },
     get autoOpen() {
-      return i();
+      return u();
     },
     set autoOpen(e) {
-      i(e), l();
+      u(e), l();
     },
     get label() {
-      return a();
+      return i();
     },
     set label(e) {
-      a(e), l();
+      i(e), l();
     },
     get alertDialog() {
-      return d();
+      return y();
     },
     set alertDialog(e) {
-      d(e), l();
+      y(e), l();
     },
     get staticBackdrop() {
       return v();
@@ -174,60 +138,60 @@ function se(n, t) {
       v(e), l();
     },
     get dismissButton() {
-      return g();
+      return f();
     },
     set dismissButton(e) {
-      g(e), l();
+      f(e), l();
     },
     get container() {
-      return f();
+      return b();
     },
     set container(e) {
-      f(e), l();
+      b(e), l();
     },
     get el() {
-      return b();
+      return d();
     },
     set el(e) {
-      b(e), l();
+      d(e), l();
     },
     get inertElements() {
-      return h();
+      return m();
     },
     set inertElements(e) {
-      h(e), l();
+      m(e), l();
     }
-  });
+  }, a = se();
+  h(a, "tabindex", -1), a.__click = S, a.__keyup = q, a.__focusout = F;
+  var O = x(a), p = x(O);
+  p.__click = () => n(!1);
+  var R = x(p);
+  J(R, {
+    get icon() {
+      return P;
+    }
+  }), E(p), A(p, (e) => f(e), () => f());
+  var U = Q(p, 2);
+  return ee(U, t, "default", {}), E(O), E(a), A(a, (e) => b(e), () => b()), W(
+    (e, c, r) => {
+      w(a, 1, e), h(a, "role", y() ? "alertdialog" : "dialog"), h(a, "aria-modal", n() ? "true" : ""), h(a, "aria-label", i()), w(O, 1, c), w(p, 1, r);
+    },
+    [
+      () => k(C()),
+      () => k(D()),
+      () => k(z())
+    ]
+  ), X(s, a), Z(j);
 }
-L(["click", "keyup", "focusout"]);
-customElements.define("uofg-modal", M(
-  se,
+Y(["click", "keyup", "focusout"]);
+customElements.define("uofg-modal", G(
+  ne,
   {
-    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"
-    },
+    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: {},
@@ -237,9 +201,9 @@ customElements.define("uofg-modal", M(
   ["default"],
   [],
   !0,
-  (n) => class extends n {
+  (s) => class extends s {
     constructor() {
-      super(), Q(this.shadowRoot), this.el = this, this.inertElements = [], this.isOpen = !1;
+      super(), $(this.shadowRoot), this.el = this, this.inertElements = [], this.isOpen = !1;
     }
     disconnectedCallback() {
       for (const t of this.inertElements)
@@ -263,5 +227,5 @@ customElements.define("uofg-modal", M(
   }
 ));
 export {
-  se as default
+  ne as default
 };

package/dist/uofg-web-components/uofg-web-components.css

@@ -1 +1 @@
-:root{font-size:62.5%}body{font-size:1.6rem;margin:0;padding:0}uofg-header{display:block;width:100%}uofg-header *{display:none}uofg-header:defined{height:fit-content!important}uofg-header:not(:defined){height:5rem!important;background-color:#000}@media screen and (min-width: 1024px){uofg-header:not(:defined){height:14rem!important;background:linear-gradient(180deg,#fff,#fff 28%,#000 28%,#000)}}uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:10rem!important;background:linear-gradient(0deg,#ddd,#ddd 50%,#000 50%,#000)}@media screen and (min-width: 1024px){uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:18rem!important;background:linear-gradient(180deg,#fff,#fff 22%,#000 22%,#000 78%,#ddd 78%,#ddd)}}uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:11.5rem!important}@media screen and (min-width: 1024px){uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:14rem!important}}uofg-footer{display:block}uofg-modal{display:block;position:fixed;visibility:hidden;z-index:1000}uofg-alert{display:block;max-width:100rem}
+:root{font-size:62.5%}body{font-size:1.6rem;margin:0;padding:0}uofg-header{display:block;width:100%}uofg-header *{display:none}uofg-header:defined{height:fit-content!important}uofg-header:not(:defined){height:5rem!important;background-color:#000}@media screen and (min-width:1024px){uofg-header:not(:defined){height:14rem!important;background:linear-gradient(180deg,#fff,#fff 28%,#000 28%,#000)}}uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:10rem!important;background:linear-gradient(0deg,#ddd,#ddd 50%,#000 50%,#000)}@media screen and (min-width:1024px){uofg-header:not(:defined):has(*),uofg-header:not(:defined)[page-title]{height:18rem!important;background:linear-gradient(180deg,#fff,#fff 22%,#000 22%,#000 78%,#ddd 78%,#ddd)}}uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:11.5rem!important}@media screen and (min-width:1024px){uofg-header:not(:defined):has(*)[variant=dual-brand],uofg-header:not(:defined)[page-title][variant=dual-brand]{height:14rem!important}}uofg-footer{display:block}uofg-modal{display:block;position:fixed;visibility:hidden;z-index:1000}uofg-alert{display:block;max-width:100rem}

package/dist/uofg-web-components/window-Br-wveUj.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/web-components",
-  "version": "2.0.8-rc.0",
+  "version": "2.0.9-rc.0",
   "description": "University of Guelph Web Components Library",
   "type": "module",
   "files": [