@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvVotingCard.vue.d.ts

@@ -0,0 +1,249 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    borrowerName: {
+        type: StringConstructor;
+        default: string;
+    };
+    category: {
+        type: StringConstructor;
+        default: string;
+    };
+    images: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showVoteButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPercentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showInfoIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    infoIcon: import('vue').ComputedRef<string>;
+}, {}, {}, {
+    castVote(): void;
+    handleInfoClick(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    borrowerName: {
+        type: StringConstructor;
+        default: string;
+    };
+    category: {
+        type: StringConstructor;
+        default: string;
+    };
+    images: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showVoteButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPercentage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showInfoIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    images: unknown[];
+    borrowerName: string;
+    category: string;
+    percentage: number;
+    showVoteButton: boolean;
+    showPercentage: boolean;
+    showInfoIcon: boolean;
+}, {}, {
+    KvProgressBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        value: {
+            type: NumberConstructor;
+            default: number;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        bgVariant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        loaded: import('vue').Ref<boolean, boolean>;
+        percent: import('vue').ComputedRef<number>;
+        animateProgressBar: () => void;
+        variantClass: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-danger" | "tw-bg-caution" | "tw-bg-brand">;
+        backgroundVariant: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-secondary">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        value: {
+            type: NumberConstructor;
+            default: number;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        bgVariant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{}>, {
+        value: number;
+        variant: string;
+        min: number;
+        max: number;
+        bgVariant: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        buttonRef: import('vue').Ref<any, any>;
+        buttonInnerRef: import('vue').Ref<any, any>;
+        computedClass: import('vue').ComputedRef<string>;
+        computedType: import('vue').ComputedRef<string>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        onClick: (event: any) => void;
+        tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {
+        to: string | Record<string, any>;
+        type: string;
+        href: string;
+        variant: string;
+        state: string;
+    }, {}, {
+        KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            color: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvVotingCard2.js

@@ -0,0 +1,63 @@
+import { mdiInformation as t } from "@mdi/js";
+import { computed as o } from "vue";
+import e from "./KvProgressBar.js";
+import r from "./KvButton.js";
+import a from "./KvMaterialIcon.js";
+const p = {
+  name: "KvVotingCard",
+  components: {
+    KvProgressBar: e,
+    KvButton: r,
+    KvMaterialIcon: a
+  },
+  props: {
+    borrowerName: {
+      type: String,
+      default: ""
+    },
+    category: {
+      type: String,
+      default: ""
+    },
+    images: {
+      type: Array,
+      default: () => []
+    },
+    percentage: {
+      type: Number,
+      default: 0
+    },
+    showVoteButton: {
+      type: Boolean,
+      default: !0
+    },
+    showPercentage: {
+      type: Boolean,
+      default: !0
+    },
+    showInfoIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return {
+      infoIcon: o(() => t)
+    };
+  },
+  methods: {
+    castVote() {
+      this.$emit("vote", {
+        category: this.category
+      });
+    },
+    handleInfoClick() {
+      this.$emit("info-click", {
+        category: this.category
+      });
+    }
+  }
+};
+export {
+  p as default
+};

package/dist/vue/KvVotingCardV2.js

@@ -1,120 +1,65 @@
-import { ref as x, toRefs as h, computed as u, resolveComponent as d, openBlock as i, createElementBlock as w, normalizeStyle as k, createElementVNode as r, toDisplayString as s, createTextVNode as _, createCommentVNode as m, createVNode as b, createBlock as y, withCtx as f } from "vue";
-import V from "./KvProgressBar.js";
-import C from "./KvButton.js";
-import B from "./KvLightbox.js";
+import x from "./KvVotingCardV22.js";
+import { resolveComponent as s, openBlock as l, createElementBlock as r, normalizeStyle as b, createElementVNode as o, toDisplayString as i, createTextVNode as w, createCommentVNode as c, createVNode as d, createBlock as u, withCtx as a } from "vue";
 import "./KvVotingCardV2.css";
-import L from "../_virtual/_plugin-vue_export-helper.js";
-const K = {
-  name: "KvVotingCard",
-  components: {
-    KvButton: C,
-    KvLightbox: B,
-    KvProgressBar: V
-  },
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    },
-    backgroundImageUrl: {
-      type: String,
-      default: ""
-    },
-    percentage: {
-      type: Number,
-      default: 0
-    },
-    showVoteButton: {
-      type: Boolean,
-      default: !0
-    },
-    showPercentage: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: [
-    "vote"
-  ],
-  setup(v, { emit: n }) {
-    const t = x(!1), e = 110, {
-      backgroundImageUrl: g,
-      description: o
-    } = h(v), a = u(() => ({
-      "--background-image-voting-card": `url(${g.value})`
-    })), l = u(() => (o == null ? void 0 : o.value) && (o == null ? void 0 : o.value.length) > e), c = u(() => l.value ? `${o.value.substring(0, e)}...` : o.value);
-    return {
-      cssProps: a,
-      castVote() {
-        n("vote");
-      },
-      isLightboxOpen: t,
-      isTruncated: l,
-      truncatedDescription: c
-    };
-  }
-}, N = { class: "tw-flex-grow-0 tw-text-white" }, P = { class: "tw-italic tw-pb-1" }, T = { class: "tw-pb-1.5" }, I = { class: "tw-block md:tw-flex tw-justify-between" }, O = {
+import g from "../_virtual/_plugin-vue_export-helper.js";
+const h = { class: "tw-flex-grow-0 tw-text-white" }, k = { class: "tw-italic tw-pb-1" }, p = { class: "tw-pb-1.5" }, y = { class: "tw-block md:tw-flex tw-justify-between" }, V = {
   key: 0,
   class: "tw-flex tw-items-center tw-w-full tw-max-w-16"
-}, S = { class: "tw-ml-2" }, D = { class: "tw-pb-1.5" };
-function U(v, n, t, e, g, o) {
-  const a = d("kv-progress-bar"), l = d("kv-button"), c = d("KvLightbox");
-  return i(), w("div", {
+}, C = { class: "tw-ml-2" }, L = { class: "tw-pb-1.5" };
+function B(N, n, t, e, K, O) {
+  const _ = s("kv-progress-bar"), m = s("kv-button"), f = s("KvLightbox");
+  return l(), r("div", {
     class: "vote_card tw-flex tw-flex-col tw-justify-end",
-    style: k(e.cssProps)
+    style: b(e.cssProps)
   }, [
-    r("div", N, [
-      r("h2", P, s(t.title), 1),
-      r("p", T, [
-        _(s(e.truncatedDescription) + " ", 1),
-        e.isTruncated ? (i(), w("a", {
+    o("div", h, [
+      o("h2", k, i(t.title), 1),
+      o("p", p, [
+        w(i(e.truncatedDescription) + " ", 1),
+        e.isTruncated ? (l(), r("a", {
           key: 0,
           class: "tw-underline tw-pl-1 tw-text-white tw-cursor-pointer",
-          onClick: n[0] || (n[0] = (p) => e.isLightboxOpen = !0)
-        }, "read more")) : m("", !0)
+          onClick: n[0] || (n[0] = (v) => e.isLightboxOpen = !0)
+        }, "read more")) : c("", !0)
       ]),
-      r("div", I, [
-        t.showPercentage ? (i(), w("div", O, [
-          b(a, {
+      o("div", y, [
+        t.showPercentage ? (l(), r("div", V, [
+          d(_, {
             class: "tw-flex-grow",
-            "aria-label": "Percent of votes for " + t.description,
+            label: "Percent of votes for " + t.description,
             value: t.percentage
-          }, null, 8, ["aria-label", "value"]),
-          r("div", S, s(t.percentage) + "% ", 1)
-        ])) : m("", !0),
-        t.showVoteButton ? (i(), y(l, {
+          }, null, 8, ["label", "value"]),
+          o("div", C, i(t.percentage) + "% ", 1)
+        ])) : c("", !0),
+        t.showVoteButton ? (l(), u(m, {
           key: 1,
           variant: "secondary",
           class: "tw-flex-grow-0 tw-min-w-16 tw-mt-2",
           onClick: e.castVote
         }, {
-          default: f(() => n[2] || (n[2] = [
-            _(" Vote ")
+          default: a(() => n[2] || (n[2] = [
+            w(" Vote ")
           ])),
           _: 1
-        }, 8, ["onClick"])) : m("", !0)
+        }, 8, ["onClick"])) : c("", !0)
       ])
     ]),
-    b(c, {
+    d(f, {
       title: t.title,
       visible: e.isLightboxOpen,
-      onLightboxClosed: n[1] || (n[1] = (p) => e.isLightboxOpen = !1)
+      onLightboxClosed: n[1] || (n[1] = (v) => e.isLightboxOpen = !1)
     }, {
-      header: f(() => [
-        r("h3", null, s(t.title), 1)
+      header: a(() => [
+        o("h3", null, i(t.title), 1)
       ]),
-      default: f(() => [
-        r("p", D, s(t.description), 1)
+      default: a(() => [
+        o("p", L, i(t.description), 1)
       ]),
       _: 1
     }, 8, ["title", "visible"])
   ], 4);
 }
-const q = /* @__PURE__ */ L(K, [["render", U]]);
+const S = /* @__PURE__ */ g(x, [["render", B]]);
 export {
-  q as default
+  S as default
 };