@kiva/kv-components 8.13.2 → 8.13.3

package/dist/vue/KvSimpleMap.css

@@ -1 +1 @@
-.kv-simple-map__pan-layer[data-v-417f8dfb]{transform-origin:0 0}.kv-simple-map__control-btn[data-v-417f8dfb]{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-417f8dfb]:disabled{cursor:default;opacity:.3}.kv-simple-map__control-btn[data-v-417f8dfb]: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-417f8dfb]{border-radius:500rem}.kv-simple-map__default-popup[data-v-417f8dfb]{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-417f8dfb]{height:0;width:0}.kv-simple-map__popup-content[data-v-417f8dfb]{position:absolute;white-space:nowrap}.kv-simple-map__popup--top>.kv-simple-map__popup-content[data-v-417f8dfb]{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-417f8dfb]{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-417f8dfb]{top:var(--kv-simple-map-popup-offset, 4px);left:var(--kv-simple-map-popup-offset, 4px)}.kv-simple-map-popup-enter-active[data-v-417f8dfb],.kv-simple-map-popup-leave-active[data-v-417f8dfb]{transition:opacity .18s ease-out}.kv-simple-map-popup-enter-from[data-v-417f8dfb],.kv-simple-map-popup-leave-to[data-v-417f8dfb]{opacity:0}.kv-simple-map-popup-enter-to[data-v-417f8dfb],.kv-simple-map-popup-leave-from[data-v-417f8dfb]{opacity:1}
+.kv-simple-map__pan-layer[data-v-0abc47d3]{transform-origin:0 0}.kv-simple-map__control-btn[data-v-0abc47d3]{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-0abc47d3]:disabled{cursor:default;opacity:.3}.kv-simple-map__control-btn[data-v-0abc47d3]: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-0abc47d3]{border-radius:500rem}.kv-simple-map__default-popup[data-v-0abc47d3]{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-0abc47d3]{height:0;width:0}.kv-simple-map__popup-content[data-v-0abc47d3]{position:absolute;white-space:nowrap}.kv-simple-map__popup--top>.kv-simple-map__popup-content[data-v-0abc47d3]{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-0abc47d3]{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-0abc47d3]{top:var(--kv-simple-map-popup-offset, 4px);left:var(--kv-simple-map-popup-offset, 4px)}.kv-simple-map-popup-enter-active[data-v-0abc47d3],.kv-simple-map-popup-leave-active[data-v-0abc47d3]{transition:opacity .18s ease-out}.kv-simple-map-popup-enter-from[data-v-0abc47d3],.kv-simple-map-popup-leave-to[data-v-0abc47d3]{opacity:0}.kv-simple-map-popup-enter-to[data-v-0abc47d3],.kv-simple-map-popup-leave-from[data-v-0abc47d3]{opacity:1}

package/dist/vue/KvSimpleMap.js

@@ -1,7 +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-417f8dfb"]]);
+const r = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0abc47d3"]]);
 export {
   r as default
 };

package/dist/vue/KvSimpleMap2.js

@@ -1,10 +1,10 @@
-import { defineComponent as Ue, useSlots as Ye, computed as a, ref as x, watch as Y, onMounted as Xe, onBeforeUnmount as Ge, openBlock as h, createElementBlock as b, normalizeStyle as $, createElementVNode as M, Fragment as qe, renderList as Ke, unref as C, createVNode as L, createCommentVNode as T, Transition as je, withCtx as Je, normalizeClass as Qe, renderSlot as et, toDisplayString as ue } from "vue";
+import { defineComponent as Ue, useSlots as Ye, computed as a, ref as x, watch as Y, onMounted as Xe, onBeforeUnmount as Ge, openBlock as h, createElementBlock as b, normalizeStyle as $, createElementVNode as M, Fragment as qe, renderList as Ke, unref as C, createVNode as L, createCommentVNode as T, Transition as je, withCtx as Je, normalizeClass as Qe, renderSlot as et, toDisplayString as ie } from "vue";
 import { mdiPlus as tt, mdiMinus as ot, mdiPlay as nt } from "@mdi/js";
 import N from "@kiva/kv-tokens";
 import lt from "../data/simpleMapPaths.js";
 import at from "../data/simpleMapCountryPaths.js";
 import O from "../data/simpleMapCentroids.js";
-import { ALL_COUNTRIES_ISO_MAP as ie } from "../data/allCountriesISOMap.js";
+import { ALL_COUNTRIES_ISO_MAP as re } from "../data/allCountriesISOMap.js";
 import { useMapTourCycle as ut } from "../utils/useMapTourCycle.js";
 import X from "./KvMaterialIcon.js";
 const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"], st = {
