@kiva/kv-components 7.6.2 → 8.0.0

package/dist/vue/KvGrid.js

@@ -1,26 +1,15 @@
-import { openBlock as o, createBlock as r, resolveDynamicComponent as a, withCtx as s, renderSlot as n } from "vue";
+import o from "./KvGrid2.js";
+import { openBlock as r, createBlock as a, resolveDynamicComponent as n, withCtx as s, renderSlot as c } from "vue";
 import p from "../_virtual/_plugin-vue_export-helper.js";
-const c = {
-  props: {
-    /**
-     * Element name of the grid container element.
-     * e.g., <kv-grid as="ul"><li>list item...  renders <ul><li>list item...
-     * */
-    as: {
-      type: String,
-      default: "div"
-    }
-  }
-};
-function d(t, i, e, l, f, m) {
-  return o(), r(a(e.as), { class: "tw-grid tw-gap-2 md:tw-gap-3 lg:tw-gap-3.5" }, {
+function d(t, f, e, i, l, m) {
+  return r(), a(n(e.as), { class: "tw-grid tw-gap-2 md:tw-gap-3 lg:tw-gap-3.5" }, {
     default: s(() => [
-      n(t.$slots, "default")
+      c(t.$slots, "default")
     ]),
     _: 3
   });
 }
-const g = /* @__PURE__ */ p(c, [["render", d]]);
+const w = /* @__PURE__ */ p(o, [["render", d]]);
 export {
-  g as default
+  w as default
 };

package/dist/vue/KvGrid.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvGrid2.js

@@ -0,0 +1,15 @@
+const t = {
+  props: {
+    /**
+     * Element name of the grid container element.
+     * e.g., <kv-grid as="ul"><li>list item...  renders <ul><li>list item...
+     * */
+    as: {
+      type: String,
+      default: "div"
+    }
+  }
+};
+export {
+  t as default
+};

package/dist/vue/KvIconBag.js

@@ -1,23 +1,17 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as e, toDisplayString as c, createCommentVNode as l } from "vue";
+import c from "./KvIconBag2.js";
+import { openBlock as n, createElementBlock as s, createElementVNode as e, toDisplayString as i, createCommentVNode as l } from "vue";
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const i = {
-  props: {
-    count: {
-      type: Number,
-      default: 0
-    }
-  }
-}, u = {
+const d = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, d = ["id"], a = {
+}, f = ["id"], a = {
   x: "12",
   y: "17",
   fill: "#000",
   style: { "font-size": "9px", "font-weight": "631", "text-anchor": "middle" }
-}, f = ["mask"];
-function m(_, o, t, h, x, k) {
-  return n(), s("svg", u, [
+}, m = ["mask"];
+function u(_, o, t, h, x, k) {
+  return n(), s("svg", d, [
     e("defs", null, [
       t.count > 0 ? (n(), s("mask", {
         key: 0,
@@ -28,17 +22,17 @@ function m(_, o, t, h, x, k) {
           height: "100%",
           fill: "#fff"
         }, null, -1)),
-        e("text", a, c(t.count), 1)
-      ], 8, d)) : l("", !0)
+        e("text", a, i(t.count), 1)
+      ], 8, f)) : l("", !0)
     ]),
     e("path", {
       d: "M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z",
       fill: "currentColor",
       mask: `url(#countMask-${t.count})`
-    }, null, 8, f)
+    }, null, 8, m)
   ]);
 }
-const w = /* @__PURE__ */ r(i, [["render", m]]);
+const A = /* @__PURE__ */ r(c, [["render", u]]);
 export {
-  w as default
+  A as default
 };

package/dist/vue/KvIconBag.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    count: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvIconBag2.js

@@ -0,0 +1,11 @@
+const t = {
+  props: {
+    count: {
+      type: Number,
+      default: 0
+    }
+  }
+};
+export {
+  t as default
+};

package/dist/vue/KvImpactDashboardHeader.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/KvImpactVerticalSelector.js

