@kiva/kv-components 8.11.3 → 8.12.0

package/dist/vue/KvSideSheet.js

@@ -1,12 +1,15 @@
 import y from "./KvSideSheet2.js";
-import { resolveComponent as m, openBlock as n, createElementBlock as w, normalizeClass as r, withModifiers as g, createElementVNode as o, normalizeStyle as d, createVNode as f, createCommentVNode as a, toDisplayString as S, renderSlot as h } from "vue";
+import { resolveComponent as m, openBlock as n, createElementBlock as w, normalizeClass as a, withModifiers as g, createElementVNode as o, normalizeStyle as d, createVNode as f, createCommentVNode as r, toDisplayString as S, renderSlot as h } from "vue";
 import b from "../_virtual/_plugin-vue_export-helper.js";
-const k = { class: "tw-flex tw-gap-1.5" }, v = { key: 1 }, x = { class: "tw-flex tw-gap-1.5" };
+const k = { class: "tw-flex tw-gap-1.5" }, v = {
+  key: 1,
+  class: "tw-text-title"
+}, x = { class: "tw-flex tw-gap-1.5" };
 function u(s, e, l, t, C, _) {
   const c = m("kv-material-icon");
   return l.visible ? (n(), w("div", {
     key: 0,
-    class: r(["tw-block lg:tw-mt-0 tw-fixed tw-inset-0 tw-bg-black tw-transition-all md:tw-duration-150 tw-z-modal", {
+    class: a(["tw-block lg:tw-mt-0 tw-fixed tw-inset-0 tw-bg-black tw-transition-all md:tw-duration-150 tw-z-modal", {
       "tw-bg-opacity-0 tw-delay-300": !t.open,
       "tw-bg-opacity-low": t.open
     }]),
@@ -14,7 +17,7 @@ function u(s, e, l, t, C, _) {
   }, [
     o("div", {
       ref: "sideSheetRef",
-      class: r(["tw-fixed tw-right-0 tw-transition-all tw-duration-300 tw-bg-white", {
+      class: a(["tw-fixed tw-right-0 tw-transition-all tw-duration-300 tw-bg-white", {
         "tw-translate-x-full": !t.open,
         "tw-translate-x-0": t.open,
         "tw-h-full": s.$slots.controls
@@ -27,7 +30,7 @@ function u(s, e, l, t, C, _) {
       }, [
         o("div", {
           ref: "headlineRef",
-          class: r(["tw-flex tw-justify-between tw-transition-opacity tw-duration-200 tw-px-3 tw-py-2 tw-border-tertiary tw-gap-1.5", {
+          class: a(["tw-flex tw-justify-between tw-transition-opacity tw-duration-200 tw-px-3 tw-py-2 tw-border-tertiary tw-gap-1.5", {
             "tw-opacity-0": !t.open,
             "tw-opacity-full": t.open,
             "tw-border-b": l.showHeadlineBorder
@@ -43,8 +46,8 @@ function u(s, e, l, t, C, _) {
                 class: "tw-w-3 tw-h-3",
                 icon: t.mdiArrowLeft
               }, null, 8, ["icon"])
-            ])) : a("", !0),
-            l.headline ? (n(), w("h3", v, S(l.headline), 1)) : a("", !0)
+            ])) : r("", !0),
+            l.headline ? (n(), w("h3", v, S(l.headline), 1)) : r("", !0)
           ]),
           o("div", x, [
             l.showGoToLink ? (n(), w("button", {
@@ -56,7 +59,7 @@ function u(s, e, l, t, C, _) {
                 class: "tw-w-3 tw-h-3",
                 icon: t.mdiOpenInNew
               }, null, 8, ["icon"])
-            ])) : a("", !0),
+            ])) : r("", !0),
             o("button", {
               class: "hover:tw-text-action-highlight tw-flex tw-items-center tw-justify-center",
               onClick: e[2] || (e[2] = (...i) => t.closeSideSheet && t.closeSideSheet(...i))
@@ -77,7 +80,7 @@ function u(s, e, l, t, C, _) {
           ])
         }, [
           o("div", {
-            class: r(["tw-px-2 tw-transition-opacity tw-duration-200", {
+            class: a(["tw-px-2 tw-transition-opacity tw-duration-200", {
               "tw-opacity-0": !t.open,
               "tw-opacity-full": t.open
             }])
@@ -88,17 +91,17 @@ function u(s, e, l, t, C, _) {
         s.$slots.controls ? (n(), w("div", {
           key: 0,
           ref: "controlsRef",
-          class: r(["tw-absolute tw-bottom-0 tw-w-full tw-border-t tw-border-tertiary tw-bg-white tw-transition-opacity tw-duration-200", {
+          class: a(["tw-absolute tw-bottom-0 tw-w-full tw-border-t tw-border-tertiary tw-bg-white tw-transition-opacity tw-duration-200", {
             "tw-opacity-0": !t.open,
             "tw-opacity-full": t.open
           }]),
           style: { "z-index": "999" }
         }, [
           h(s.$slots, "controls")
-        ], 2)) : a("", !0)
+        ], 2)) : r("", !0)
       ], 4)
     ], 6)
-  ], 2)) : a("", !0);
+  ], 2)) : r("", !0);
 }
 const z = /* @__PURE__ */ b(y, [["render", u]]);
 export {

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;
+    };
+};