@unovis/vue 1.7.0-pre.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/README.md +4 -0
  2. package/components/annotations/index.cjs +1 -1
  3. package/components/annotations/index.cjs.map +1 -1
  4. package/components/annotations/index.d.ts +18 -100
  5. package/components/annotations/index.js +18 -20
  6. package/components/annotations/index.js.map +1 -1
  7. package/components/area/index.cjs +1 -1
  8. package/components/area/index.cjs.map +1 -1
  9. package/components/area/index.d.ts +12 -64
  10. package/components/area/index.js +31 -32
  11. package/components/area/index.js.map +1 -1
  12. package/components/axis/index.cjs +1 -1
  13. package/components/axis/index.cjs.map +1 -1
  14. package/components/axis/index.d.ts +12 -82
  15. package/components/axis/index.js +29 -28
  16. package/components/axis/index.js.map +1 -1
  17. package/components/boxplot/index.cjs +2 -0
  18. package/components/boxplot/index.cjs.map +1 -0
  19. package/components/boxplot/index.d.ts +19 -0
  20. package/components/boxplot/index.js +31 -0
  21. package/components/boxplot/index.js.map +1 -0
  22. package/components/boxplot/index2.cjs +2 -0
  23. package/components/boxplot/index2.cjs.map +1 -0
  24. package/components/boxplot/index2.js +7 -0
  25. package/components/boxplot/index2.js.map +1 -0
  26. package/components/brush/index.cjs +1 -1
  27. package/components/brush/index.cjs.map +1 -1
  28. package/components/brush/index.d.ts +12 -62
  29. package/components/brush/index.js +26 -28
  30. package/components/brush/index.js.map +1 -1
  31. package/components/chord-diagram/index.cjs +1 -1
  32. package/components/chord-diagram/index.cjs.map +1 -1
  33. package/components/chord-diagram/index.d.ts +12 -60
  34. package/components/chord-diagram/index.js +30 -32
  35. package/components/chord-diagram/index.js.map +1 -1
  36. package/components/crosshair/index.cjs +1 -1
  37. package/components/crosshair/index.cjs.map +1 -1
  38. package/components/crosshair/index.d.ts +12 -66
  39. package/components/crosshair/index.js +20 -24
  40. package/components/crosshair/index.js.map +1 -1
  41. package/components/donut/index.cjs +1 -1
  42. package/components/donut/index.cjs.map +1 -1
  43. package/components/donut/index.d.ts +12 -64
  44. package/components/donut/index.js +24 -26
  45. package/components/donut/index.js.map +1 -1
  46. package/components/free-brush/index.cjs +1 -1
  47. package/components/free-brush/index.cjs.map +1 -1
  48. package/components/free-brush/index.d.ts +12 -62
  49. package/components/free-brush/index.js +25 -28
  50. package/components/free-brush/index.js.map +1 -1
  51. package/components/graph/index.cjs +1 -1
  52. package/components/graph/index.cjs.map +1 -1
  53. package/components/graph/index.d.ts +11 -135
  54. package/components/graph/index.js +70 -66
  55. package/components/graph/index.js.map +1 -1
  56. package/components/grouped-bar/index.cjs +1 -1
  57. package/components/grouped-bar/index.cjs.map +1 -1
  58. package/components/grouped-bar/index.d.ts +12 -62
  59. package/components/grouped-bar/index.js +27 -28
  60. package/components/grouped-bar/index.js.map +1 -1
  61. package/components/heatmap/index.cjs +2 -0
  62. package/components/heatmap/index.cjs.map +1 -0
  63. package/components/heatmap/index.d.ts +19 -0
  64. package/components/heatmap/index.js +49 -0
  65. package/components/heatmap/index.js.map +1 -0
  66. package/components/heatmap/index2.cjs +2 -0
  67. package/components/heatmap/index2.cjs.map +1 -0
  68. package/components/heatmap/index2.js +7 -0
  69. package/components/heatmap/index2.js.map +1 -0
  70. package/components/line/index.cjs +1 -1
  71. package/components/line/index.cjs.map +1 -1
  72. package/components/line/index.d.ts +12 -60
  73. package/components/line/index.js +28 -30
  74. package/components/line/index.js.map +1 -1
  75. package/components/nested-donut/index.cjs +1 -1
  76. package/components/nested-donut/index.cjs.map +1 -1
  77. package/components/nested-donut/index.d.ts +12 -65
  78. package/components/nested-donut/index.js +26 -29
  79. package/components/nested-donut/index.js.map +1 -1
  80. package/components/plotband/index.cjs +1 -1
  81. package/components/plotband/index.cjs.map +1 -1
  82. package/components/plotband/index.d.ts +12 -63
  83. package/components/plotband/index.js +17 -18
  84. package/components/plotband/index.js.map +1 -1
  85. package/components/plotline/index.cjs +1 -1
  86. package/components/plotline/index.cjs.map +1 -1
  87. package/components/plotline/index.d.ts +12 -64
  88. package/components/plotline/index.js +18 -19
  89. package/components/plotline/index.js.map +1 -1
  90. package/components/radial-bar/index.cjs +2 -0
  91. package/components/radial-bar/index.cjs.map +1 -0
  92. package/components/radial-bar/index.d.ts +19 -0
  93. package/components/radial-bar/index.js +54 -0
  94. package/components/radial-bar/index.js.map +1 -0
  95. package/components/radial-bar/index2.cjs +2 -0
  96. package/components/radial-bar/index2.cjs.map +1 -0
  97. package/components/radial-bar/index2.js +7 -0
  98. package/components/radial-bar/index2.js.map +1 -0
  99. package/components/sankey/index.cjs +1 -1
  100. package/components/sankey/index.cjs.map +1 -1
  101. package/components/sankey/index.d.ts +12 -106
  102. package/components/sankey/index.js +42 -41
  103. package/components/sankey/index.js.map +1 -1
  104. package/components/scatter/index.cjs +1 -1
  105. package/components/scatter/index.cjs.map +1 -1
  106. package/components/scatter/index.d.ts +12 -65
  107. package/components/scatter/index.js +33 -35
  108. package/components/scatter/index.js.map +1 -1
  109. package/components/stacked-bar/index.cjs +1 -1
  110. package/components/stacked-bar/index.cjs.map +1 -1
  111. package/components/stacked-bar/index.d.ts +12 -62
  112. package/components/stacked-bar/index.js +29 -29
  113. package/components/stacked-bar/index.js.map +1 -1
  114. package/components/timeline/index.cjs +1 -1
  115. package/components/timeline/index.cjs.map +1 -1
  116. package/components/timeline/index.d.ts +12 -88
  117. package/components/timeline/index.js +20 -24
  118. package/components/timeline/index.js.map +1 -1
  119. package/components/tooltip/index.cjs +1 -1
  120. package/components/tooltip/index.cjs.map +1 -1
  121. package/components/tooltip/index.d.ts +19 -99
  122. package/components/tooltip/index.js +15 -17
  123. package/components/tooltip/index.js.map +1 -1
  124. package/components/topojson-map/index.cjs +1 -1
  125. package/components/topojson-map/index.cjs.map +1 -1
  126. package/components/topojson-map/index.d.ts +12 -78
  127. package/components/topojson-map/index.js +66 -39
  128. package/components/topojson-map/index.js.map +1 -1
  129. package/components/treemap/index.cjs +1 -1
  130. package/components/treemap/index.cjs.map +1 -1
  131. package/components/treemap/index.d.ts +12 -69
  132. package/components/treemap/index.js +25 -26
  133. package/components/treemap/index.js.map +1 -1
  134. package/components/xy-labels/index.cjs +1 -1
  135. package/components/xy-labels/index.cjs.map +1 -1
  136. package/components/xy-labels/index.d.ts +12 -66
  137. package/components/xy-labels/index.js +36 -39
  138. package/components/xy-labels/index.js.map +1 -1
  139. package/components.d.ts +30 -27
  140. package/containers/single-container/index.cjs +1 -1
  141. package/containers/single-container/index.cjs.map +1 -1
  142. package/containers/single-container/index.d.ts +11 -26
  143. package/containers/single-container/index.js +26 -26
  144. package/containers/single-container/index.js.map +1 -1
  145. package/containers/xy-container/index.cjs +1 -1
  146. package/containers/xy-container/index.cjs.map +1 -1
  147. package/containers/xy-container/index.d.ts +12 -45
  148. package/containers/xy-container/index.js +25 -30
  149. package/containers/xy-container/index.js.map +1 -1
  150. package/containers.d.ts +2 -2
  151. package/html-components/bullet-legend/index.cjs +1 -1
  152. package/html-components/bullet-legend/index.cjs.map +1 -1
  153. package/html-components/bullet-legend/index.d.ts +18 -74
  154. package/html-components/bullet-legend/index.js +24 -25
  155. package/html-components/bullet-legend/index.js.map +1 -1
  156. package/html-components/flow-legend/index.cjs +1 -1
  157. package/html-components/flow-legend/index.cjs.map +1 -1
  158. package/html-components/flow-legend/index.d.ts +19 -85
  159. package/html-components/flow-legend/index.js +21 -23
  160. package/html-components/flow-legend/index.js.map +1 -1
  161. package/html-components/leaflet-flow-map/index.cjs +1 -1
  162. package/html-components/leaflet-flow-map/index.cjs.map +1 -1
  163. package/html-components/leaflet-flow-map/index.d.ts +12 -112
  164. package/html-components/leaflet-flow-map/index.js +46 -48
  165. package/html-components/leaflet-flow-map/index.js.map +1 -1
  166. package/html-components/leaflet-map/index.cjs +1 -1
  167. package/html-components/leaflet-map/index.cjs.map +1 -1
  168. package/html-components/leaflet-map/index.d.ts +12 -99
  169. package/html-components/leaflet-map/index.js +37 -39
  170. package/html-components/leaflet-map/index.js.map +1 -1
  171. package/html-components/rolling-pin-legend/index.cjs +1 -1
  172. package/html-components/rolling-pin-legend/index.cjs.map +1 -1
  173. package/html-components/rolling-pin-legend/index.d.ts +18 -50
  174. package/html-components/rolling-pin-legend/index.js +22 -24
  175. package/html-components/rolling-pin-legend/index.js.map +1 -1
  176. package/index.cjs +2 -2
  177. package/index.js +101 -92
  178. package/index.js.map +1 -1
  179. package/package.json +14 -13
  180. package/utils/context.cjs.map +1 -1
  181. package/utils/context.d.ts +1 -0
  182. package/utils/context.js +1 -1
  183. package/utils/context.js.map +1 -1
  184. package/utils/props.cjs +1 -1
  185. package/utils/props.cjs.map +1 -1
  186. package/utils/props.d.ts +2 -4
  187. package/utils/props.js +9 -9
  188. package/utils/props.js.map +1 -1