@@ -1,136 +1,57 @@
-import { ref as M, onMounted as V, computed as o, resolveComponent as N, openBlock as r, createElementBlock as l, createElementVNode as a, Fragment as W, renderList as z, createBlock as K, withCtx as D, normalizeClass as d, createCommentVNode as f, toDisplayString as C } from "vue";
-import F from "./KvCardFrame.js";
-import j from "./KvContentfulImg.js";
-import q from "../_virtual/_plugin-vue_export-helper.js";
-const G = {
-  components: {
-    KvCardFrame: F,
-    KvContentfulImg: j
-  },
-  props: {
-    // Expects an array of categories from our API
-    categoryList: {
-      type: Array,
-      default: () => []
-    },
-    // Expects a list of category ids to hide from the selector
-    hiddenCategories: {
-      type: Array,
-      default: () => []
-    },
-    imageWidth: {
-      type: Number,
-      default: 64
-    },
-    // Category id to pre-select when component mounts
-    preSelectedCategory: {
-      type: String,
-      default: null
-    },
-    // Use compact horizontal layout on tablet and up (keeps image to the left)
-    useCompactCard: {
-      type: Boolean,
-      default: !1
-    },
-    // Array of category ids that the user has already selected
-    existingCategories: {
-      type: Array,
-      default: () => []
-    },
-    // Message to show for categories that are in the existingCategories list
-    existingCategoryMessage: {
-      type: String,
-      default: "Already selected"
-    }
-  },
-  emits: ["category-selected"],
-  setup(s, { emit: g }) {
-    const i = M(null), n = (e) => {
-      i.value = e, g("category-selected", e);
-    };
-    V(() => {
-      s.preSelectedCategory && n(s.preSelectedCategory);
-    });
-    const _ = (e) => {
-      var k, p, b, v, y, I, S, E, L;
-      if (e.contentfulEntry) {
-        const u = (v = (b = (p = (k = e == null ? void 0 : e.contentfulEntry) == null ? void 0 : k.entry) == null ? void 0 : p.fields) == null ? void 0 : b.content) == null ? void 0 : v.find(
-          (w) => {
-            var A, B;
-            return (B = (A = w == null ? void 0 : w.fields) == null ? void 0 : A.key) == null ? void 0 : B.includes("category-icon");
-          }
-        );
-        return ((L = (E = (S = (I = (y = u == null ? void 0 : u.fields) == null ? void 0 : y.contentLight) == null ? void 0 : I[0]) == null ? void 0 : S.fields) == null ? void 0 : E.file) == null ? void 0 : L.url) ?? null;
-      }
-      return null;
-    }, h = o(() => s.useCompactCard ? "tw-p-1 md:tw-p-2 tw-flex tw-flex-row tw-items-center tw-cursor-pointer" : "tw-p-2 tw-flex tw-flex-row md:tw-flex-col tw-items-center tw-cursor-pointer"), c = o(() => s.useCompactCard ? "tw-shrink-0 tw-mr-2" : "tw-shrink-0 tw-mr-2 md:tw-mr-0 md:tw-mb-2"), m = o(() => s.useCompactCard ? "" : "md:tw-text-center"), t = (e) => s.existingCategories.includes(e), x = o(() => !s.categoryList || s.categoryList.length === 0 ? [] : s.categoryList.filter((e) => !s.hiddenCategories.includes(e.id)).map((e) => ({
-      id: e.id,
-      name: e.name,
-      description: e.description,
-      customImage: e.customImage || null,
-      contentfulImage: _(e) || null
-    })));
-    return {
-      selectedCategory: i,
-      formattedCategories: x,
-      selectCategory: n,
-      cardContainerClasses: h,
-      imageClasses: c,
-      textContainerClasses: m,
-      isCategoryExisting: t
-    };
-  }
-}, H = { class: "tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-3" }, J = ["alt", "src", "width"], O = { class: "tw-mb-0.5 tw-font-medium" }, P = { class: "tw-text-small" }, Q = {
+import _ from "./KvImpactVerticalSelector2.js";
+import { resolveComponent as d, openBlock as s, createElementBlock as n, createElementVNode as l, Fragment as f, renderList as C, createBlock as c, withCtx as g, normalizeClass as i, createCommentVNode as o, toDisplayString as r } from "vue";
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-3" }, k = ["alt", "src", "width"], u = { class: "tw-mb-0.5 tw-font-medium" }, v = { class: "tw-text-small" }, x = {
   key: 0,
   class: "tw-text-small tw-py-1 tw-px-2 tw-mt-1 tw-bg-brand-200 tw-rounded tw-inline-block"
-}, R = {
+}, p = {
   key: 0,
   class: "tw-text-gray-500 tw-italic"
 };