@@ -187,13 +187,13 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
     fadeDuration: { type: Number, default: 500 }
   },
   setup(k) {
-    const n = k, re = Ye(), G = a(() => !!re.popup), E = x(null), r = x(0), w = x(0);
-    function se() {
+    const n = k, se = Ye(), G = a(() => !!se.popup), E = x(null), r = x(0), w = x(0);
+    function ce() {
       return n.height != null ? `${n.height}px` : r.value ? `${r.value / n.aspectRatio}px` : `${100 / n.aspectRatio}%`;
     }
-    const ce = a(() => ({
+    const pe = a(() => ({
       width: n.width != null ? `${n.width}px` : "100%",
-      height: se(),
+      height: ce(),
       paddingBottom: n.height != null ? void 0 : `${100 / n.aspectRatio}%`
     }));
     let S = null;
@@ -203,7 +203,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
       const t = e.getBoundingClientRect();
       r.value = t.width, w.value = t.height;
     }
-    const pe = a(() => n.countries), me = a(() => n.loop), A = x(!1), fe = a(() => n.autoplay && !A.value), ve = a(() => ({
+    const me = a(() => n.countries), fe = a(() => n.loop), A = x(!1), ve = a(() => n.autoplay && !A.value), de = a(() => ({
       initialDelay: n.initialDelay,
       panDuration: n.panDuration,
       holdPerStep: n.holdPerStep,
@@ -212,11 +212,11 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
       fadeDuration: n.fadeDuration
     })), {
       panIdx: K,
-      highlighted: de,
+      highlighted: ye,
       showPopupIdx: j,
       isRunning: m,
-      start: ye
-    } = ut(pe, fe, me, ve.value), f = a(() => r.value ? r.value / R : 1), J = a(() => {
+      start: xe
+    } = ut(me, ve, fe, de.value), f = a(() => r.value ? r.value / R : 1), J = a(() => {
       const e = f.value, t = D * e;
       return {
         x: 0,
@@ -224,19 +224,19 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
         scale: e
       };
     });
-    function xe(e) {
+    function he(e) {
       return e.cx != null && e.cy != null ? { cx: e.cx, cy: e.cy } : O[e.id] ?? null;
     }
-    const he = a(() => {
+    const be = a(() => {
       const l = Math.max(0, Math.min(1, (r.value - 320) / 880));
       return n.zoomFactor * (1.4 - l * (1.4 - 1));
-    }), be = a(() => {
+    }), we = a(() => {
       if (K.value < 0) return null;
       const e = n.countries[K.value];
       if (!e) return null;
-      const t = xe(e);
+      const t = he(e);
       if (!t) return null;
-      const o = f.value * he.value;
+      const o = f.value * be.value;
       let l = o;
       const u = O[e.id];
       if (u) {
@@ -252,7 +252,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
         y: w.value / 2 - t.cy * i,
         scale: i
       };
-    }), c = x({ x: 0, y: 0, scale: 1 }), B = x(!1), Q = x(!1), Z = x(!1), we = a(() => {
+    }), c = x({ x: 0, y: 0, scale: 1 }), B = x(!1), Q = x(!1), Z = x(!1), ee = a(() => {
       if (!n.fitToCountries || !n.countries.length || !r.value || !w.value) return null;
       let e = 1 / 0, t = 1 / 0, o = -1 / 0, l = -1 / 0;
       if (n.countries.forEach((p) => {
@@ -262,8 +262,8 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
         }
         const y = O[p.id];
         if (!y) return;
-        const le = 2 * y.cx - y.xMax, ae = 2 * y.cy - y.yMax;
-        le < e && (e = le), ae < t && (t = ae), y.xMax > o && (o = y.xMax), y.yMax > l && (l = y.yMax);
+        const ae = 2 * y.cx - y.xMax, ue = 2 * y.cy - y.yMax;
+        ae < e && (e = ae), ue < t && (t = ue), y.xMax > o && (o = y.xMax), y.yMax > l && (l = y.yMax);
       }), !Number.isFinite(e)) return null;
       const u = Math.max(0, n.fitPadding), s = Math.max(1, o - e) * (1 + u * 2), i = Math.max(1, l - t) * (1 + u * 2), d = Math.min(r.value / s, w.value / i), V = f.value * n.minZoom, I = f.value * n.maxZoom, U = Math.max(V, Math.min(I, d)), We = (e + o) / 2, Ve = (t + l) / 2;
       return {
@@ -271,7 +271,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
         y: w.value / 2 - Ve * U,
         scale: U
       };
-    }), ge = a(() => we.value ?? J.value), F = a(() => m.value ? be.value ?? J.value : c.value);
+    }), ge = a(() => ee.value ?? J.value), F = a(() => m.value ? we.value ?? ee.value ?? J.value : c.value);
     Y(ge, (e) => {
       m.value || Z.value || (c.value = e);
     }, { immediate: !0 }), Y(() => n.countries, () => {
@@ -294,12 +294,12 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
       return n.countries.forEach((t) => e.set(t.id, t)), e;
     });
     function _e(e) {
-      return H.value.has(e) || !!ie[e];
+      return H.value.has(e) || !!re[e];
     }
     function z(e) {
       return _e(e);
     }
-    const P = N.colors["eco-green"], Ce = [P[1], P[2], P[3], P[4]], ee = a(() => n.highlightColor ?? P.DEFAULT), ke = a(() => n.baseColor ?? N.colors.gray[200]), Se = N.colors.gray[300];
+    const P = N.colors["eco-green"], Ce = [P[1], P[2], P[3], P[4]], te = a(() => n.highlightColor ?? P.DEFAULT), ke = a(() => n.baseColor ?? N.colors.gray[200]), Se = N.colors.gray[300];
     function Pe(e) {
       if (e == null || e < n.loanCountTiers[0]) return null;
       for (let t = n.loanCountTiers.length - 1; t >= 0; t -= 1)
@@ -314,7 +314,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
     }
     function Te(e) {
       const t = H.value.get(e), o = t ? Pe(t.loanCount) : null, l = _.value === e && z(e);
-      return de.value.has(e) ? ee.value : l ? o ? ee.value : Se : o ?? ke.value;
+      return ye.value.has(e) ? te.value : l ? o ? te.value : Se : o ?? ke.value;
     }
     function Ne(e) {
       m.value || z(e) && (_.value = e);
@@ -344,7 +344,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
         yMin: 2 * u - i
       };
     }
-    function te(e) {
+    function oe(e) {
       const t = De(e, !0);
       if (!t) return null;
       const o = F.value, l = { "--kv-simple-map-popup-offset": `${n.popupOffset}px` };
@@ -367,20 +367,20 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
         }
       };
     }
-    function oe(e) {
+    function ne(e) {
       return !!e.name || e.loanCount != null;
     }
     const v = a(() => {
       if (m.value && j.value >= 0) {
         const e = n.countries[j.value];
-        if (!e || !G.value && !oe(e)) return null;
-        const t = te(e);
+        if (!e || !G.value && !ne(e)) return null;
+        const t = oe(e);
         return t ? { country: e, ...t } : null;
       }
       if (!m.value && _.value) {
-        const e = _.value, t = H.value.get(e) ?? { id: e, name: ie[e] };
-        if (!G.value && !oe(t)) return null;
-        const o = te(t);
+        const e = _.value, t = H.value.get(e) ?? { id: e, name: re[e] };
+        if (!G.value && !ne(t)) return null;
+        const o = oe(t);
         return o ? { country: t, ...o } : null;
       }
       return null;
@@ -409,10 +409,10 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
     }
     const Ze = a(() => n.autoplay && !m.value);
     function Ie() {
-      A.value = !1, ye();
+      A.value = !1, xe();
     }
     const Le = a(() => !n.allowDragging || m.value ? "default" : B.value ? "grabbing" : "grab"), Oe = a(() => c.value.scale < f.value * n.maxZoom - 1e-3), Fe = a(() => c.value.scale > f.value * n.minZoom + 1e-3);
-    function ne(e) {
+    function le(e) {
       const t = c.value, o = f.value * n.minZoom, l = f.value * n.maxZoom, u = Math.min(l, Math.max(o, t.scale + e * f.value));
       if (Math.abs(u - t.scale) < 1e-6) return;
       Z.value = !0;
@@ -424,10 +424,10 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
       };
     }
     function He() {
-      ne(n.zoomStep);
+      le(n.zoomStep);
     }
     function ze() {
-      ne(-n.zoomStep);
+      le(-n.zoomStep);
     }
     return Xe(() => {
       q(), typeof ResizeObserver < "u" && E.value && (S = new ResizeObserver(q), S.observe(E.value)), requestAnimationFrame(() => {
@@ -441,7 +441,7 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
       ref_key: "rootRef",
       ref: E,
       class: "kv-simple-map tw-relative tw-block tw-overflow-hidden",
-      style: $(ce.value)
+      style: $(pe.value)
     }, [
       M("div", {
         class: "kv-simple-map__clip tw-absolute tw-inset-0 tw-overflow-hidden",
@@ -526,8 +526,8 @@ const it = ["viewBox"], rt = ["d", "fill", "onPointerenter", "onPointerleave"],
                   country: v.value.country
                 }, () => [
                   M("div", vt, [
-                    v.value.country.name ? (h(), b("div", dt, ue(v.value.country.name), 1)) : T("", !0),
-                    v.value.country.loanCount != null ? (h(), b("div", yt, ue(Ee(v.value.country.loanCount)), 1)) : T("", !0)
+                    v.value.country.name ? (h(), b("div", dt, ie(v.value.country.name), 1)) : T("", !0),
+                    v.value.country.loanCount != null ? (h(), b("div", yt, ie(Ee(v.value.country.loanCount)), 1)) : T("", !0)
                   ])
                 ], !0)
               ])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.13.2",
+  "version": "8.13.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -125,5 +125,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "abb7415577404fc07fc41ca9fc4d457f08303651"
+  "gitHead": "351df7e5ef5fcaff1a4f99394321c549da15a435"
 }