@kiva/kv-components 6.55.1 → 6.56.0

package/dist/vue/KvCheckoutReceipt.css

@@ -1 +1 @@
-.section[data-v-b813bc10]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-b813bc10]{page-break-inside:avoid}}.section--lender-info[data-v-b813bc10]{padding-top:0}.section--print[data-v-b813bc10]{border-bottom:0}.checkout-receipt__headline[data-v-b813bc10]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-b813bc10]{list-style:none;margin:0;width:100%}.loan__name[data-v-b813bc10]{margin-bottom:.5rem}.loan__name--inline[data-v-b813bc10]{display:inline-block}.loan__amount[data-v-b813bc10]{text-align:right}.total[data-v-b813bc10]{display:flex;align-items:baseline}.total__header[data-v-b813bc10],.total__amount[data-v-b813bc10]{text-align:right;flex:1}.total__amount[data-v-b813bc10]{flex-grow:.33}.payments[data-v-b813bc10]{border-bottom:none}.payments__type[data-v-b813bc10]{display:flex;text-align:right}.payments__type-title[data-v-b813bc10],.payments__type-amount[data-v-b813bc10]{flex:1}.print[data-v-b813bc10]{margin:0 auto}
+.section[data-v-915e14e6]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-915e14e6]{page-break-inside:avoid}}.section--lender-info[data-v-915e14e6]{padding-top:0}.section--print[data-v-915e14e6]{border-bottom:0}.checkout-receipt__headline[data-v-915e14e6]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-915e14e6]{list-style:none;margin:0;width:100%}.loan__name[data-v-915e14e6]{margin-bottom:.5rem}.loan__name--inline[data-v-915e14e6]{display:inline-block}.loan__amount[data-v-915e14e6]{text-align:right}.total[data-v-915e14e6]{display:flex;align-items:baseline}.total__header[data-v-915e14e6],.total__amount[data-v-915e14e6]{text-align:right;flex:1}.total__amount[data-v-915e14e6]{flex-grow:.33}.payments[data-v-915e14e6]{border-bottom:none}.payments__type[data-v-915e14e6]{display:flex;text-align:right}.payments__type-title[data-v-915e14e6],.payments__type-amount[data-v-915e14e6]{flex:1}.print[data-v-915e14e6]{margin:0 auto}

package/dist/vue/KvCheckoutReceipt.js