-function T(s, g, i, n, _, h) {
-  const c = N("kv-contentful-img"), m = N("kv-card-frame");
-  return r(), l("div", null, [
-    a("div", H, [
-      (r(!0), l(W, null, z(n.formattedCategories, (t) => (r(), K(m, {
+function I(B, E, a, e, N, V) {
+  const m = d("kv-contentful-img"), w = d("kv-card-frame");
+  return s(), n("div", null, [
+    l("div", b, [
+      (s(!0), n(f, null, C(e.formattedCategories, (t) => (s(), c(w, {
         key: t.id,
-        "bg-color-class": n.selectedCategory === t.id ? "tw-bg-secondary" : "tw-bg-white",
-        "border-class": n.selectedCategory === t.id ? "tw-border-2 tw-border-action" : "tw-border-2 tw-border-transparent",
+        "bg-color-class": e.selectedCategory === t.id ? "tw-bg-secondary" : "tw-bg-white",
+        "border-class": e.selectedCategory === t.id ? "tw-border-2 tw-border-action" : "tw-border-2 tw-border-transparent",
         class: "tw-transition-all tw-duration-200 hover:tw-shadow-lg",
-        onClick: (x) => n.selectCategory(t.id)
+        onClick: (S) => e.selectCategory(t.id)
       }, {
-        default: D(() => [
-          a("div", {
-            class: d(n.cardContainerClasses)
+        default: g(() => [
+          l("div", {
+            class: i(e.cardContainerClasses)
           }, [
-            t != null && t.contentfulImage ? (r(), K(c, {
+            t != null && t.contentfulImage ? (s(), c(m, {
               key: 0,
-              class: d(n.imageClasses),
+              class: i(e.imageClasses),
               alt: `${t.name} image`,
               "contentful-src": t.contentfulImage,
-              width: i.imageWidth
-            }, null, 8, ["class", "alt", "contentful-src", "width"])) : t != null && t.customImage ? (r(), l("img", {
+              width: a.imageWidth
+            }, null, 8, ["class", "alt", "contentful-src", "width"])) : t != null && t.customImage ? (s(), n("img", {
               key: 1,
-              class: d(n.imageClasses),
+              class: i(e.imageClasses),
               alt: `${t.name} image`,
               src: t.customImage,
-              width: i.imageWidth
-            }, null, 10, J)) : f("", !0),
-            a("div", {
-              class: d(n.textContainerClasses)
+              width: a.imageWidth
+            }, null, 10, k)) : o("", !0),
+            l("div", {
+              class: i(e.textContainerClasses)
             }, [
-              a("p", O, C(t.name), 1),
-              a("p", P, C(t.description), 1),
-              n.isCategoryExisting(t.id) ? (r(), l("p", Q, C(i.existingCategoryMessage), 1)) : f("", !0)
+              l("p", u, r(t.name), 1),
+              l("p", v, r(t.description), 1),
+              e.isCategoryExisting(t.id) ? (s(), n("p", x, r(a.existingCategoryMessage), 1)) : o("", !0)
             ], 2)
           ], 2)
         ]),
         _: 2
       }, 1032, ["bg-color-class", "border-class", "onClick"]))), 128))
     ]),
-    n.formattedCategories.length === 0 ? (r(), l("p", R, " No categories available ")) : f("", !0)
+    e.formattedCategories.length === 0 ? (s(), n("p", p, " No categories available ")) : o("", !0)
   ]);
 }
-const $ = /* @__PURE__ */ q(G, [["render", T]]);
+const F = /* @__PURE__ */ h(_, [["render", I]]);
 export {
-  $ as default
+  F as default
 };

package/dist/vue/KvImpactVerticalSelector.vue.d.ts

@@ -0,0 +1,278 @@
+import { PropType } from 'vue';
+interface Category {
+    id: string | number;
+    name: string;
+    description: string;
+    customImage?: string | null;
+    contentfulImage?: any;
+    [key: string]: any;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    categoryList: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    hiddenCategories: {
+        type: PropType<(string | number)[]>;
+        default: () => any[];
+    };
+    imageWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    preSelectedCategory: {
+        type: StringConstructor;
+        default: any;
+    };
+    useCompactCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    existingCategories: {
+        type: PropType<(string | number)[]>;
+        default: () => any[];
+    };
+    existingCategoryMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    selectedCategory: import('vue').Ref<any, any>;
+    formattedCategories: import('vue').ComputedRef<{
+        id: string | number;
+        name: string;
+        description: string;
+        customImage: string;
+        contentfulImage: any;
+    }[]>;
+    selectCategory: (categoryId: any) => void;
+    cardContainerClasses: import('vue').ComputedRef<"tw-p-1 md:tw-p-2 tw-flex tw-flex-row tw-items-center tw-cursor-pointer" | "tw-p-2 tw-flex tw-flex-row md:tw-flex-col tw-items-center tw-cursor-pointer">;
+    imageClasses: import('vue').ComputedRef<"tw-shrink-0 tw-mr-2" | "tw-shrink-0 tw-mr-2 md:tw-mr-0 md:tw-mb-2">;
+    textContainerClasses: import('vue').ComputedRef<"" | "md:tw-text-center">;
+    isCategoryExisting: (categoryId: any) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "category-selected"[], "category-selected", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    categoryList: {
+        type: PropType<Category[]>;
+        default: () => any[];
+    };
+    hiddenCategories: {
+        type: PropType<(string | number)[]>;
+        default: () => any[];
+    };
+    imageWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    preSelectedCategory: {
+        type: StringConstructor;
+        default: any;
+    };
+    useCompactCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    existingCategories: {
+        type: PropType<(string | number)[]>;
+        default: () => any[];
+    };
+    existingCategoryMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onCategory-selected"?: (...args: any[]) => any;
+}>, {
+    categoryList: Category[];
+    hiddenCategories: (string | number)[];
+    imageWidth: number;
+    preSelectedCategory: string;
+    useCompactCard: boolean;
+    existingCategories: (string | number)[];
+    existingCategoryMessage: string;
+}, {}, {
+    KvCardFrame: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        allowOverflow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        bgColorClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        radiusClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        shadowClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        themeStyle: import('vue').ComputedRef<any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        allowOverflow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        bgColorClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        borderClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        radiusClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        shadowClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        theme: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{}>, {
+        theme: string;
+        allowOverflow: boolean;
+        bgColorClass: string;
+        borderClass: string;
+        radiusClass: string;
+        shadowClass: string;
+    }, {}, {
+        KvThemeProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            theme: {
+                type: ObjectConstructor;
+                default: any;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            theme: {
+                type: ObjectConstructor;
+                default: any;
+            };
+        }>> & Readonly<{}>, {
+            tag: string;
+            theme: Record<string, any>;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvContentfulImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        contentfulSrc: {
+            type: StringConstructor;
+            required: true;
+        };
+        fallbackFormat: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: PropType<"lazy" | "eager" | null>;
+            default: any;
+            validator(value: string): boolean;
+        };
+        focus: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        fit: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        sourceSizes: {
+            type: PropType<import('./KvContentfulImg.vue').SourceSize[]>;
+            required: false;
+            default: () => any[];
+        };
+    }>, {
+        buildUrl: (image?: any, multiplier?: number) => string;
+        caption: import('vue').ComputedRef<string>;
+        removeLeafIcon: import('vue').ComputedRef<boolean>;
+        setQuality: (imgWidth: string | number, imgScale: string) => 65 | 95 | 80;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        contentfulSrc: {
+            type: StringConstructor;
+            required: true;
+        };
+        fallbackFormat: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: PropType<"lazy" | "eager" | null>;
+            default: any;
+            validator(value: string): boolean;
+        };
+        focus: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        fit: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        sourceSizes: {
+            type: PropType<import('./KvContentfulImg.vue').SourceSize[]>;
+            required: false;
+            default: () => any[];
+        };
+    }>> & Readonly<{}>, {
+        height: string | number;
+        focus: string;
+        width: string | number;
+        alt: string;
+        loading: "lazy" | "eager";
+        fallbackFormat: string;
+        fit: string;
+        sourceSizes: import('./KvContentfulImg.vue').SourceSize[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;