@kiva/kv-components 8.11.4 → 8.12.1

package/dist/vue/KvPieChartV2.js

@@ -1,5 +1,5 @@
 import y from "./KvPieChartV22.js";
-import { resolveComponent as x, openBlock as l, createElementBlock as o, createElementVNode as r, normalizeClass as k, createCommentVNode as n, Fragment as d, renderList as c, normalizeStyle as a, toDisplayString as w, createBlock as _, withCtx as b } from "vue";
+import { resolveComponent as x, openBlock as l, createElementBlock as o, createElementVNode as r, normalizeClass as k, createCommentVNode as n, Fragment as d, renderList as c, normalizeStyle as s, toDisplayString as w, createBlock as _, withCtx as b } from "vue";
 import "./KvPieChartV2.css";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 const v = {
@@ -14,25 +14,25 @@ const v = {
 }, S = ["cx", "cy", "r", "stroke", "stroke-width"], L = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "transform"], O = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "transform"], V = {
   key: 0,
   class: "tw-flex tw-flex-wrap tw-justify-center tw-gap-0.5 tw-w-full tw-pt-0.5"
-}, W = { class: "tw-flex tw-gap-0.5 tw-items-center tw-min-w-0 tw-overflow-hidden" }, p = { class: "tw-font-medium tw-text-small tw-text-primary tw-whitespace-nowrap tw-truncate" }, B = { class: "tw-flex tw-gap-0.5 tw-items-center tw-shrink-0" }, I = { class: "tw-grid tw-grid-cols-2 tw-grid-flow-row tw-gap-0.5" }, E = { class: "tw-flex tw-gap-0.5 tw-items-center tw-shrink-0 tw-overflow-hidden" }, X = { class: "tw-font-medium tw-text-small tw-text-primary tw-whitespace-nowrap tw-truncate" }, Y = {
+}, W = { class: "tw-flex tw-gap-0.5 tw-items-center tw-min-w-0 tw-overflow-hidden" }, B = { class: "tw-font-medium tw-text-small tw-text-primary tw-whitespace-nowrap tw-truncate" }, p = { class: "tw-flex tw-gap-0.5 tw-items-center tw-shrink-0" }, E = { class: "tw-grid tw-grid-cols-2 tw-grid-flow-row tw-gap-0.5" }, I = { class: "tw-flex tw-gap-0.5 tw-items-center tw-shrink-0 tw-overflow-hidden" }, X = { class: "tw-font-medium tw-text-small tw-text-primary tw-whitespace-nowrap tw-truncate" }, Y = {
   class: "tw-font-light tw-text-small tw-text-primary tw-text-right tw-shrink-0 tw-tabular-nums",
   style: { "min-width": "2.8ch" }
 };
