jcicl 0.0.169 → 0.0.171

package/AppHeader/AppHeader.js

@@ -8,31 +8,32 @@ import { Button as H } from "../Button/Button.js";
 import I from "../Icon/Icon.js";
 import T from "../WithLabel/WithLabel.js";
 import { c as V } from "../.chunks/createSvgIcon.js";
-const ee = Y[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], te = (e) => {
+import ee from "../theme.js";
+const te = Y[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], ne = (e) => {
   const n = M.useRef(e);
   return M.useEffect(() => {
     n.current = e;
   }), n;
 };
-function ne() {
+function ie() {
 }
-function ie(e, n, l = {}) {
-  const c = re(l.polyfill), a = te(n);
-  return ee(() => {
+function oe(e, n, l = {}) {
+  const c = ce(l.polyfill), d = ne(n);
+  return te(() => {
     let i = !1;
-    const d = e && "current" in e ? e.current : e;
-    if (!d) return ne;
+    const a = e && "current" in e ? e.current : e;
+    if (!a) return ie;
     function r(o, s) {
-      i || a.current(o, s);
+      i || d.current(o, s);
     }
-    return c.subscribe(d, r), () => {
-      i = !0, c.unsubscribe(d, r);
+    return c.subscribe(a, r), () => {
+      i = !0, c.unsubscribe(a, r);
     };
-  }, [e, c, a]), c.observer;
+  }, [e, c, d]), c.observer;
 }
-function oe(e) {
+function re(e) {
   let n = !1, l = [];
-  const c = /* @__PURE__ */ new Map(), a = new (e || window.ResizeObserver)((i, d) => {
+  const c = /* @__PURE__ */ new Map(), d = new (e || window.ResizeObserver)((i, a) => {
     l = l.concat(i);
     function r() {
       const o = /* @__PURE__ */ new Set();
@@ -40,34 +41,34 @@ function oe(e) {
         if (o.has(l[s].target)) continue;
         o.add(l[s].target);
         const m = c.get(l[s].target);
-        m == null || m.forEach((v) => v(l[s], d));
+        m == null || m.forEach((v) => v(l[s], a));
       }
       l = [], n = !1;
     }
     n || window.requestAnimationFrame(r), n = !0;
   });
   return {
-    observer: a,
-    subscribe(i, d) {
+    observer: d,
+    subscribe(i, a) {
       var r;
-      a.observe(i);
+      d.observe(i);
       const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
-      o.push(d), c.set(i, o);
+      o.push(a), c.set(i, o);
     },
-    unsubscribe(i, d) {
+    unsubscribe(i, a) {
       var r;
       const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
       if (o.length === 1) {
-        a.unobserve(i), c.delete(i);
+        d.unobserve(i), c.delete(i);
         return;
       }
-      const s = o.indexOf(d);
+      const s = o.indexOf(a);
       s !== -1 && o.splice(s, 1), c.set(i, o);
     }
   };
 }
 let O;
-const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
+const ce = (e) => O || (O = re(e)), se = V(/* @__PURE__ */ t("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
 }), "Menu"), L = V(/* @__PURE__ */ t("path", {
   d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
@@ -93,7 +94,7 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
     gap: 1rem;
     height: ${e}px;
   `
-})), se = f("div")(({ width: e, loggedIn: n }) => ({
+})), le = f("div")(({ width: e, loggedIn: n }) => ({
   ...b`
     width: ${e}px;
     display: flex;
@@ -127,16 +128,17 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
       font-size: 32px;
       line-height: 1;
       margin: 0;
+      margin-left: calc(${ee.constants.navDefaultWidth} * 2);
     }
   `
-})), ve = ({
+})), xe = ({
   isMobile: e,
   loggedIn: n,
   logoProps: l,
   iconColor: c,
-  themeProps: a,
+  themeProps: d,
   hamburgerMenu: i,
-  iconColors: d,
+  iconColors: a,
   userName: r = "User",
   userSettingsEnabled: o,
   searchFilters: s,
@@ -150,7 +152,7 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
   headerType: g = "search",
   appTitle: S
 }) => {
-  const [x, $] = z(0), [u, D] = z(null), [w, G] = z(null), { logoSrc: W, logoWidth: k, logoHeight: C } = l, { shadowSecondary: J, shadowTertiary: K, iconPrimary: N, borderPrimary: Q } = a, y = {
+  const [x, $] = z(0), [u, D] = z(null), [w, G] = z(null), { logoSrc: W, logoWidth: k, logoHeight: C } = l, { shadowSecondary: J, shadowTertiary: K, iconPrimary: N, borderPrimary: Q } = d, y = {
     shadowTertiary: K,
     borderColor: Q,
     borderFocusColor: N,
@@ -165,7 +167,7 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
   const X = (p) => {
     p != null && p.clientWidth && p.clientWidth > x && $(p.clientWidth);
   };
-  return ie(u, () => X(u)), e ? /* @__PURE__ */ h(R, { mobile: !0, shadowSecondary: J, children: [
+  return oe(u, () => X(u)), e ? /* @__PURE__ */ h(R, { mobile: !0, shadowSecondary: J, children: [
     /* @__PURE__ */ t(P, { height: C, children: /* @__PURE__ */ t(_, { src: W, height: `${C}px`, width: k }) }),
     /* @__PURE__ */ h(A, { children: [
       g === "search" && /* @__PURE__ */ t(E, { ...y }),
@@ -175,20 +177,20 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
       I,
       {
         icon: /* @__PURE__ */ t(L, {}),
-        ...d,
+        ...a,
         onClick: o ? v : void 0
       }
     )
   ] }) : /* @__PURE__ */ h(R, { children: [
     /* @__PURE__ */ h(P, { height: C, children: [
       /* @__PURE__ */ t(_, { src: W, height: `${C}px`, width: k }),
-      i && /* @__PURE__ */ t(H, { variant: "icon", onClick: m, color: c, children: /* @__PURE__ */ t(ce, {}) })
+      i && /* @__PURE__ */ t(H, { variant: "icon", onClick: m, color: c, children: /* @__PURE__ */ t(se, {}) })
     ] }),
     /* @__PURE__ */ h(A, { children: [
       g === "search" && /* @__PURE__ */ t(E, { ...y }),
       g === "title" && /* @__PURE__ */ t("h1", { children: S })
     ] }),
-    /* @__PURE__ */ h(se, { width: x, loggedIn: !!n, children: [
+    /* @__PURE__ */ h(le, { width: x, loggedIn: !!n, children: [
       /* @__PURE__ */ t(j, { visible: !!n, ref: D, children: /* @__PURE__ */ t(
         T,
         {
@@ -197,7 +199,7 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
             I,
             {
               icon: /* @__PURE__ */ t(L, {}),
-              ...d,
+              ...a,
               onClick: o ? v : void 0
             }
           ),
@@ -209,5 +211,5 @@ const re = (e) => O || (O = oe(e)), ce = V(/* @__PURE__ */ t("path", {
   ] });
 };
 export {
-  ve as default
+  xe as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.169",
+  "version": "0.0.171",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",