@greghowe79/the-lib 2.15.0 → 2.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/components/card/card.qwik.cjs +5 -1
  2. package/lib/components/card/card.qwik.mjs +5 -1
  3. package/lib/components/card/styles.css.qwik.cjs +1 -1
  4. package/lib/components/card/styles.css.qwik.mjs +1 -1
  5. package/lib/components/navigationmenu/NavigationMenu.qwik.cjs +5 -0
  6. package/lib/components/navigationmenu/NavigationMenu.qwik.mjs +5 -0
  7. package/lib-types/components/card/card.d.ts +1 -0
  8. package/lib-types/components/navigationmenu/NavigationMenu.d.ts +1 -0
  9. package/package.json +1 -1
package/lib/components/card/card.qwik.cjs CHANGED
@@ -4,7 +4,7 @@ const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
4
4
  const qwik = require("@builder.io/qwik");
5
5
  const styles = require("./styles.css.qwik.cjs");
6
6
  const qwikCity = require("@builder.io/qwik-city");
7
- const Card = qwik.component$(({ item, icon, subtitle, link, path, disabled, reload }) => {
7
+ const Card = qwik.component$(({ item, icon, subtitle, link, path, disabled, reload, badge }) => {
8
8
  qwik.useStyles$(styles);
9
9
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
10
10
  class: "card",
@@ -13,6 +13,10 @@ const Card = qwik.component$(({ item, icon, subtitle, link, path, disabled, relo
13
13
  /* @__PURE__ */ jsxRuntime.jsxs("div", {
14
14
  class: "card-header",
15
15
  children: [
16
+ badge && /* @__PURE__ */ jsxRuntime.jsx("div", {
17
+ class: "card-badge",
18
+ children: badge
19
+ }),
16
20
  /* @__PURE__ */ jsxRuntime.jsx("div", {
17
21
  class: "card-cover"
18
22
  }),
package/lib/components/card/card.qwik.mjs CHANGED
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
2
2
  import { component$, useStyles$ } from "@builder.io/qwik";
3
3
  import styles from "./styles.css.qwik.mjs";
4
4
  import { Link } from "@builder.io/qwik-city";
5
- const Card = component$(({ item, icon, subtitle, link, path, disabled, reload }) => {
5
+ const Card = component$(({ item, icon, subtitle, link, path, disabled, reload, badge }) => {
6
6
  useStyles$(styles);
7
7
  return /* @__PURE__ */ jsxs("div", {
8
8
  class: "card",
@@ -11,6 +11,10 @@ const Card = component$(({ item, icon, subtitle, link, path, disabled, reload })
11
11
  /* @__PURE__ */ jsxs("div", {
12
12
  class: "card-header",
13
13
  children: [
14
+ badge && /* @__PURE__ */ jsx("div", {
15
+ class: "card-badge",
16
+ children: badge
17
+ }),
14
18
  /* @__PURE__ */ jsx("div", {
15
19
  class: "card-cover"
16
20
  }),
package/lib/components/card/styles.css.qwik.cjs CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
- const styles = ".card {\r\n max-width: 340px;\r\n width: 100%;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n position: relative;\r\n z-index: 1;\r\n background-color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-header {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 250px;\r\n flex-shrink: 0;\r\n width: 100%;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-cover {\r\n width: 100%;\r\n height: 160px;\r\n position: absolute;\r\n top: -28%;\r\n left: 0;\r\n will-change: top;\r\n background: #00758a;\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.2);\r\n transition: 0.5s;\r\n}\r\n\r\n.card-avatar-container {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.card-avatar {\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.card-wrap-details {\r\n width: 100%;\r\n max-width: 200px;\r\n height: 100px;\r\n}\r\n\r\n.card-fullname {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 22px;\r\n font-weight: 700;\r\n text-align: center;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* white-space: nowrap;\r\n transform: translateY(-10px) translateX(-50%);\r\n left: 50%; */\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-jobtitle {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 11px;\r\n /* white-space: nowrap; */\r\n line-height: 1.5;\r\n font-weight: 500;\r\n text-align: center;\r\n opacity: 0.7;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* left: 50%;\r\n transform: translateX(-50%) translateY(-7px); */\r\n margin: 0;\r\n}\r\n\r\n.card-main {\r\n position: relative;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 10px;\r\n}\r\n\r\n.card-section {\r\n display: block;\r\n}\r\n\r\n.card-content {\r\n padding: 20px;\r\n height: 150px;\r\n}\r\n\r\n.card-subtitle {\r\n font-weight: 700;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n color: #333;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-desc {\r\n line-height: 1.6;\r\n color: rgb(110, 110, 115);\r\n font-size: 14px;\r\n margin: 0;\r\n font-weight: 400;\r\n min-height: 10ch;\r\n}\r\n\r\n.card-container-url {\r\n display: flex;\r\n align-items: center;\r\n padding: 0 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.card-icon {\r\n color: #8797a1;\r\n height: 32px;\r\n width: 32px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.3s;\r\n background-color: rgba(93, 133, 193, 0.05);\r\n margin-right: 10px;\r\n}\r\n\r\n.go-to-profile {\r\n align-self: center;\r\n color: #06c;\r\n text-decoration: none;\r\n}\r\n\r\n.go-to-profile:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.link_disabled {\r\n color: #cccccc;\r\n cursor: not-allowed;\r\n text-decoration: none;\r\n}\r\n";
2
+ const styles = ".card {\r\n max-width: 340px;\r\n width: 100%;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n position: relative;\r\n z-index: 1;\r\n background-color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-header {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 250px;\r\n flex-shrink: 0;\r\n width: 100%;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-cover {\r\n width: 100%;\r\n height: 160px;\r\n position: absolute;\r\n top: -28%;\r\n left: 0;\r\n will-change: top;\r\n background: #00758a;\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.2);\r\n transition: 0.5s;\r\n}\r\n\r\n.card-avatar-container {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.card-avatar {\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.card-wrap-details {\r\n width: 100%;\r\n max-width: 200px;\r\n height: 100px;\r\n}\r\n\r\n.card-fullname {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 22px;\r\n font-weight: 700;\r\n text-align: center;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* white-space: nowrap;\r\n transform: translateY(-10px) translateX(-50%);\r\n left: 50%; */\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-jobtitle {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 11px;\r\n /* white-space: nowrap; */\r\n line-height: 1.5;\r\n font-weight: 500;\r\n text-align: center;\r\n opacity: 0.7;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* left: 50%;\r\n transform: translateX(-50%) translateY(-7px); */\r\n margin: 0;\r\n}\r\n\r\n.card-main {\r\n position: relative;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 10px;\r\n}\r\n\r\n.card-section {\r\n display: block;\r\n}\r\n\r\n.card-content {\r\n padding: 20px;\r\n height: 150px;\r\n}\r\n\r\n.card-subtitle {\r\n font-weight: 700;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n color: #333;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-desc {\r\n line-height: 1.6;\r\n color: rgb(110, 110, 115);\r\n font-size: 14px;\r\n margin: 0;\r\n font-weight: 400;\r\n min-height: 10ch;\r\n}\r\n\r\n.card-container-url {\r\n display: flex;\r\n align-items: center;\r\n padding: 0 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.card-icon {\r\n color: #8797a1;\r\n height: 32px;\r\n width: 32px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.3s;\r\n background-color: rgba(93, 133, 193, 0.05);\r\n margin-right: 10px;\r\n}\r\n\r\n.go-to-profile {\r\n align-self: center;\r\n color: #06c;\r\n text-decoration: none;\r\n}\r\n\r\n.go-to-profile:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.link_disabled {\r\n color: #cccccc;\r\n cursor: not-allowed;\r\n text-decoration: none;\r\n}\r\n\r\n.card-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n z-index: 2;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n}\r\n";
3
3
  module.exports = styles;
package/lib/components/card/styles.css.qwik.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const styles = ".card {\r\n max-width: 340px;\r\n width: 100%;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n position: relative;\r\n z-index: 1;\r\n background-color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-header {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 250px;\r\n flex-shrink: 0;\r\n width: 100%;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-cover {\r\n width: 100%;\r\n height: 160px;\r\n position: absolute;\r\n top: -28%;\r\n left: 0;\r\n will-change: top;\r\n background: #00758a;\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.2);\r\n transition: 0.5s;\r\n}\r\n\r\n.card-avatar-container {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.card-avatar {\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.card-wrap-details {\r\n width: 100%;\r\n max-width: 200px;\r\n height: 100px;\r\n}\r\n\r\n.card-fullname {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 22px;\r\n font-weight: 700;\r\n text-align: center;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* white-space: nowrap;\r\n transform: translateY(-10px) translateX(-50%);\r\n left: 50%; */\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-jobtitle {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 11px;\r\n /* white-space: nowrap; */\r\n line-height: 1.5;\r\n font-weight: 500;\r\n text-align: center;\r\n opacity: 0.7;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* left: 50%;\r\n transform: translateX(-50%) translateY(-7px); */\r\n margin: 0;\r\n}\r\n\r\n.card-main {\r\n position: relative;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 10px;\r\n}\r\n\r\n.card-section {\r\n display: block;\r\n}\r\n\r\n.card-content {\r\n padding: 20px;\r\n height: 150px;\r\n}\r\n\r\n.card-subtitle {\r\n font-weight: 700;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n color: #333;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-desc {\r\n line-height: 1.6;\r\n color: rgb(110, 110, 115);\r\n font-size: 14px;\r\n margin: 0;\r\n font-weight: 400;\r\n min-height: 10ch;\r\n}\r\n\r\n.card-container-url {\r\n display: flex;\r\n align-items: center;\r\n padding: 0 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.card-icon {\r\n color: #8797a1;\r\n height: 32px;\r\n width: 32px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.3s;\r\n background-color: rgba(93, 133, 193, 0.05);\r\n margin-right: 10px;\r\n}\r\n\r\n.go-to-profile {\r\n align-self: center;\r\n color: #06c;\r\n text-decoration: none;\r\n}\r\n\r\n.go-to-profile:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.link_disabled {\r\n color: #cccccc;\r\n cursor: not-allowed;\r\n text-decoration: none;\r\n}\r\n";
1
+ const styles = ".card {\r\n max-width: 340px;\r\n width: 100%;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n position: relative;\r\n z-index: 1;\r\n background-color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-header {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 250px;\r\n flex-shrink: 0;\r\n width: 100%;\r\n transition: 0.3s;\r\n}\r\n\r\n.card-cover {\r\n width: 100%;\r\n height: 160px;\r\n position: absolute;\r\n top: -28%;\r\n left: 0;\r\n will-change: top;\r\n background: #00758a;\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.2);\r\n transition: 0.5s;\r\n}\r\n\r\n.card-avatar-container {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n.card-avatar {\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.card-wrap-details {\r\n width: 100%;\r\n max-width: 200px;\r\n height: 100px;\r\n}\r\n\r\n.card-fullname {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 22px;\r\n font-weight: 700;\r\n text-align: center;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* white-space: nowrap;\r\n transform: translateY(-10px) translateX(-50%);\r\n left: 50%; */\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-jobtitle {\r\n /* position: absolute;\r\n bottom: 0; */\r\n font-size: 11px;\r\n /* white-space: nowrap; */\r\n line-height: 1.5;\r\n font-weight: 500;\r\n text-align: center;\r\n opacity: 0.7;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n /* left: 50%;\r\n transform: translateX(-50%) translateY(-7px); */\r\n margin: 0;\r\n}\r\n\r\n.card-main {\r\n position: relative;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 10px;\r\n}\r\n\r\n.card-section {\r\n display: block;\r\n}\r\n\r\n.card-content {\r\n padding: 20px;\r\n height: 150px;\r\n}\r\n\r\n.card-subtitle {\r\n font-weight: 700;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n color: #333;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.card-desc {\r\n line-height: 1.6;\r\n color: rgb(110, 110, 115);\r\n font-size: 14px;\r\n margin: 0;\r\n font-weight: 400;\r\n min-height: 10ch;\r\n}\r\n\r\n.card-container-url {\r\n display: flex;\r\n align-items: center;\r\n padding: 0 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.card-icon {\r\n color: #8797a1;\r\n height: 32px;\r\n width: 32px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.3s;\r\n background-color: rgba(93, 133, 193, 0.05);\r\n margin-right: 10px;\r\n}\r\n\r\n.go-to-profile {\r\n align-self: center;\r\n color: #06c;\r\n text-decoration: none;\r\n}\r\n\r\n.go-to-profile:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.link_disabled {\r\n color: #cccccc;\r\n cursor: not-allowed;\r\n text-decoration: none;\r\n}\r\n\r\n.card-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 8px;\r\n z-index: 2;\r\n font-size: 0.6rem;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n}\r\n";
2
2
  export {
3
3
  styles as default
4
4
  };
package/lib/components/navigationmenu/NavigationMenu.qwik.cjs CHANGED
@@ -37,10 +37,12 @@ const NavigationMenu = qwik.component$(({ ariaLabel, logoComponent, listItems, a
37
37
  children: logoReload ? /* @__PURE__ */ jsxRuntime.jsx("a", {
38
38
  href: `/${locale}`,
39
39
  "aria-label": "Homepage",
40
+ title: "Homepage",
40
41
  children: logoComponent && logoComponent({}, null, 0)
41
42
  }) : /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
42
43
  href: `/${locale}`,
43
44
  "aria-label": "Homepage",
45
+ title: "Homepage",
44
46
  children: logoComponent && logoComponent({}, null, 0)
45
47
  })
46
48
  }),
@@ -55,6 +57,7 @@ const NavigationMenu = qwik.component$(({ ariaLabel, logoComponent, listItems, a
55
57
  href: item.href,
56
58
  target: item.target,
57
59
  rel: item.rel,
60
+ title: item.title ?? item.label,
58
61
  class: "menu-link",
59
62
  children: item.label
60
63
  })
@@ -65,6 +68,7 @@ const NavigationMenu = qwik.component$(({ ariaLabel, logoComponent, listItems, a
65
68
  class: item.class,
66
69
  children: /* @__PURE__ */ jsxRuntime.jsx("a", {
67
70
  href: item.href,
71
+ title: item.title ?? item.label,
68
72
  class: location.url.pathname === item.href ? "active" : "menu-link",
69
73
  children: item.label
70
74
  })
@@ -74,6 +78,7 @@ const NavigationMenu = qwik.component$(({ ariaLabel, logoComponent, listItems, a
74
78
  class: item.class,
75
79
  children: /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
76
80
  href: item.href,
81
+ title: item.title ?? item.label,
77
82
  class: location.url.pathname === item.href ? "active" : "menu-link",
78
83
  children: item.label
79
84
  })
package/lib/components/navigationmenu/NavigationMenu.qwik.mjs CHANGED
@@ -35,10 +35,12 @@ const NavigationMenu = component$(({ ariaLabel, logoComponent, listItems, action
35
35
  children: logoReload ? /* @__PURE__ */ jsx("a", {
36
36
  href: `/${locale}`,
37
37
  "aria-label": "Homepage",
38
+ title: "Homepage",
38
39
  children: logoComponent && logoComponent({}, null, 0)
39
40
  }) : /* @__PURE__ */ jsx(Link, {
40
41
  href: `/${locale}`,
41
42
  "aria-label": "Homepage",
43
+ title: "Homepage",
42
44
  children: logoComponent && logoComponent({}, null, 0)
43
45
  })
44
46
  }),
@@ -53,6 +55,7 @@ const NavigationMenu = component$(({ ariaLabel, logoComponent, listItems, action
53
55
  href: item.href,
54
56
  target: item.target,
55
57
  rel: item.rel,
58
+ title: item.title ?? item.label,
56
59
  class: "menu-link",
57
60
  children: item.label
58
61
  })
@@ -63,6 +66,7 @@ const NavigationMenu = component$(({ ariaLabel, logoComponent, listItems, action
63
66
  class: item.class,
64
67
  children: /* @__PURE__ */ jsx("a", {
65
68
  href: item.href,
69
+ title: item.title ?? item.label,
66
70
  class: location.url.pathname === item.href ? "active" : "menu-link",
67
71
  children: item.label
68
72
  })
@@ -72,6 +76,7 @@ const NavigationMenu = component$(({ ariaLabel, logoComponent, listItems, action
72
76
  class: item.class,
73
77
  children: /* @__PURE__ */ jsx(Link, {
74
78
  href: item.href,
79
+ title: item.title ?? item.label,
75
80
  class: location.url.pathname === item.href ? "active" : "menu-link",
76
81
  children: item.label
77
82
  })
package/lib-types/components/card/card.d.ts CHANGED
@@ -35,6 +35,7 @@ export interface CardProps {
35
35
  path: string;
36
36
  disabled?: boolean;
37
37
  reload?: boolean;
38
+ badge?: JSXOutput;
38
39
  }
39
40
  export declare const Card: Component<CardProps>;
40
41
  export {};
package/lib-types/components/navigationmenu/NavigationMenu.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface NavItem {
7
7
  target?: string;
8
8
  rel?: string;
9
9
  class?: string;
10
+ title?: string;
10
11
  }
11
12
  export interface SearchLink {
12
13
  href: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@greghowe79/the-lib",
3
- "version": "2.15.0",
3
+ "version": "2.15.2",
4
4
  "description": "Collection of fast components for Qwik",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",