-function G(N, s, i, t, M, R) {
+function G(N, i, a, t, M, R) {
   var h, m;
   const f = x("kv-lightbox");
   return l(), o("figure", v, [
     r("div", C, [
       (l(), o("svg", D, [
-        i.loading || !t.hasData ? (l(), o("circle", {
+        a.loading || !t.hasData ? (l(), o("circle", {
           key: 0,
           cx: t.CX,
           cy: t.CY,
           r: t.radius,
           stroke: t.LOADING_BG_COLOR,
-          "stroke-width": i.strokeWidth,
+          "stroke-width": a.strokeWidth,
           fill: "none",
-          class: k(["skeleton-ring tw-opacity-0", { "skeleton-ring--hidden": t.animatedIn }])
+          class: k(["skeleton-ring", { "skeleton-ring--loading": a.loading }])
         }, null, 10, S)) : n("", !0),
         (l(!0), o(d, null, c(t.visibleSegments, (e) => (l(), o("circle", {
           key: e.label,
@@ -40,12 +40,12 @@ function G(N, s, i, t, M, R) {
           cy: t.CY,
           r: t.radius,
           stroke: e.color,
-          "stroke-width": i.strokeWidth,
+          "stroke-width": a.strokeWidth,
           fill: "none",
           "stroke-dasharray": `${e.dashLength} ${t.circumference * 2}`,
           transform: `rotate(${e.startDeg}, ${t.CX}, ${t.CY})`,
           class: "segment-circle",
-          style: a({
+          style: s({
             strokeDashoffset: e.isVisible ? 0 : e.dashLength,
             transitionDelay: `${e.delay}ms`
           })
@@ -56,19 +56,19 @@ function G(N, s, i, t, M, R) {
           cy: t.CY,
           r: t.radius,
           stroke: t.OTHER_SEGMENT_BG_COLOR,
-          "stroke-width": i.strokeWidth,
+          "stroke-width": a.strokeWidth,
           fill: "none",
           "stroke-dasharray": `${t.otherSegment.dashLength} ${t.circumference * 2}`,
           transform: `rotate(${t.otherSegment.startDeg}, ${t.CX}, ${t.CY})`,
           class: "segment-circle",
-          style: a({
+          style: s({
             strokeDashoffset: t.otherSegment.isVisible ? 0 : t.otherSegment.dashLength,
             transitionDelay: `${t.otherSegment.delay}ms`
           })
         }, null, 12, O)) : n("", !0)
       ]))
     ]),
-    t.hasData && !i.loading ? (l(), o("div", V, [
+    t.hasData && !a.loading ? (l(), o("div", V, [
       (l(!0), o(d, null, c(t.visibleSegments, (e, g) => (l(), o("div", {
         key: e.label,
         class: "tw-bg-gray-100 tw-flex tw-gap-0.5 tw-items-center tw-px-1 tw-py-0.5 tw-rounded-xs"
@@ -76,56 +76,56 @@ function G(N, s, i, t, M, R) {
         r("div", W, [
           r("span", {
             class: "tw-shrink-0 tw-w-1 tw-h-1 tw-rounded-full legend-dot",
-            style: a({
+            style: s({
               backgroundColor: e.isVisible ? e.color : "#d1d5db",
               transitionDelay: `${e.delay}ms`
             })
           }, null, 4),
-          r("span", p, w(e.label), 1)
+          r("span", B, w(e.label), 1)
         ]),
         r("span", {
           class: "tw-font-light tw-text-small tw-text-primary tw-text-right tw-shrink-0 tw-tabular-nums",
-          style: a({ minWidth: t.valueMinWidth })
+          style: s({ minWidth: t.valueMinWidth })
         }, w(t.formatDisplayValue(g)), 5)
       ]))), 128)),
       t.otherItems.length > 0 ? (l(), o("button", {
         key: 0,
         class: "tw-bg-gray-100 tw-flex tw-gap-0.5 tw-items-center tw-px-1 tw-py-0.5 tw-rounded-xs tw-cursor-pointer tw-border-0 tw-text-left",
         type: "button",
-        onClick: s[0] || (s[0] = (e) => t.showOtherLightbox = !0)
+        onClick: i[0] || (i[0] = (e) => t.showOtherLightbox = !0)
       }, [
-        r("div", B, [
+        r("div", p, [
           r("span", {
             class: "tw-shrink-0 tw-w-1 tw-h-1 tw-rounded-full legend-dot",
-            style: a({
+            style: s({
               backgroundColor: (h = t.otherSegment) != null && h.isVisible ? "#C4C4C4" : "#d1d5db",
               transitionDelay: `${((m = t.otherSegment) == null ? void 0 : m.delay) ?? 0}ms`
             })
           }, null, 4),
-          s[2] || (s[2] = r("span", { class: "tw-font-medium tw-text-small tw-text-primary tw-whitespace-nowrap" }, " Other ", -1))
+          i[2] || (i[2] = r("span", { class: "tw-font-medium tw-text-small tw-text-primary tw-whitespace-nowrap" }, " Other ", -1))
         ]),
         r("span", {
           class: "tw-font-light tw-text-small tw-text-primary tw-text-right tw-shrink-0 tw-tabular-nums",
-          style: a({ minWidth: t.valueMinWidth })
+          style: s({ minWidth: t.valueMinWidth })
         }, w(t.formatOtherDisplayValue()), 5)
       ])) : n("", !0)
     ])) : n("", !0),
-    t.hasData && !i.loading ? (l(), _(f, {
+    t.hasData && !a.loading ? (l(), _(f, {
       key: 1,
       visible: t.showOtherLightbox,
       title: "Other",
-      onLightboxClosed: s[1] || (s[1] = (e) => t.showOtherLightbox = !1)
+      onLightboxClosed: i[1] || (i[1] = (e) => t.showOtherLightbox = !1)
     }, {
       default: b(() => [
-        r("div", I, [
+        r("div", E, [
           (l(!0), o(d, null, c(t.allItemsWithColors, (e) => (l(), o("div", {
             key: e.label,
             class: "tw-bg-gray-100 tw-flex tw-gap-0.5 tw-items-center tw-px-1 tw-py-0.5 tw-rounded-xs tw-justify-between tw-w-full"
           }, [
-            r("div", E, [
+            r("div", I, [
               r("span", {
                 class: "tw-shrink-0 tw-w-1 tw-h-1 tw-rounded-full",
-                style: a({ backgroundColor: e.color })
+                style: s({ backgroundColor: e.color })
               }, null, 4),
               r("span", X, w(e.label), 1)
             ]),
@@ -137,7 +137,7 @@ function G(N, s, i, t, M, R) {
     }, 8, ["visible"])) : n("", !0)
   ]);
 }
-const A = /* @__PURE__ */ u(y, [["render", G], ["__scopeId", "data-v-3e2d3156"]]);
+const A = /* @__PURE__ */ u(y, [["render", G], ["__scopeId", "data-v-73c9f5f9"]]);
 export {
   A as default
 };

package/dist/vue/KvPieChartV2.vue.d.ts

@@ -115,11 +115,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     values: KvPieChartV2Item[];
     loading: boolean;
+    initialDelay: number;
+    strokeWidth: number;
     unit: PieChartUnit;
     shownSegments: number;
-    strokeWidth: number;
     segmentGap: number;
-    initialDelay: number;
     animateOut: boolean;
 }, {}, {
     KvLightbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/vue/KvProgressCircle.vue.d.ts

@@ -64,9 +64,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     color: string;
+    rotate: number;
     strokeWidth: number;
     arcScale: number;
-    rotate: number;
     showNumber: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/KvSecondaryNav.vue.d.ts

@@ -72,9 +72,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onSubnavLinkClicked?: (...args: any[]) => any;
 }>, {
     theme: string;
+    links: NavLink[];
     heading: string;
     headingLink: NavLink;
-    links: NavLink[];
     linkAlignment: string;
 }, {}, {
     KvThemeProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/vue/KvSimpleMap.css

@@ -0,0 +1 @@
+.kv-simple-map__pan-layer[data-v-49496ad7]{transform-origin:0 0}.kv-simple-map__control-btn[data-v-49496ad7]{display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:.0625rem;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 4px 0 rgb(0 0 0 / .08);--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.kv-simple-map__control-btn[data-v-49496ad7]:disabled{cursor:default;opacity:.3}.kv-simple-map__control-btn[data-v-49496ad7]:hover:not(:disabled){--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.kv-simple-map__play-btn[data-v-49496ad7]{border-radius:500rem}.kv-simple-map__default-popup[data-v-49496ad7]{white-space:nowrap;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1.5rem;text-align:center;--tw-shadow: 0 1px 4px 0 rgb(0 0 0 / .08);--tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);min-width:80px}.kv-simple-map__popup[data-v-49496ad7]{height:0;width:0}.kv-simple-map__popup-content[data-v-49496ad7]{position:absolute;white-space:nowrap}.kv-simple-map__popup--top>.kv-simple-map__popup-content[data-v-49496ad7]{bottom:var(--kv-simple-map-popup-offset, 4px);left:0;transform:translate(-50%)}.kv-simple-map__popup--bottom>.kv-simple-map__popup-content[data-v-49496ad7]{top:var(--kv-simple-map-popup-offset, 4px);left:0;transform:translate(-50%)}.kv-simple-map__popup--bottom-right>.kv-simple-map__popup-content[data-v-49496ad7]{top:var(--kv-simple-map-popup-offset, 4px);left:var(--kv-simple-map-popup-offset, 4px)}.kv-simple-map-popup-enter-active[data-v-49496ad7],.kv-simple-map-popup-leave-active[data-v-49496ad7]{transition:opacity .18s ease-out}.kv-simple-map-popup-enter-from[data-v-49496ad7],.kv-simple-map-popup-leave-to[data-v-49496ad7]{opacity:0}.kv-simple-map-popup-enter-to[data-v-49496ad7],.kv-simple-map-popup-leave-from[data-v-49496ad7]{opacity:1}

package/dist/vue/KvSimpleMap.js

@@ -0,0 +1,7 @@
+import o from "./KvSimpleMap2.js";
+import "./KvSimpleMap.css";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ p(o, [["__scopeId", "data-v-49496ad7"]]);
+export {
+  r as default
+};

package/dist/vue/KvSimpleMap.vue.d.ts

@@ -0,0 +1,270 @@
+import { PropType } from 'vue';
+export interface SimpleMapCountry {
+    id: string;
+    name?: string;
+    loanCount?: number;
+    cx?: number;
+    cy?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        popup?(_: {
+            country: SimpleMapCountry;
+        }): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    countries: {
+        type: PropType<SimpleMapCountry[]>;
+        default: () => any[];
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: any;
+    };
+    width: {
+        type: NumberConstructor;
+        default: any;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDragging: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showZoomControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomFactor: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zoomStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    highlightColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    baseColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    loanCountTiers: {
+        type: PropType<[number, number, number, number]>;
+        default: () => number[];
+    };
+    oceanColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    popupPlacement: {
+        type: PropType<"top" | "bottom-right">;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fitToCountries: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fitPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    panDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    holdPerStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popupHideBefore: {
+        type: NumberConstructor;
+        default: number;
+    };
+    holdAll: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fadeDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    countries: {
+        type: PropType<SimpleMapCountry[]>;
+        default: () => any[];
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: any;
+    };
+    width: {
+        type: NumberConstructor;
+        default: any;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDragging: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showZoomControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomFactor: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zoomStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    highlightColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    baseColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    loanCountTiers: {
+        type: PropType<[number, number, number, number]>;
+        default: () => number[];
+    };
+    oceanColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    popupPlacement: {
+        type: PropType<"top" | "bottom-right">;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    popupOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fitToCountries: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fitPadding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    panDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    holdPerStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popupHideBefore: {
+        type: NumberConstructor;
+        default: number;
+    };
+    holdAll: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fadeDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    height: number;
+    width: number;
+    aspectRatio: number;
+    loop: boolean;
+    autoplay: boolean;
+    allowDragging: boolean;
+    initialDelay: number;
+    panDuration: number;
+    holdPerStep: number;
+    popupHideBefore: number;
+    holdAll: number;
+    fadeDuration: number;
+    countries: SimpleMapCountry[];
+    showZoomControls: boolean;
+    zoomFactor: number;
+    minZoom: number;
+    maxZoom: number;
+    zoomStep: number;
+    highlightColor: string;
+    baseColor: string;
+    loanCountTiers: [number, number, number, number];
+    oceanColor: string;
+    popupPlacement: "top" | "bottom-right";
+    popupOffset: number;
+    fitToCountries: boolean;
+    fitPadding: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};