vue-chrts 0.0.143 → 0.0.144

package/dist/components/Tooltip.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i={class:"flex flex-col space-y-1"},d={class:"font-semibold mr-2 text-(--tooltip-label-color)"},u={class:"font-normal text-(--tooltip-value-color)"},m=e.defineComponent({__name:"Tooltip",props:{data:{},categories:{}},setup(n){const l=n,r=["_index","_stacked","_ending"],s=e.computed(()=>Object.entries(l.data).filter(([o,c])=>{var t;return!r.includes(o)&&((t=l.categories[o])==null?void 0:t.color)}));return(o,c)=>(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,([t,a])=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"flex items-center mr-2"},[e.createElementVNode("span",{class:"w-2 h-2 rounded mr-2",style:e.normalizeStyle({backgroundColor:o.categories[t].color})},null,4),e.createElementVNode("div",null,[e.createElementVNode("span",d,e.toDisplayString(t)+":",1),e.createElementVNode("span",u,e.toDisplayString(a),1)])]))),128))]))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=e.defineComponent({__name:"Tooltip",props:{data:{},categories:{}},setup(r){const l=r,n=["_index","_stacked","_ending"],i=e.computed(()=>Object.entries(l.data).filter(([o,a])=>{var t;return!n.includes(o)&&((t=l.categories[o])==null?void 0:t.color)}));return(o,a)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,([t,c])=>(e.openBlock(),e.createElementBlock("div",{key:t,style:{display:"flex","align-items":"center","margin-bottom":"4px"}},[e.createElementVNode("span",{style:e.normalizeStyle([{width:"8px",height:"8px","border-radius":"4px","margin-right":"8px"},{backgroundColor:o.categories[t].color}])},null,4),e.createElementVNode("div",null,[e.createElementVNode("span",{style:e.normalizeStyle([{"font-weight":"600","margin-right":"8px"},{color:"var(--tooltip-label-color)"}])},e.toDisplayString(t)+":",1),e.createElementVNode("span",{style:e.normalizeStyle([{"font-weight":"400"},{color:"var(--tooltip-value-color)"}])},e.toDisplayString(c),1)])]))),128))]))}});exports.default=s;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/components/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../src/components/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { BulletLegendItemInterface } from \"@unovis/ts\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n  data: T;\n  categories: Record<string, BulletLegendItemInterface>;\n}>();\n\nconst keyBlockList = [\"_index\", \"_stacked\", \"_ending\"];\n\nconst visibleEntries = computed(() => {\n  return Object.entries(props.data).filter(\n    ([key, _]) => !keyBlockList.includes(key) && props.categories[key]?.color\n  );\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col space-y-1\">\n    <div \n      v-for=\"[key, value] in visibleEntries\" \n      :key=\"key\"\n      class=\"flex items-center mr-2\"\n    >\n      <span\n        class=\"w-2 h-2 rounded mr-2\"\n        :style=\"{ backgroundColor: categories[key].color }\"\n      ></span>\n      <div>\n        <span class=\"font-semibold mr-2 text-(--tooltip-label-color)\">{{ key }}:</span>\n        <span class=\"font-normal text-(--tooltip-value-color)\">{{ value }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","keyBlockList","visibleEntries","computed","key","_","_a"],"mappings":"qWAIA,MAAMA,EAAQC,EAKRC,EAAe,CAAC,SAAU,WAAY,SAAS,EAE/CC,EAAiBC,EAAAA,SAAS,IACvB,OAAO,QAAQJ,EAAM,IAAI,EAAE,OAChC,CAAC,CAACK,EAAKC,CAAC,IAAM,OAAA,OAACJ,EAAa,SAASG,CAAG,KAAKE,EAAAP,EAAM,WAAWK,CAAG,IAApB,YAAAE,EAAuB,OACtE,CACD"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../src/components/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { BulletLegendItemInterface } from \"@unovis/ts\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n  data: T;\n  categories: Record<string, BulletLegendItemInterface>;\n}>();\n\nconst keyBlockList = [\"_index\", \"_stacked\", \"_ending\"];\n\nconst visibleEntries = computed(() => {\n  return Object.entries(props.data).filter(\n    ([key, _]) => !keyBlockList.includes(key) && props.categories[key]?.color\n  );\n});\n</script>\n\n<template>\n  <div>\n    <div v-for=\"[key, value] in visibleEntries\" :key=\"key\" style=\"display: flex; align-items: center; margin-bottom: 4px;\">\n      <span\n        style=\"width: 8px; height: 8px; border-radius: 4px; margin-right: 8px;\"\n        :style=\"{ backgroundColor: categories[key].color }\"\n      ></span>\n      <div>\n        <span style=\"font-weight: 600; margin-right: 8px;\" :style=\"{ color: 'var(--tooltip-label-color)' }\">{{ key }}:</span>\n        <span style=\"font-weight: 400;\" :style=\"{ color: 'var(--tooltip-value-color)' }\">{{ value }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","keyBlockList","visibleEntries","computed","key","_","_a"],"mappings":"gNAIA,MAAMA,EAAQC,EAKRC,EAAe,CAAC,SAAU,WAAY,SAAS,EAE/CC,EAAiBC,EAAAA,SAAS,IACvB,OAAO,QAAQJ,EAAM,IAAI,EAAE,OAChC,CAAC,CAACK,EAAKC,CAAC,IAAM,OAAA,OAACJ,EAAa,SAASG,CAAG,KAAKE,EAAAP,EAAM,WAAWK,CAAG,IAApB,YAAAE,EAAuB,OACtE,CACD"}

