@uoguelph/web-components 1.9.0-rc.9 → 1.9.1-rc.0

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

@@ -1,42 +1,42 @@
-import { A as S, B as D, C as F, D as T, S as j, q as z, c as R, p as U, a as o, u as _, E as y, F as G, b as J, d as K, e as L, f as M, j as x, G as N, h as l, i as Y, k as H, t as v, s as I, l as P, m as Q, n as V, o as W, r as O } from "./bundle-mjs-BDxvNl4x.js";
-import { a as X } from "./slot-DDCVqxeF.js";
-function E(a, t) {
-  return a === t || (a == null ? void 0 : a[j]) === t;
+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-BTgoI2Ah.js";
+import { a as Q } from "./slot-E9j-JIta.js";
+function B(a, e) {
+  return a === e || (a == null ? void 0 : a[z]) === e;
 }
-function B(a = {}, t, s, c) {
-  return S(() => {
-    var i, n;
+function A(a = {}, e, s, c) {
+  return q(() => {
+    var i, r;
     return D(() => {
-      i = n, n = [], F(() => {
-        a !== s(...n) && (t(a, ...n), i && E(s(...i), a) && t(null, ...i));
+      i = r, r = [], F(() => {
+        a !== s(...r) && (e(a, ...r), i && B(s(...i), a) && e(null, ...i));
       });
     }), () => {
       T(() => {
-        n && E(s(...n), a) && t(null, ...n);
+        r && B(s(...r), a) && e(null, ...r);
       });
     };
   }), a;
 }
-const Z = (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"])')), $ = (a, t, s) => {
-  !t() && a.target === a.currentTarget && s(!1);
-}, ee = (a, t) => {
-  a.key === "Escape" && t(!1);
-}, te = (a, t, s, c, i) => {
-  var n;
-  if (t() && !s().contains(a.relatedTarget) && !c().contains(a.relatedTarget))
+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 = Z(c());
-      (n = d[d.length - 1]) == null || n.focus();
+      const d = V(c());
+      (r = d[d.length - 1]) == null || r.focus();
     } else
       i().focus();
 };
-var ae = (a, t) => t(!1), se = M('<div class="fixed left-0 top-0 z-[1000] flex h-screen w-screen bg-black bg-opacity-50 transition-[opacity,visibility]"><div part="content"><button class="absolute right-0 top-0 -translate-x-1/2 translate-y-1/2 z-[2] flex aspect-square w-8 items-center justify-center border border-black/30 text-black-contrast text-lg transition-colors bg-black hover:bg-red focus:bg-red hover:text-red-contrast focus:text-red-contrast rounded-full p-2" aria-label="Close modal"><!></button> <!></div></div>');
-function re(a, t) {
-  U(t, !0);
-  let s = o(t, "isOpen", 15), c = o(t, "centered", 7), i = o(t, "autoOpen", 7), n = o(t, "label", 7), d = o(t, "alertDialog", 7), k = o(t, "staticBackdrop", 7), m = o(t, "dismissButton", 7), f = o(t, "container", 7), b = o(t, "el", 7), p = o(t, "inertElements", 7);
-  _(() => {
+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(() => {
     i() && s(!0);
-  }), _(() => {
+  }), E(() => {
     if (s()) {
       window.requestAnimationFrame(() => {
         window.requestAnimationFrame(() => {
@@ -45,112 +45,121 @@ function re(a, t) {
           });
         });
       });
-      let e = b();
-      for (; e !== null && e !== document.body; ) {
-        const h = e.parentElement;
+      let t = b();
+      for (; t !== null && t !== document.body; ) {
+        const h = t.parentElement;
         if (h === null) {
-          const u = e.getRootNode();
+          const u = t.getRootNode();
           if (u instanceof ShadowRoot) {
-            e = u.host;
+            t = u.host;
             continue;
           }
         }
         if (h !== null)
           for (const u of h.children)
-            u !== e && !u.inert && (u.inert = !0, p().push(u));
-        e = h;
+            u !== t && !u.inert && (u.inert = !0, p().push(u));
+        t = h;
       }
       b().dispatchEvent(new CustomEvent("opened", { bubbles: !0, composed: !0 }));
     } else {
-      for (const e of p())
-        e.removeAttribute("inert");
+      for (const t of p())
+        t.removeAttribute("inert");
       p([]), b().dispatchEvent(new CustomEvent("closed", { bubbles: !0, composed: !0 }));
     }
     document.body.style.overflow = s() ? "hidden" : "";
   });
-  var r = se();
-  y(r, "tabindex", -1), r.__click = [$, k, s], r.__keyup = [ee, s], r.__focusout = [
-    te,
+  var n = tt();
+  let O;
+  y(n, "tabindex", -1), n.__click = [W, k, s], n.__keyup = [X, s], n.__focusout = [
+    Z,
     s,
     f,
     b,
     m
   ];
-  var w = x(r);
-  const A = Q(() => V(W("z-1 absolute left-1/2 h-fit max-h-full max-w-full -translate-x-1/2 overflow-auto w-full sm:w-fit sm:p-8 transition-transform motion-reduce:transition-none", s() && "visible opacity-100", !s() && !c() && "translate-y-[-50px]", !s() && c() && "translate-y-[calc(-50%_-_50px)] top-1/2", s() && c() && "translate-y-[-50%] top-1/2")));
-  var g = x(w);
-  g.__click = [ae, s];
-  var q = x(g);
-  G(q, { icon: N }), O(g), B(g, (e) => m(e), () => m());
-  var C = H(g, 2);
-  return X(C, t, "default", {}), O(w), O(r), B(r, (e) => f(e), () => f()), J(() => {
-    y(r, "role", d() ? "alertdialog" : "dialog"), y(r, "aria-modal", s() ? "true" : ""), y(r, "aria-label", n()), v(r, "visible", s()), v(r, "opacity-100", s()), v(r, "invisible", !s()), v(r, "opacity-0", !s()), I(w, P(A));
-  }), K(a, r), L({
+  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));
+    },
+    [
+      () => 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%]")
+    ]
+  ), H(a, n), I({
     get isOpen() {
       return s();
     },
-    set isOpen(e) {
-      s(e), l();
+    set isOpen(t) {
+      s(t), o();
     },
     get centered() {
       return c();
     },
-    set centered(e) {
-      c(e), l();
+    set centered(t) {
+      c(t), o();
     },
     get autoOpen() {
       return i();
     },
-    set autoOpen(e) {
-      i(e), l();
+    set autoOpen(t) {
+      i(t), o();
     },
     get label() {
-      return n();
+      return r();
     },
-    set label(e) {
-      n(e), l();
+    set label(t) {
+      r(t), o();
     },
     get alertDialog() {
       return d();
     },
-    set alertDialog(e) {
-      d(e), l();
+    set alertDialog(t) {
+      d(t), o();
     },
     get staticBackdrop() {
       return k();
     },
-    set staticBackdrop(e) {
-      k(e), l();
+    set staticBackdrop(t) {
+      k(t), o();
     },
     get dismissButton() {
       return m();
     },
-    set dismissButton(e) {
-      m(e), l();
+    set dismissButton(t) {
+      m(t), o();
     },
     get container() {
       return f();
     },
-    set container(e) {
-      f(e), l();
+    set container(t) {
+      f(t), o();
     },
     get el() {
       return b();
     },
-    set el(e) {
-      b(e), l();
+    set el(t) {
+      b(t), o();
     },
     get inertElements() {
       return p();
     },
-    set inertElements(e) {
-      p(e), l();
+    set inertElements(t) {
+      p(t), o();
     }
   });
 }
-z(["click", "keyup", "focusout"]);
+j(["click", "keyup", "focusout"]);
 customElements.define("uofg-modal", R(
-  re,
+  et,
   {
     label: {
       attribute: "label",
@@ -188,21 +197,21 @@ customElements.define("uofg-modal", R(
   !0,
   (a) => class extends a {
     constructor() {
-      super(), Y(this.shadowRoot), this.el = this, this.inertElements = [];
+      super(), P(this.shadowRoot), this.el = this, this.inertElements = [];
     }
     connectedCallback() {
       super.connectedCallback();
     }
     disconnectedCallback() {
       super.disconnectedCallback();
-      for (const t of this.inertElements)
-        t.removeAttribute("inert");
+      for (const e of this.inertElements)
+        e.removeAttribute("inert");
     }
     getState() {
       return this.isOpen;
     }
-    setState(t) {
-      this.isOpen = t;
+    setState(e) {
+      this.isOpen = e;
     }
     toggle() {
       return this.isOpen = !this.isOpen, this.isOpen;
@@ -216,5 +225,5 @@ customElements.define("uofg-modal", R(
   }
 ));
 export {
-  re as default
+  et 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:-moz-fit-content!important;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/uofg-web-components.esm.js

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

package/dist/uofg-web-components/{window-B5VNuvDD.js → window-Bnb7gJSm.js}

@@ -1,4 +1,4 @@
-import { B as w, A as d, aD as f, aE as v, aF as n } from "./bundle-mjs-BDxvNl4x.js";
+import { ag as n, z as w, y as d, aC as f, aD as v } from "./bundle-mjs-BTgoI2Ah.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"]);

package/package.json

@@ -1,74 +1,52 @@
 {
   "name": "@uoguelph/web-components",
-  "version": "1.9.0-rc.9",
+  "version": "1.9.1-rc.0",
   "description": "University of Guelph Web Components Library",
-  "module": "dist/uofg-web-components/uofg-web-components.esm.js",
   "type": "module",
-  "unpkg": "dist/uofg-web-components/uofg-web-components.esm.js",
   "files": [
-    "dist/"
+    "./dist"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/uofg-web-components/uofg-web-components.esm.js",
+      "default": "./dist/uofg-web-components/uofg-web-components.esm.js"
+    },
+    "./*": {
+      "import": "./dist/uofg-web-components/*.esm.js",
+      "default": "./dist/uofg-web-components/*.esm.js"
+    },
+    "./style": "./dist/uofg-web-components/uofg-web-components.css"
+  },
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "format": "npx prettier --write .",
-    "prepublishOnly": "npm run build && npmignore --auto",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "export $(cat .env | xargs) && npx chromatic --project-token=$CHROMACTIC_PROJECT_TOKEN"
+    "build": "NODE_ENV=production vite build",
+    "prepack": "npm run build"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
     "@fortawesome/free-brands-svg-icons": "^6.4.0",
     "@fortawesome/free-regular-svg-icons": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.23",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/svelte": "^8.5.0",
-    "@storybook/svelte-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tailwindcss/vite": "^4.0.6",
+    "@uoguelph/tailwind-theme": "^1.0.0-rc.0",
     "autoprefixer": "^10.4.18",
-    "eslint": "^8.57.0",
+    "eslint": "^9.19.0",
     "eslint-plugin-storybook": "^0.11.2",
     "eslint-plugin-svelte": "^2.45.1",
-    "npmignore": "^0.3.1",
     "postcss": "^8.4.35",
-    "prettier": "^3.3.2",
-    "prettier-plugin-svelte": "^3.2.6",
-    "prettier-plugin-tailwindcss": "^0.5.12",
-    "storybook": "^8.4.0",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
-    "tailwind-merge": "^2.3.0",
-    "tailwindcss": "^3.4.1",
-    "vite": "^5.4.4",
-    "vite-plugin-full-reload": "^1.1.0"
-  },
-  "publishConfig": {
-    "ignore": [
-      "!dist/",
-      "!loader/",
-      "src/",
-      "public/",
-      "docs/"
-    ],
-    "access": "public"
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^4.0.6",
+    "vite": "^6.0.0"
   },
   "license": "0BSD",
   "author": "",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ccswbs/web-components.git"
+    "url": "git+https://github.com/ccswbs/uofg-components.git"
   },
   "bugs": {
-    "url": "https://github.com/ccswbs/web-components/issues"
+    "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "dependencies": {
-    "tailwind-join": "^0.2.2"
-  }
+  "gitHead": "7ac6a7335730c5c1c52c410f8de5546f337d6603"
 }