@@ -26,7 +26,8 @@ const F = (d = Date.now()) => {
   props: {
     lender: {
       type: Object,
-      required: !0
+      required: !1,
+      default: () => null
     },
     receipt: {
       type: Object,
@@ -83,7 +84,13 @@ const F = (d = Date.now()) => {
 }, U = { class: "checkout-receipt" }, M = { class: "checkout-receipt__wrapper tw-bg-primary tw-p-4 tw-rounded-xs tw-border tw-border-tertiary" }, N = {
   "data-testid": "lender-info",
   class: "section section--lender-info"
-}, P = { class: "data-hj-suppress" }, R = { class: "data-hj-suppress" }, V = {
+}, P = {
+  key: 0,
+  class: "data-hj-suppress"
+}, R = {
+  key: 1,
+  class: "data-hj-suppress"
+}, V = {
   key: 0,
   "data-testid": "print-kcard-msg",
   class: "section tw-text-center print:!tw-hidden"
@@ -181,8 +188,8 @@ function Ct(d, t, o, k, wt, c) {
     e("div", M, [
       e("section", N, [
         e("div", null, i(c.formattedTransactionTime), 1),
-        e("div", P, i(o.lender.firstName) + " " + i(o.lender.lastName), 1),
-        e("div", R, i(o.lender.email), 1)
+        o.lender ? (n(), s("div", P, i(o.lender.firstName) + " " + i(o.lender.lastName), 1)) : r("", !0),
+        o.lender ? (n(), s("div", R, i(o.lender.email), 1)) : r("", !0)
       ]),
       e("section", null, [
         c.printableKivaCards.length > 0 ? (n(), s("div", V, [
@@ -379,7 +386,7 @@ function Ct(d, t, o, k, wt, c) {
     ])
   ]);
 }
-const Dt = /* @__PURE__ */ D(A, [["render", Ct], ["__scopeId", "data-v-b813bc10"]]);
+const Dt = /* @__PURE__ */ D(A, [["render", Ct], ["__scopeId", "data-v-915e14e6"]]);
 export {
   Dt as default
 };

package/dist/vue/KvDatePicker.js

@@ -1,4 +1,4 @@
-import { computed as h, markRaw as p, resolveComponent as u, openBlock as r, createBlock as a, withCtx as k, createElementVNode as g, normalizeClass as f, createElementBlock as n, resolveDynamicComponent as D, mergeProps as _ } from "vue";
+import { computed as h, markRaw as p, resolveComponent as u, openBlock as r, createBlock as n, withCtx as k, createElementVNode as g, normalizeClass as f, createElementBlock as a, resolveDynamicComponent as D, mergeProps as _ } from "vue";
 import { defaultTheme as i, stoneDarkTheme as v, stoneLightTheme as y, marigoldLightTheme as C, greenLightTheme as L, greenDarkTheme as P } from "@kiva/kv-tokens";
 import T from "./KvThemeProvider.js";
 import "./KvDatePicker.css";
@@ -89,24 +89,23 @@ const w = {
   key: 1,
   class: "kv-datepicker__loading"
 };
-function x(e, o, l, m, t, s) {
+function x(e, o, m, l, t, s) {
   const d = u("kv-theme-provider");
-  return r(), a(d, { theme: m.themeStyle }, {
+  return r(), n(d, { theme: l.themeStyle }, {
     default: k(() => [
       g("div", {
-        class: f(["kv-datepicker", l.theme])
+        class: f(["kv-datepicker", m.theme])
       }, [
-        t.datepickerComponent ? (r(), n("div", K, [
-          (r(), a(D(t.datepickerComponent), _({
+        t.datepickerComponent ? (r(), a("div", K, [
+          (r(), n(D(t.datepickerComponent), _({
             key: t.componentKey,
             modelValue: t.selectedDate,
-            "onUpdate:modelValue": o[0] || (o[0] = (c) => t.selectedDate = c),
-            placeholder: e.placeholder
+            "onUpdate:modelValue": o[0] || (o[0] = (c) => t.selectedDate = c)
           }, e.$attrs, {
             "auto-apply": !0,
             "onUpdate:modelValue": s.handleDateChange
-          }), null, 16, ["modelValue", "placeholder", "onUpdate:modelValue"]))
-        ])) : (r(), n("div", S, " Loading... "))
+          }), null, 16, ["modelValue", "onUpdate:modelValue"]))
+        ])) : (r(), a("div", S, " Loading... "))
       ], 2)
     ]),
     _: 1

package/dist/vue/KvSecondaryNav.css

@@ -1 +1 @@
-.kv-secondary-nav-holder[data-v-ad8fd90d]{height:62px}.kv-secondary-nav[data-v-ad8fd90d]{min-height:62px}
+.kv-secondary-nav-holder[data-v-a09aec27]{height:62px}.kv-secondary-nav[data-v-a09aec27]{min-height:62px}

package/dist/vue/KvSecondaryNav.js

@@ -1,16 +1,16 @@
-import { toRefs as x, ref as y, computed as p, resolveComponent as m, openBlock as d, createBlock as _, withCtx as w, createElementVNode as i, normalizeClass as o, createVNode as k, createElementBlock as u, toDisplayString as b, createCommentVNode as C, Fragment as N, renderList as S, resolveDynamicComponent as j, createTextVNode as A } from "vue";
-import { defaultTheme as O, greenDarkTheme as L } from "@kiva/kv-tokens";
-import { mdiChevronUp as D, mdiChevronDown as E } from "@mdi/js";
-import K from "./KvThemeProvider.js";
-import P from "./KvMaterialIcon.js";
+import { toRefs as N, ref as _, computed as v, resolveComponent as w, openBlock as o, createBlock as u, withCtx as c, createElementVNode as l, normalizeClass as i, createVNode as p, createElementBlock as f, resolveDynamicComponent as b, createTextVNode as x, toDisplayString as C, createCommentVNode as j, Fragment as O, renderList as S } from "vue";
+import { defaultTheme as A, greenDarkTheme as E } from "@kiva/kv-tokens";
+import { mdiChevronUp as P, mdiChevronDown as D } from "@mdi/js";
+import H from "./KvThemeProvider.js";
+import K from "./KvMaterialIcon.js";
 import T from "./KvPageContainer.js";
 import "./KvSecondaryNav.css";
 import V from "../_virtual/_plugin-vue_export-helper.js";
 const B = {
   name: "KvSecondaryNav",
   components: {
-    KvThemeProvider: K,
-    KvMaterialIcon: P,
+    KvThemeProvider: H,
+    KvMaterialIcon: K,
     KvPageContainer: T
   },
   props: {
@@ -18,11 +18,19 @@ const B = {
       type: String,
       default: ""
     },
+    headingLink: {
+      type: Object,
+      required: !1,
+      default: () => ({}),
+      validator(n) {
+        return Object.prototype.hasOwnProperty.call(n, "text") && Object.prototype.hasOwnProperty.call(n, "href");
+      }
+    },
     links: {
       type: Array,
       default: () => [],
-      validator(a) {
-        return a.every(
+      validator(n) {
+        return n.every(
           (r) => Object.prototype.hasOwnProperty.call(r, "text") && Object.prototype.hasOwnProperty.call(r, "href")
         );
       }
@@ -30,99 +38,111 @@ const B = {
     linkAlignment: {
       type: String,
       default: "",
-      validator(a) {
-        return ["left", "right", "center"].includes(a);
+      validator(n) {
+        return ["left", "right", "center"].includes(n);
       }
     },
     theme: {
       type: String,
       default: "default",
-      validator(a) {
-        return ["default", "dark"].includes(a);
+      validator(n) {
+        return ["default", "dark"].includes(n);
       }
     }
   },
   emits: [
     "subnavLinkClicked"
   ],
-  setup(a, { emit: r }) {
+  setup(n, { emit: r }) {
     const {
-      heading: n,
+      heading: t,
       linkAlignment: e,
-      theme: f
-    } = x(a), g = y(null), l = y(!1), c = p(() => e.value === "right" ? n.value && n.value.length > 0 ? "tw-justify-between" : "tw-justify-between md:tw-justify-end" : e.value === "left" ? "tw-justify-between md:tw-justify-start" : e.value === "center" ? "tw-justify-between md:tw-justify-center" : ""), s = p(() => ({
-      default: O,
-      dark: L
-    })[f.value]);
+      theme: h
+    } = N(n), g = _(null), d = _(!1), s = v(() => n.headingLink && n.headingLink.href), m = v(() => e.value === "right" ? t.value && t.value.length > 0 ? "tw-justify-between" : "tw-justify-between md:tw-justify-end" : e.value === "left" ? "tw-justify-between md:tw-justify-start" : e.value === "center" ? "tw-justify-between md:tw-justify-center" : ""), a = v(() => ({
+      default: A,
+      dark: E
+    })[h.value]);
     return {
-      navAlignmentClass: c,
+      hasHeadingLink: s,
+      navAlignmentClass: m,
       toggleSubNavigation: () => {
-        l.value = !l.value;
+        d.value = !d.value;
       },
-      subNavigationOpen: l,
-      mdiChevronUp: D,
-      mdiChevronDown: E,
+      subNavigationOpen: d,
+      mdiChevronUp: P,
+      mdiChevronDown: D,
       subNavigation: g,
-      themeStyle: s,
-      handleLinkClick: (v) => {
-        r("subnavLinkClicked", v);
+      themeStyle: a,
+      handleLinkClick: (y) => {
+        r("subnavLinkClicked", y);
       }
     };
   }
-}, I = { class: "kv-secondary-nav__heading tw-text-h3" }, M = { class: "kv-secondary-nav__links tw-flex tw-flex-col md:tw-flex-row tw-items-center tw-gap-3" };
-function z(a, r, n, e, f, g) {
-  const l = m("kv-material-icon"), c = m("kv-page-container"), s = m("kv-theme-provider");
-  return d(), _(s, {
+}, I = { class: "kv-secondary-nav__links tw-flex tw-flex-col md:tw-flex-row tw-items-center tw-gap-3" };
+function M(n, r, t, e, h, g) {
+  const d = w("kv-material-icon"), s = w("kv-page-container"), m = w("kv-theme-provider");
+  return o(), u(m, {
     theme: e.themeStyle,
     class: "kv-tailwind"
   }, {
-    default: w(() => [
-      i("div", {
-        class: o(["tw-z-1 tw-w-full kv-secondary-nav-holder relative tw-text-primary", n.theme === "default" ? "tw-bg-secondary" : "tw-bg-primary"])
+    default: c(() => [
+      l("div", {
+        class: i(["tw-z-1 tw-w-full kv-secondary-nav-holder relative tw-text-primary", t.theme === "default" ? "tw-bg-secondary" : "tw-bg-primary"])
       }, [
-        i("div", {
-          class: o(["tw-w-full tw-overflow-x-auto kv-secondary-nav tw-absolute tw-top-0 tw-left-0 tw-right-0", n.theme === "default" ? "tw-bg-secondary" : "tw-bg-primary"])
+        l("div", {
+          class: i(["tw-w-full tw-overflow-x-auto kv-secondary-nav tw-absolute tw-top-0 tw-left-0 tw-right-0", t.theme === "default" ? "tw-bg-secondary" : "tw-bg-primary"])
         }, [
-          k(c, null, {
-            default: w(() => [
-              i("div", {
+          p(s, null, {
+            default: c(() => [
+              l("div", {
                 ref: "navInner",
-                class: o(["kv-secondary-nav__inner tw-flex tw-gap-2 md:tw-gap-4 tw-items-center tw-flex-wrap tw-py-2", e.navAlignmentClass])
+                class: i(["kv-secondary-nav__inner tw-flex tw-gap-2 md:tw-gap-4 tw-items-center tw-flex-wrap tw-py-2", e.navAlignmentClass])
               }, [
-                n.heading && n.heading.length > 0 ? (d(), u("div", {
+                t.heading && t.heading.length > 0 ? (o(), f("div", {
                   key: 0,
-                  class: o(["kv-secondary-nav__heading-container", { "tw-block md:tw-hidden": n.linkAlignment === "left" || n.linkAlignment === "center" }])
+                  class: i(["kv-secondary-nav__heading-container", { "tw-block md:tw-hidden": t.linkAlignment === "left" || t.linkAlignment === "center" }])
                 }, [
-                  i("div", I, b(n.heading), 1)
-                ], 2)) : C("", !0),
-                i("button", {
+                  (o(), u(b(e.hasHeadingLink ? t.headingLink.isExternal ? "a" : "router-link" : "div"), {
+                    to: e.hasHeadingLink ? t.headingLink.isExternal ? void 0 : t.headingLink.href : void 0,
+                    href: e.hasHeadingLink && t.headingLink.isExternal ? t.headingLink.href : void 0,
+                    class: i(["kv-secondary-nav__heading tw-text-h3 tw-text-primary tw-bg-transparent tw-border-none tw-no-underline", {
+                      "tw-cursor-pointer": e.hasHeadingLink
+                    }])
+                  }, {
+                    default: c(() => [
+                      x(C(t.heading), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["to", "href", "class"]))
+                ], 2)) : j("", !0),
+                l("button", {
                   class: "kv-secondary-nav__toggle tw-flex md:tw-hidden tw-text-primary tw-bg-transparent tw-border-none tw-cursor-pointer",
-                  onClick: r[0] || (r[0] = (...t) => e.toggleSubNavigation && e.toggleSubNavigation(...t))
+                  onClick: r[0] || (r[0] = (...a) => e.toggleSubNavigation && e.toggleSubNavigation(...a))
                 }, [
-                  k(l, {
+                  p(d, {
                     icon: e.subNavigationOpen ? e.mdiChevronUp : e.mdiChevronDown
                   }, null, 8, ["icon"])
                 ]),
-                i("div", {
+                l("div", {
                   ref: "subNavigation",
-                  class: o(["kv-secondary-nav__links-container tw-pt-1 md:tw-pt-0 md:tw-block tw-w-full md:tw-w-auto", { "tw-hidden": !e.subNavigationOpen }])
+                  class: i(["kv-secondary-nav__links-container tw-pt-1 md:tw-pt-0 md:tw-block tw-w-full md:tw-w-auto", { "tw-hidden": !e.subNavigationOpen }])
                 }, [
-                  i("ul", M, [
-                    (d(!0), u(N, null, S(n.links, (t, h) => (d(), u("li", {
-                      key: h,
+                  l("ul", I, [
+                    (o(!0), f(O, null, S(t.links, (a, k) => (o(), f("li", {
+                      key: k,
                       class: "kv-secondary-nav__link-item tw-w-full md:tw-w-auto"
                     }, [
-                      (d(), _(j(t.isExternal ? "a" : "router-link"), {
-                        to: t.isExternal ? void 0 : t.href,
-                        href: t.isExternal ? t.href : void 0,
-                        class: o(["kv-secondary-nav__link tw-py-2 md:tw-py-n tw-text-primary tw-font-medium hover:tw-underline hover:tw-text-primary", {
-                          "tw-underline": t.isActive,
-                          "tw-no-underline": !t.isActive
-                        }]),
-                        onClick: (v) => e.handleLinkClick(t)
+                      (o(), u(b(a.isExternal ? "a" : "router-link"), {
+                        to: a.isExternal ? void 0 : a.href,
+                        href: a.isExternal ? a.href : void 0,
+                        class: i([{
+                          "tw-underline": a.isActive,
+                          "tw-no-underline": !a.isActive
+                        }, "kv-secondary-nav__link tw-py-2 md:tw-py-n tw-text-primary tw-font-medium hover:tw-underline hover:tw-text-primary tw-cursor-pointer"]),
+                        onClick: (L) => e.handleLinkClick(a)
                       }, {
-                        default: w(() => [
-                          A(b(t.text), 1)
+                        default: c(() => [
+                          x(C(a.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["to", "href", "class", "onClick"]))
@@ -139,7 +159,7 @@ function z(a, r, n, e, f, g) {
     _: 1
   }, 8, ["theme"]);
 }
-const W = /* @__PURE__ */ V(B, [["render", z], ["__scopeId", "data-v-ad8fd90d"]]);
+const W = /* @__PURE__ */ V(B, [["render", M], ["__scopeId", "data-v-a09aec27"]]);
 export {
   W as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.55.1",
+  "version": "6.56.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "26b3da94fada3375cd0859e3c2fb0b2d622e73ca"
+  "gitHead": "748bc6129c1a7d46951196cf89a39cce7dae8f5c"
 }