package/dist/components/Tooltip.js

@@ -1,35 +1,38 @@
-import { defineComponent as m, computed as u, createElementBlock as s, openBlock as l, Fragment as _, renderList as f, createElementVNode as o, normalizeStyle as g, toDisplayString as r } from "vue";
-const x = { class: "flex flex-col space-y-1" }, v = { class: "font-semibold mr-2 text-(--tooltip-label-color)" }, b = { class: "font-normal text-(--tooltip-value-color)" }, k = /* @__PURE__ */ m({
+import { defineComponent as g, computed as m, createElementBlock as r, openBlock as l, Fragment as x, renderList as _, createElementVNode as o, normalizeStyle as n, toDisplayString as a } from "vue";
+const h = /* @__PURE__ */ g({
   __name: "Tooltip",
   props: {
     data: {},
     categories: {}
   },
-  setup(c) {
-    const n = c, a = ["_index", "_stacked", "_ending"], i = u(() => Object.entries(n.data).filter(
+  setup(s) {
+    const i = s, c = ["_index", "_stacked", "_ending"], p = m(() => Object.entries(i.data).filter(
       ([t, d]) => {
         var e;
-        return !a.includes(t) && ((e = n.categories[t]) == null ? void 0 : e.color);
+        return !c.includes(t) && ((e = i.categories[t]) == null ? void 0 : e.color);
       }
     ));
-    return (t, d) => (l(), s("div", x, [
-      (l(!0), s(_, null, f(i.value, ([e, p]) => (l(), s("div", {
+    return (t, d) => (l(), r("div", null, [
+      (l(!0), r(x, null, _(p.value, ([e, u]) => (l(), r("div", {
         key: e,
-        class: "flex items-center mr-2"
+        style: { display: "flex", "align-items": "center", "margin-bottom": "4px" }
       }, [
         o("span", {
-          class: "w-2 h-2 rounded mr-2",
-          style: g({ backgroundColor: t.categories[e].color })
+          style: n([{ width: "8px", height: "8px", "border-radius": "4px", "margin-right": "8px" }, { backgroundColor: t.categories[e].color }])
         }, null, 4),
         o("div", null, [
-          o("span", v, r(e) + ":", 1),
-          o("span", b, r(p), 1)
+          o("span", {
+            style: n([{ "font-weight": "600", "margin-right": "8px" }, { color: "var(--tooltip-label-color)" }])
+          }, a(e) + ":", 1),
+          o("span", {
+            style: n([{ "font-weight": "400" }, { color: "var(--tooltip-value-color)" }])
+          }, a(u), 1)
         ])
       ]))), 128))
     ]));
   }
 });
 export {
-  k as default
+  h as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { BulletLegendItemInterface } from \"@unovis/ts\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n  data: T;\n  categories: Record<string, BulletLegendItemInterface>;\n}>();\n\nconst keyBlockList = [\"_index\", \"_stacked\", \"_ending\"];\n\nconst visibleEntries = computed(() => {\n  return Object.entries(props.data).filter(\n    ([key, _]) => !keyBlockList.includes(key) && props.categories[key]?.color\n  );\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col space-y-1\">\n    <div \n      v-for=\"[key, value] in visibleEntries\" \n      :key=\"key\"\n      class=\"flex items-center mr-2\"\n    >\n      <span\n        class=\"w-2 h-2 rounded mr-2\"\n        :style=\"{ backgroundColor: categories[key].color }\"\n      ></span>\n      <div>\n        <span class=\"font-semibold mr-2 text-(--tooltip-label-color)\">{{ key }}:</span>\n        <span class=\"font-normal text-(--tooltip-value-color)\">{{ value }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","keyBlockList","visibleEntries","computed","key","_","_a"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAe,CAAC,UAAU,YAAY,SAAS,GAE/CC,IAAiBC,EAAS,MACvB,OAAO,QAAQJ,EAAM,IAAI,EAAE;AAAA,MAChC,CAAC,CAACK,GAAKC,CAAC,MAAM;;AAAA,gBAACJ,EAAa,SAASG,CAAG,OAAKE,IAAAP,EAAM,WAAWK,CAAG,MAApB,gBAAAE,EAAuB;AAAA;AAAA,IACtE,CACD;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T\">\nimport { BulletLegendItemInterface } from \"@unovis/ts\";\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n  data: T;\n  categories: Record<string, BulletLegendItemInterface>;\n}>();\n\nconst keyBlockList = [\"_index\", \"_stacked\", \"_ending\"];\n\nconst visibleEntries = computed(() => {\n  return Object.entries(props.data).filter(\n    ([key, _]) => !keyBlockList.includes(key) && props.categories[key]?.color\n  );\n});\n</script>\n\n<template>\n  <div>\n    <div v-for=\"[key, value] in visibleEntries\" :key=\"key\" style=\"display: flex; align-items: center; margin-bottom: 4px;\">\n      <span\n        style=\"width: 8px; height: 8px; border-radius: 4px; margin-right: 8px;\"\n        :style=\"{ backgroundColor: categories[key].color }\"\n      ></span>\n      <div>\n        <span style=\"font-weight: 600; margin-right: 8px;\" :style=\"{ color: 'var(--tooltip-label-color)' }\">{{ key }}:</span>\n        <span style=\"font-weight: 400;\" :style=\"{ color: 'var(--tooltip-value-color)' }\">{{ value }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","keyBlockList","visibleEntries","computed","key","_","_a"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAe,CAAC,UAAU,YAAY,SAAS,GAE/CC,IAAiBC,EAAS,MACvB,OAAO,QAAQJ,EAAM,IAAI,EAAE;AAAA,MAChC,CAAC,CAACK,GAAKC,CAAC,MAAM;;AAAA,gBAACJ,EAAa,SAASG,CAAG,OAAKE,IAAAP,EAAM,WAAWK,CAAG,MAApB,gBAAAE,EAAuB;AAAA;AAAA,IACtE,CACD;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "0.0.143",
+  "version": "0.0.144",
   "license": "MIT",
   "files": [
     "dist"