@@ -1,26 +1,28 @@
1
- import { defineComponent as d, inject as m, computed as v, ref as y, onMounted as f, nextTick as b, onUnmounted as x, watch as l, createElementBlock as _, openBlock as F } from "vue";
2
- import { Scatter as i } from "@unovis/ts";
3
- import { useForwardProps as S, arePropsEqual as g } from "../../utils/props.js";
4
- import { componentAccessorKey as h } from "../../utils/context.js";
5
- const k = { "data-vis-component": "" }, w = i.selectors, z = /* @__PURE__ */ d({
1
+ import { defineComponent as p, inject as y, computed as d, ref as m, onMounted as F, nextTick as v, onUnmounted as b, watch as c, openBlock as S, createElementBlock as g } from "vue";
2
+ import { Scatter as u } from "@unovis/ts";
3
+ import { componentAccessorKey as f } from "../../utils/context.js";
4
+ import { useForwardProps as x, arePropsEqual as _ } from "../../utils/props.js";
5
+ const h = { "data-vis-component": "" }, j = u.selectors, N = /* @__PURE__ */ p({
6
6
  __name: "index",
7
7
  props: {
8
- color: {},
9
- size: {},
8
+ color: { type: [Function, String, Array, null] },
9
+ pattern: { type: [Function, null] },
10
+ size: { type: [Function, Number, null] },
10
11
  sizeScale: { type: [Object, Function] },
11
12
  sizeRange: {},
12
13
  shape: { type: [Function, String] },
13
- label: {},
14
- labelColor: {},
14
+ label: { type: [Function, String, null] },
15
+ labelColor: { type: [Function, String, Array, null] },
15
16
  labelHideOverlapping: { type: Boolean },
16
- cursor: {},
17
+ cursor: { type: [Function, String, null] },
17
18
  labelTextBrightnessRatio: {},
18
- labelPosition: {},
19
- strokeColor: {},
20
- strokeWidth: {},
21
- x: {},
22
- y: {},
19
+ labelPosition: { type: [Function, String, null] },
20
+ strokeColor: { type: [Function, String, Array, null] },
21
+ strokeWidth: { type: [Function, Number, null] },
22
+ x: { type: [Function, Number, null] },
23
+ y: { type: [Function, Number, null, Array] },
23
24
  id: { type: Function },
25
+ colorKeys: {},
24
26
  xScale: { type: [Object, Function] },
25
27
  yScale: { type: [Object, Function] },
26
28
  excludeFromDomainCalculation: { type: Boolean },
@@ -29,29 +31,25 @@ const k = { "data-vis-component": "" }, w = i.selectors, z = /* @__PURE__ */ d({
29
31
  attributes: {},
30
32
  data: {}
31
33
  },
32
- setup(u, { expose: p }) {
33
- const o = m(h), c = u, a = v(() => o.data.value ?? c.data), n = S(c), t = y();
34
- return f(() => {
35
- b(() => {
36
- var e;
37
- t.value = new i(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
34
+ setup(i, { expose: s }) {
35
+ const r = i, t = y(f), n = d(() => t.data.value ?? r.data), o = x(r), e = m();
36
+ return F(() => {
37
+ v(() => {
38
+ e.value = new u(o.value), e.value?.setData(n.value), t.update(e.value);
38
39
  });
39
- }), x(() => {
40
- var e;
41
- (e = t.value) == null || e.destroy(), o.destroy();
42
- }), l(n, (e, s) => {
43
- var r;
44
- g(e, s) || (r = t.value) == null || r.setConfig(n.value);
45
- }), l(a, () => {
46
- var e;
47
- (e = t.value) == null || e.setData(a.value);
48
- }), p({
49
- component: t
50
- }), (e, s) => (F(), _("div", k));
40
+ }), b(() => {
41
+ e.value?.destroy(), t.destroy();
42
+ }), c(o, (a, l) => {
43
+ _(a, l) || (e.value?.setConfig(o.value), e.value?.render());
44
+ }), c(n, () => {
45
+ e.value?.setData(n.value);
46
+ }), s({
47
+ component: e
48
+ }), (a, l) => (S(), g("div", h));
51
49
  }
52
50
  });
53
51
  export {
54
- w as VisScatterSelectors,
55
- z as default
52
+ j as VisScatterSelectors,
53
+ N as default
56
54
  };
57
55
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = ScatterConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Scatter<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisScatterSelectors = Scatter.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n\n\n"],"names":["VisScatterSelectors","Scatter","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAsBC,EAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAoB;AAGtC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAeQ,EAAO,KAAK,IACvCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { ScatterConfigInterface } from '@unovis/ts'\nimport { Scatter } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = ScatterConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Scatter<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisScatterSelectors = Scatter.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n"],"names":["VisScatterSelectors","Scatter","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAsBC,EAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C3C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAeQ,EAAO,KAAK,GACjDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),m={"data-vis-component":""},y=d.StackedBar.selectors,b=t.defineComponent({__name:"index",props:{color:{},barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},orientation:{},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(l,{expose:p}){const a=t.inject(v.componentAccessorKey),c=l,n=t.computed(()=>a.data.value??c.data),r=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new d.StackedBar(r.value),(e=o.value)==null||e.setData(n.value),a.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),a.destroy()}),t.watch(r,(e,s)=>{var u;i.arePropsEqual(e,s)||(u=o.value)==null||u.setConfig(r.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,s)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisStackedBarSelectors=y;exports.default=b;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@unovis/ts"),p=require("../../utils/context.cjs"),l=require("../../utils/props.cjs"),y={"data-vis-component":""},v=s.StackedBar.selectors,b=e.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},pattern:{type:[Function,null]},barStyle:{type:[Function,null]},baseline:{type:[Function,Number,null]},barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{type:[Function,String,null]},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},colorKeys:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:d}){const r=i,n=e.inject(p.componentAccessorKey),o=e.computed(()=>n.data.value??r.data),a=l.useForwardProps(r),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new s.StackedBar(a.value),t.value?.setData(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(a,(c,u)=>{l.arePropsEqual(c,u)||(t.value?.setConfig(a.value),t.value?.render())}),e.watch(o,()=>{t.value?.setData(o.value)}),d({component:t}),(c,u)=>(e.openBlock(),e.createElementBlock("div",y))}});exports.VisStackedBarSelectors=v;exports.default=b;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = StackedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n nextTick(() => {\n component.value = new StackedBar<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisStackedBarSelectors = StackedBar.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n\n\n"],"names":["VisStackedBarSelectors","StackedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAyBC,EAAAA,WAAW,qbA3C3C,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAuB,EAGzCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,aAAkBQ,EAAO,KAAK,GAC1CM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { StackedBarConfigInterface } from '@unovis/ts'\nimport { StackedBar } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = StackedBarConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\nonMounted(() => {\n nextTick(() => {\n component.value = new StackedBar<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisStackedBarSelectors = StackedBar.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n"],"names":["VisStackedBarSelectors","StackedBar","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAyBC,EAAAA,WAAW,gqBA3CjD,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,aAAkBQ,EAAO,KAAK,EACpDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
@@ -1,69 +1,19 @@
1
- import { StackedBar, NumericAccessor } from '@unovis/ts';
2
- export declare const VisStackedBarSelectors: typeof import("@unovis/ts/dist/components/stacked-bar/style");
3
- declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
4
- attrs: any;
5
- emit: any;
6
- slots: any;
7
- }, __VLS_expose?: any, __VLS_setup?: Promise<{
8
- props: {
9
- duration?: number;
10
- events?: {
11
- [selector: string]: {
12
- touchstart?: import("@unovis/ts").VisEventCallback<any>;
13
- touchmove?: import("@unovis/ts").VisEventCallback<any>;
14
- touchend?: import("@unovis/ts").VisEventCallback<any>;
15
- mouseover?: import("@unovis/ts").VisEventCallback<any>;
16
- mousemove?: import("@unovis/ts").VisEventCallback<any>;
17
- mousedown?: import("@unovis/ts").VisEventCallback<any>;
18
- mouseup?: import("@unovis/ts").VisEventCallback<any>;
19
- click?: import("@unovis/ts").VisEventCallback<any>;
20
- auxclick?: import("@unovis/ts").VisEventCallback<any>;
21
- contextmenu?: import("@unovis/ts").VisEventCallback<any>;
22
- dblclick?: import("@unovis/ts").VisEventCallback<any>;
23
- mouseenter?: import("@unovis/ts").VisEventCallback<any>;
24
- mouseleave?: import("@unovis/ts").VisEventCallback<any>;
25
- mouseout?: import("@unovis/ts").VisEventCallback<any>;
26
- scroll?: import("@unovis/ts").VisEventCallback<any>;
27
- select?: import("@unovis/ts").VisEventCallback<any>;
28
- wheel?: import("@unovis/ts").VisEventCallback<any>;
29
- pointerdown?: import("@unovis/ts").VisEventCallback<any>;
30
- pointerup?: import("@unovis/ts").VisEventCallback<any>;
31
- pointerout?: import("@unovis/ts").VisEventCallback<any>;
32
- pointermove?: import("@unovis/ts").VisEventCallback<any>;
33
- };
34
- };
35
- attributes?: {
36
- [selector: string]: {
37
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
38
- };
39
- };
1
+ import { StackedBarConfigInterface, StackedBar } from '@unovis/ts';
2
+
3
+ export declare const VisStackedBarSelectors: typeof import("@unovis/ts/components/stacked-bar/style");
4
+ declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
5
+ props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (StackedBarConfigInterface<Datum> & {
40
6
  data?: Datum[];
41
- x: NumericAccessor<Datum>;
42
- y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
43
- color?: import("@unovis/ts").ColorAccessor<Datum>;
44
- cursor?: import("@unovis/ts").StringAccessor<Datum>;
45
- id?: (d: Datum, i: number, ...any: any[]) => string;
46
- xScale?: import("@unovis/ts").ContinuousScale;
47
- yScale?: import("@unovis/ts").ContinuousScale;
48
- excludeFromDomainCalculation?: boolean;
49
- dataStep?: number;
50
- barPadding?: number;
51
- roundedCorners?: number | boolean;
52
- orientation?: string;
53
- barWidth?: number;
54
- barMaxWidth?: number;
55
- barMinHeight1Px?: boolean;
56
- barMinHeightZeroValue?: any;
57
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
58
- expose(exposed: import("vue").ShallowUnwrapRef<{
59
- component: import("vue").Ref<StackedBar<Datum>, StackedBar<Datum>>;
7
+ }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
8
+ expose(exposed: import('vue').ShallowUnwrapRef<{
9
+ component: import('vue').Ref<StackedBar<Datum>, StackedBar<Datum>>;
60
10
  }>): void;
61
11
  attrs: any;
62
- slots: {};
63
- emit: any;
64
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
12
+ slots: ReturnType<() => {}>;
13
+ emit: typeof __VLS_emit;
14
+ }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
65
15
  [key: string]: any;
66
16
  }> & {
67
- __ctx?: any;
17
+ __ctx?: Awaited<typeof __VLS_setup>;
68
18
  };
69
19
  export default _default;
@@ -1,23 +1,27 @@
1
- import { defineComponent as p, inject as m, computed as v, ref as f, onMounted as y, nextTick as x, onUnmounted as b, watch as i, createElementBlock as _, openBlock as h } from "vue";
2
- import { StackedBar as u } from "@unovis/ts";
3
- import { useForwardProps as B, arePropsEqual as S } from "../../utils/props.js";
4
- import { componentAccessorKey as g } from "../../utils/context.js";
5
- const k = { "data-vis-component": "" }, j = u.selectors, w = /* @__PURE__ */ p({
1
+ import { defineComponent as p, inject as d, computed as m, ref as y, onMounted as v, nextTick as b, onUnmounted as F, watch as u, openBlock as f, createElementBlock as x } from "vue";
2
+ import { StackedBar as l } from "@unovis/ts";
3
+ import { componentAccessorKey as S } from "../../utils/context.js";
4
+ import { useForwardProps as _, arePropsEqual as g } from "../../utils/props.js";
5
+ const h = { "data-vis-component": "" }, N = l.selectors, P = /* @__PURE__ */ p({
6
6
  __name: "index",
7
7
  props: {
8
- color: {},
8
+ color: { type: [Function, String, Array, null] },
9
+ pattern: { type: [Function, null] },
10
+ barStyle: { type: [Function, null] },
11
+ baseline: { type: [Function, Number, null] },
9
12
  barWidth: {},
10
13
  barMaxWidth: {},
11
14
  dataStep: {},
12
15
  barPadding: {},
13
16
  roundedCorners: { type: [Number, Boolean] },
14
- cursor: {},
17
+ cursor: { type: [Function, String, null] },
15
18
  barMinHeight1Px: { type: Boolean },
16
19
  barMinHeightZeroValue: {},
17
20
  orientation: {},
18
- x: {},
19
- y: {},
21
+ x: { type: [Function, Number, null] },
22
+ y: { type: [Function, Number, null, Array] },
20
23
  id: { type: Function },
24
+ colorKeys: {},
21
25
  xScale: { type: [Object, Function] },
22
26
  yScale: { type: [Object, Function] },
23
27
  excludeFromDomainCalculation: { type: Boolean },
@@ -26,29 +30,25 @@ const k = { "data-vis-component": "" }, j = u.selectors, w = /* @__PURE__ */ p({
26
30
  attributes: {},
27
31
  data: {}
28
32
  },
29
- setup(d, { expose: l }) {
30
- const o = m(g), r = d, a = v(() => o.data.value ?? r.data), n = B(r), t = f();
31
- return y(() => {
32
- x(() => {
33
- var e;
34
- t.value = new u(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
33
+ setup(i, { expose: s }) {
34
+ const a = i, t = d(S), n = m(() => t.data.value ?? a.data), o = _(a), e = y();
35
+ return v(() => {
36
+ b(() => {
37
+ e.value = new l(o.value), e.value?.setData(n.value), t.update(e.value);
35
38
  });
36
- }), b(() => {
37
- var e;
38
- (e = t.value) == null || e.destroy(), o.destroy();
39
- }), i(n, (e, c) => {
40
- var s;
41
- S(e, c) || (s = t.value) == null || s.setConfig(n.value);
42
- }), i(a, () => {
43
- var e;
44
- (e = t.value) == null || e.setData(a.value);
45
- }), l({
46
- component: t
47
- }), (e, c) => (h(), _("div", k));
39
+ }), F(() => {
40
+ e.value?.destroy(), t.destroy();
41
+ }), u(o, (r, c) => {
42
+ g(r, c) || (e.value?.setConfig(o.value), e.value?.render());
43
+ }), u(n, () => {
44
+ e.value?.setData(n.value);
45
+ }), s({
46
+ component: e
47
+ }), (r, c) => (f(), x("div", h));
48
48
  }
49
49
  });
50
50
  export {
51
- j as VisStackedBarSelectors,
52
- w as default
51
+ N as VisStackedBarSelectors,
52
+ P as default
53
53
  };
54
54
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = StackedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n nextTick(() => {\n component.value = new StackedBar<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisStackedBarSelectors = StackedBar.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n\n\n"],"names":["VisStackedBarSelectors","StackedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;AA3C3C,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAuB;AAGzC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAkBQ,EAAO,KAAK,IAC1CM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { StackedBarConfigInterface } from '@unovis/ts'\nimport { StackedBar } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = StackedBarConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\nonMounted(() => {\n nextTick(() => {\n component.value = new StackedBar<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisStackedBarSelectors = StackedBar.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n"],"names":["VisStackedBarSelectors","StackedBar","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CjD,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAkBQ,EAAO,KAAK,GACpDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),m={"data-vis-component":""},_=l.Timeline.selectors,f=t.defineComponent({__name:"index",props:{data:{}},setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),c=d,s=t.computed(()=>n.data.value??c.data),a=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Timeline(a.value),(e=o.value)==null||e.setData(s.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(a,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(a.value)}),t.watch(s,()=>{var e;(e=o.value)==null||e.setData(s.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisTimelineSelectors=_;exports.default=f;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@unovis/ts"),p=require("../../utils/context.cjs"),u=require("../../utils/props.cjs"),v={"data-vis-component":""},m=i.Timeline.selectors,_=e.defineComponent({__name:"index",props:{data:{}},setup(l,{expose:d}){const a=l,o=e.inject(p.componentAccessorKey),n=e.computed(()=>o.data.value??a.data),s=u.useForwardProps(a),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new i.Timeline(s.value),t.value?.setData(n.value),o.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),o.destroy()}),e.watch(s,(c,r)=>{u.arePropsEqual(c,r)||(t.value?.setConfig(s.value),t.value?.render())}),e.watch(n,()=>{t.value?.setData(n.value)}),d({component:t}),(c,r)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisTimelineSelectors=m;exports.default=_;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\ninterface Props extends /** @vue-ignore */ TimelineConfigInterface<Datum> { }\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Timeline<Datum>>()\n\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Timeline<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n\n\n"],"names":["VisTimelineSelectors","Timeline","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAoDaA,EAAuBC,EAAAA,SAAS,kFA5CvC,MAAAC,EAAWC,SAAOC,sBAAoB,EAKtCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAqB,EAGvCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,WAAgBQ,EAAO,KAAK,GACxCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TimelineConfigInterface } from '@unovis/ts'\nimport { Timeline } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n// data and required props\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ TimelineConfigInterface<Datum>>()\n\nconst accessor = inject(componentAccessorKey)\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Timeline<Datum>>()\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Timeline<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n"],"names":["VisTimelineSelectors","Timeline","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAuBC,EAAAA,SAAS,kFAzC7C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAEtCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,WAAgBQ,EAAO,KAAK,EAClDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
@@ -1,95 +1,19 @@
1
- import { Timeline, NumericAccessor } from '@unovis/ts';
2
- import { StringAccessor } from "@unovis/ts";
3
- export declare const VisTimelineSelectors: typeof import("@unovis/ts/dist/components/timeline/style");
4
- declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
5
- attrs: any;
6
- emit: any;
7
- slots: any;
8
- }, __VLS_expose?: any, __VLS_setup?: Promise<{
9
- props: {
10
- duration?: number;
11
- events?: {
12
- [selector: string]: {
13
- touchstart?: import("@unovis/ts").VisEventCallback<any>;
14
- touchmove?: import("@unovis/ts").VisEventCallback<any>;
15
- touchend?: import("@unovis/ts").VisEventCallback<any>;
16
- mouseover?: import("@unovis/ts").VisEventCallback<any>;
17
- mousemove?: import("@unovis/ts").VisEventCallback<any>;
18
- mousedown?: import("@unovis/ts").VisEventCallback<any>;
19
- mouseup?: import("@unovis/ts").VisEventCallback<any>;
20
- click?: import("@unovis/ts").VisEventCallback<any>;
21
- auxclick?: import("@unovis/ts").VisEventCallback<any>;
22
- contextmenu?: import("@unovis/ts").VisEventCallback<any>;
23
- dblclick?: import("@unovis/ts").VisEventCallback<any>;
24
- mouseenter?: import("@unovis/ts").VisEventCallback<any>;
25
- mouseleave?: import("@unovis/ts").VisEventCallback<any>;
26
- mouseout?: import("@unovis/ts").VisEventCallback<any>;
27
- scroll?: import("@unovis/ts").VisEventCallback<any>;
28
- select?: import("@unovis/ts").VisEventCallback<any>;
29
- wheel?: import("@unovis/ts").VisEventCallback<any>;
30
- pointerdown?: import("@unovis/ts").VisEventCallback<any>;
31
- pointerup?: import("@unovis/ts").VisEventCallback<any>;
32
- pointerout?: import("@unovis/ts").VisEventCallback<any>;
33
- pointermove?: import("@unovis/ts").VisEventCallback<any>;
34
- };
35
- };
36
- attributes?: {
37
- [selector: string]: {
38
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
39
- };
40
- };
1
+ import { TimelineConfigInterface, Timeline } from '@unovis/ts';
2
+
3
+ export declare const VisTimelineSelectors: typeof import("@unovis/ts/components/timeline/style");
4
+ declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
5
+ props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & ({
41
6
  data?: Datum[];
42
- x: NumericAccessor<Datum>;
43
- y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
44
- length?: NumericAccessor<Datum>;
45
- onScroll?: (scrollTop: number) => void;
46
- color?: import("@unovis/ts").ColorAccessor<Datum>;
47
- cursor?: StringAccessor<Datum>;
48
- lineWidth?: NumericAccessor<Datum>;
49
- id?: (d: Datum, i: number, ...any: any[]) => string;
50
- xScale?: import("@unovis/ts").ContinuousScale;
51
- yScale?: import("@unovis/ts").ContinuousScale;
52
- excludeFromDomainCalculation?: boolean;
53
- type?: StringAccessor<Datum>;
54
- showEmptySegments?: boolean;
55
- lineRow?: StringAccessor<Datum>;
56
- lineDuration?: NumericAccessor<Datum>;
57
- lineCap?: boolean;
58
- lineStartIcon?: StringAccessor<Datum>;
59
- lineStartIconColor?: StringAccessor<Datum>;
60
- lineStartIconSize?: NumericAccessor<Datum>;
61
- lineStartIconArrangement?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").Arrangement | "inside" | "outside" | "center", Datum>;
62
- lineEndIcon?: StringAccessor<Datum>;
63
- lineEndIconColor?: StringAccessor<Datum>;
64
- lineEndIconSize?: NumericAccessor<Datum>;
65
- lineEndIconArrangement?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").Arrangement | "inside" | "outside" | "center", Datum>;
66
- lineCursor?: StringAccessor<Datum>;
67
- showEmptySegmentsCorrectPosition?: boolean;
68
- rowHeight?: number;
69
- alternatingRowColors?: boolean;
70
- showLabels?: boolean;
71
- labelWidth?: number;
72
- maxLabelWidth?: number;
73
- showRowLabels?: boolean;
74
- rowLabelStyle?: import("@unovis/ts").GenericAccessor<Record<string, string>, import("@unovis/ts").TimelineRowLabel<Datum>>;
75
- rowLabelFormatter?: (key: string, items: Datum[], i: number) => string;
76
- rowIcon?: (key: string, items: Datum[], i: number) => import("@unovis/ts").TimelineRowIcon;
77
- rowLabelWidth?: number;
78
- rowMaxLabelWidth?: number;
79
- rowLabelTextAlign?: import("@unovis/ts").TextAlign | "center" | "left" | "right";
80
- arrows?: import("@unovis/ts").TimelineArrow[];
81
- animationLineEnterPosition?: [number, number] | ((d: Datum & import("@unovis/ts").TimelineLineRenderState, i: number, data: (Datum & import("@unovis/ts").TimelineLineRenderState)[]) => [number, number]);
82
- animationLineExitPosition?: [number, number] | ((d: Datum & import("@unovis/ts").TimelineLineRenderState, i: number, data: (Datum & import("@unovis/ts").TimelineLineRenderState)[]) => [number, number]);
83
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
84
- expose(exposed: import("vue").ShallowUnwrapRef<{
85
- component: import("vue").Ref<Timeline<Datum>, Timeline<Datum>>;
7
+ } & TimelineConfigInterface<Datum>), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
8
+ expose(exposed: import('vue').ShallowUnwrapRef<{
9
+ component: import('vue').Ref<Timeline<Datum>, Timeline<Datum>>;
86
10
  }>): void;
87
11
  attrs: any;
88
- slots: {};
89
- emit: any;
90
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
12
+ slots: ReturnType<() => {}>;
13
+ emit: typeof __VLS_emit;
14
+ }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
91
15
  [key: string]: any;
92
16
  }> & {
93
- __ctx?: any;
17
+ __ctx?: Awaited<typeof __VLS_setup>;
94
18
  };
95
19
  export default _default;
@@ -1,35 +1,31 @@
1
- import { defineComponent as m, inject as d, computed as v, ref as f, onMounted as _, nextTick as x, onUnmounted as h, watch as u, createElementBlock as k, openBlock as w } from "vue";
2
- import { Timeline as i } from "@unovis/ts";
1
+ import { defineComponent as p, inject as m, computed as d, ref as v, onMounted as f, nextTick as _, onUnmounted as x, watch as c, openBlock as h, createElementBlock as k } from "vue";
2
+ import { Timeline as u } from "@unovis/ts";
3
+ import { componentAccessorKey as w } from "../../utils/context.js";
3
4
  import { useForwardProps as y, arePropsEqual as T } from "../../utils/props.js";
4
- import { componentAccessorKey as g } from "../../utils/context.js";
5
- const B = { "data-vis-component": "" }, j = i.selectors, q = /* @__PURE__ */ m({
5
+ const g = { "data-vis-component": "" }, P = u.selectors, j = /* @__PURE__ */ p({
6
6
  __name: "index",
7
7
  props: {
8
8
  data: {}
9
9
  },
10
- setup(l, { expose: p }) {
11
- const t = d(g), s = l, a = v(() => t.data.value ?? s.data), n = y(s), o = f();
12
- return _(() => {
13
- x(() => {
14
- var e;
15
- o.value = new i(n.value), (e = o.value) == null || e.setData(a.value), t.update(o.value);
10
+ setup(l, { expose: i }) {
11
+ const n = l, o = m(w), t = d(() => o.data.value ?? n.data), a = y(n), e = v();
12
+ return f(() => {
13
+ _(() => {
14
+ e.value = new u(a.value), e.value?.setData(t.value), o.update(e.value);
16
15
  });
17
- }), h(() => {
18
- var e;
19
- (e = o.value) == null || e.destroy(), t.destroy();
20
- }), u(n, (e, c) => {
21
- var r;
22
- T(e, c) || (r = o.value) == null || r.setConfig(n.value);
23
- }), u(a, () => {
24
- var e;
25
- (e = o.value) == null || e.setData(a.value);
26
- }), p({
27
- component: o
28
- }), (e, c) => (w(), k("div", B));
16
+ }), x(() => {
17
+ e.value?.destroy(), o.destroy();
18
+ }), c(a, (s, r) => {
19
+ T(s, r) || (e.value?.setConfig(a.value), e.value?.render());
20
+ }), c(t, () => {
21
+ e.value?.setData(t.value);
22
+ }), i({
23
+ component: e
24
+ }), (s, r) => (h(), k("div", g));
29
25
  }
30
26
  });
31
27
  export {
32
- j as VisTimelineSelectors,
33
- q as default
28
+ P as VisTimelineSelectors,
29
+ j as default
34
30
  };
35
31
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\ninterface Props extends /** @vue-ignore */ TimelineConfigInterface<Datum> { }\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Timeline<Datum>>()\n\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Timeline<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n\n\n"],"names":["VisTimelineSelectors","Timeline","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAoDaA,IAAuBC,EAAS;;;;;;AA5CvC,UAAAC,IAAWC,EAAOC,CAAoB,GAKtCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAqB;AAGvC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAgBQ,EAAO,KAAK,IACxCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TimelineConfigInterface } from '@unovis/ts'\nimport { Timeline } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n// data and required props\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ TimelineConfigInterface<Datum>>()\n\nconst accessor = inject(componentAccessorKey)\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Timeline<Datum>>()\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Timeline<Datum>(config.value)\n component.value?.setData(data.value)\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\nwatch(data, () => {\n component.value?.setData(data.value)\n})\n\ndefineExpose({\n component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n <div data-vis-component />\n</template>\n"],"names":["VisTimelineSelectors","Timeline","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAuBC,EAAS;;;;;;AAzC7C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAEtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAgBQ,EAAO,KAAK,GAClDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@unovis/ts"),l=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),v={"data-vis-tooltip":""},f=a.Tooltip.selectors,m=e.defineComponent({__name:"index",props:{components:{},container:{},followCursor:{type:Boolean},allowHover:{type:Boolean},horizontalPlacement:{},horizontalShift:{},verticalPlacement:{},verticalShift:{},triggers:{},attributes:{},className:{},hideDelay:{},showDelay:{},data:{}},setup(i,{expose:u}){const n=e.inject(d.tooltipAccessorKey),p=i,s=l.useForwardProps(p),o=e.ref();return e.onMounted(()=>{e.nextTick(()=>{o.value=new a.Tooltip(s.value),n.update(o.value)})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy(),n.destroy()}),e.watch(s,(t,r)=>{var c;l.arePropsEqual(t,r)||(c=o.value)==null||c.setConfig(s.value)}),u({component:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisTooltipSelectors=f;exports.default=m;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@unovis/ts"),p=require("../../utils/context.cjs"),l=require("../../utils/props.cjs"),d={"data-vis-tooltip":""},v=a.Tooltip.selectors,f=e.defineComponent({__name:"index",props:{components:{},container:{},followCursor:{type:Boolean},allowHover:{type:Boolean},horizontalPlacement:{},horizontalShift:{},verticalPlacement:{},verticalShift:{},triggers:{},attributes:{},className:{},hideDelay:{},showDelay:{},data:{}},setup(c,{expose:i}){const u=c,n=e.inject(p.tooltipAccessorKey),t=l.useForwardProps(u),o=e.ref();return e.onMounted(()=>{e.nextTick(()=>{o.value=new a.Tooltip(t.value),n.update(o.value)})}),e.onUnmounted(()=>{o.value?.destroy(),n.destroy()}),e.watch(t,(r,s)=>{l.arePropsEqual(r,s)||(o.value?.setConfig(t.value),o.value?.render())}),i({component:o}),(r,s)=>(e.openBlock(),e.createElementBlock("div",d))}});exports.VisTooltipSelectors=v;exports.default=f;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/components/tooltip/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { Tooltip, TooltipConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { tooltipAccessorKey } from '../../utils/context'\n\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props \ntype Props = TooltipConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Tooltip>()\n\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Tooltip(config.value)\n \n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTooltipSelectors = Tooltip.selectors\n</script>\n\n<template>\n <div data-vis-tooltip />\n</template>\n\n\n"],"names":["VisTooltipSelectors","Tooltip","accessor","inject","tooltipAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"6PA+CaA,EAAsBC,EAAAA,QAAQ,oTAxCrC,MAAAC,EAAWC,SAAOC,oBAAkB,EAIpCC,EAAQC,EAIRC,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAa,EAG/BC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,UAAQM,EAAO,KAAK,EAEjCL,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAGYY,EAAA,CACX,UAAAV,CAAA,CACD"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/components/tooltip/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TooltipConfigInterface } from '@unovis/ts'\nimport { Tooltip } from '@unovis/ts'\nimport { inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { tooltipAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: null }>()\n\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props\ntype Props = TooltipConfigInterface\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Tooltip>()\n\nonMounted(() => {\n nextTick(() => {\n component.value = new Tooltip(config.value)\n\n accessor.update(component.value)\n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\ndefineExpose({\n component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTooltipSelectors = Tooltip.selectors\n</script>\n\n<template>\n <div data-vis-tooltip />\n</template>\n"],"names":["VisTooltipSelectors","Tooltip","props","__props","accessor","inject","tooltipAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"6PA8CaA,EAAsBC,EAAAA,QAAQ,oTAtC3C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,oBAAkB,EAKpCC,EAASC,EAAAA,gBAAgBN,CAAK,EAG9BO,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,UAAQM,EAAO,KAAK,EAE1CH,EAAS,OAAOK,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBL,EAAS,QAAA,CACX,CAAC,EAEDU,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDS,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAAwB,MAAxBC,CAAwB"}