@unovis/vue 1.6.6-beta.0 → 1.6.6

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 (150) hide show
  1. package/components/annotations/index.cjs +1 -1
  2. package/components/annotations/index.cjs.map +1 -1
  3. package/components/annotations/index.d.ts +1 -1
  4. package/components/annotations/index.js +18 -20
  5. package/components/annotations/index.js.map +1 -1
  6. package/components/area/index.cjs +1 -1
  7. package/components/area/index.cjs.map +1 -1
  8. package/components/area/index.d.ts +1 -1
  9. package/components/area/index.js +21 -25
  10. package/components/area/index.js.map +1 -1
  11. package/components/axis/index.cjs +1 -1
  12. package/components/axis/index.cjs.map +1 -1
  13. package/components/axis/index.d.ts +1 -1
  14. package/components/axis/index.js +21 -25
  15. package/components/axis/index.js.map +1 -1
  16. package/components/brush/index.cjs +1 -1
  17. package/components/brush/index.cjs.map +1 -1
  18. package/components/brush/index.d.ts +1 -1
  19. package/components/brush/index.js +21 -25
  20. package/components/brush/index.js.map +1 -1
  21. package/components/chord-diagram/index.cjs +1 -1
  22. package/components/chord-diagram/index.cjs.map +1 -1
  23. package/components/chord-diagram/index.d.ts +1 -1
  24. package/components/chord-diagram/index.js +21 -25
  25. package/components/chord-diagram/index.js.map +1 -1
  26. package/components/crosshair/index.cjs +1 -1
  27. package/components/crosshair/index.cjs.map +1 -1
  28. package/components/crosshair/index.d.ts +1 -1
  29. package/components/crosshair/index.js +21 -25
  30. package/components/crosshair/index.js.map +1 -1
  31. package/components/donut/index.cjs +1 -1
  32. package/components/donut/index.cjs.map +1 -1
  33. package/components/donut/index.d.ts +1 -1
  34. package/components/donut/index.js +21 -25
  35. package/components/donut/index.js.map +1 -1
  36. package/components/free-brush/index.cjs +1 -1
  37. package/components/free-brush/index.cjs.map +1 -1
  38. package/components/free-brush/index.d.ts +1 -1
  39. package/components/free-brush/index.js +21 -25
  40. package/components/free-brush/index.js.map +1 -1
  41. package/components/graph/index.cjs +1 -1
  42. package/components/graph/index.cjs.map +1 -1
  43. package/components/graph/index.js +21 -25
  44. package/components/graph/index.js.map +1 -1
  45. package/components/grouped-bar/index.cjs +1 -1
  46. package/components/grouped-bar/index.cjs.map +1 -1
  47. package/components/grouped-bar/index.d.ts +1 -1
  48. package/components/grouped-bar/index.js +21 -25
  49. package/components/grouped-bar/index.js.map +1 -1
  50. package/components/line/index.cjs +1 -1
  51. package/components/line/index.cjs.map +1 -1
  52. package/components/line/index.d.ts +1 -1
  53. package/components/line/index.js +21 -25
  54. package/components/line/index.js.map +1 -1
  55. package/components/nested-donut/index.cjs +1 -1
  56. package/components/nested-donut/index.cjs.map +1 -1
  57. package/components/nested-donut/index.d.ts +1 -1
  58. package/components/nested-donut/index.js +21 -25
  59. package/components/nested-donut/index.js.map +1 -1
  60. package/components/plotband/index.cjs +1 -1
  61. package/components/plotband/index.cjs.map +1 -1
  62. package/components/plotband/index.d.ts +1 -1
  63. package/components/plotband/index.js +18 -20
  64. package/components/plotband/index.js.map +1 -1
  65. package/components/plotline/index.cjs +1 -1
  66. package/components/plotline/index.cjs.map +1 -1
  67. package/components/plotline/index.d.ts +1 -1
  68. package/components/plotline/index.js +18 -20
  69. package/components/plotline/index.js.map +1 -1
  70. package/components/sankey/index.cjs +1 -1
  71. package/components/sankey/index.cjs.map +1 -1
  72. package/components/sankey/index.d.ts +1 -1
  73. package/components/sankey/index.js +21 -25
  74. package/components/sankey/index.js.map +1 -1
  75. package/components/scatter/index.cjs +1 -1
  76. package/components/scatter/index.cjs.map +1 -1
  77. package/components/scatter/index.d.ts +1 -1
  78. package/components/scatter/index.js +21 -25
  79. package/components/scatter/index.js.map +1 -1
  80. package/components/stacked-bar/index.cjs +1 -1
  81. package/components/stacked-bar/index.cjs.map +1 -1
  82. package/components/stacked-bar/index.d.ts +1 -1
  83. package/components/stacked-bar/index.js +21 -25
  84. package/components/stacked-bar/index.js.map +1 -1
  85. package/components/timeline/index.cjs +1 -1
  86. package/components/timeline/index.cjs.map +1 -1
  87. package/components/timeline/index.d.ts +1 -1
  88. package/components/timeline/index.js +21 -25
  89. package/components/timeline/index.js.map +1 -1
  90. package/components/tooltip/index.cjs +1 -1
  91. package/components/tooltip/index.cjs.map +1 -1
  92. package/components/tooltip/index.d.ts +1 -1
  93. package/components/tooltip/index.js +18 -20
  94. package/components/tooltip/index.js.map +1 -1
  95. package/components/topojson-map/index.cjs +1 -1
  96. package/components/topojson-map/index.cjs.map +1 -1
  97. package/components/topojson-map/index.d.ts +1 -1
  98. package/components/topojson-map/index.js +21 -25
  99. package/components/topojson-map/index.js.map +1 -1
  100. package/components/treemap/index.cjs +1 -1
  101. package/components/treemap/index.cjs.map +1 -1
  102. package/components/treemap/index.d.ts +1 -1
  103. package/components/treemap/index.js +21 -25
  104. package/components/treemap/index.js.map +1 -1
  105. package/components/xy-labels/index.cjs +1 -1
  106. package/components/xy-labels/index.cjs.map +1 -1
  107. package/components/xy-labels/index.d.ts +1 -1
  108. package/components/xy-labels/index.js +21 -25
  109. package/components/xy-labels/index.js.map +1 -1
  110. package/containers/single-container/index.cjs +1 -1
  111. package/containers/single-container/index.cjs.map +1 -1
  112. package/containers/single-container/index.js +23 -24
  113. package/containers/single-container/index.js.map +1 -1
  114. package/containers/xy-container/index.cjs +1 -1
  115. package/containers/xy-container/index.cjs.map +1 -1
  116. package/containers/xy-container/index.js +22 -29
  117. package/containers/xy-container/index.js.map +1 -1
  118. package/html-components/bullet-legend/index.cjs +1 -1
  119. package/html-components/bullet-legend/index.cjs.map +1 -1
  120. package/html-components/bullet-legend/index.d.ts +1 -1
  121. package/html-components/bullet-legend/index.js +20 -22
  122. package/html-components/bullet-legend/index.js.map +1 -1
  123. package/html-components/flow-legend/index.cjs +1 -1
  124. package/html-components/flow-legend/index.cjs.map +1 -1
  125. package/html-components/flow-legend/index.d.ts +1 -1
  126. package/html-components/flow-legend/index.js +20 -22
  127. package/html-components/flow-legend/index.js.map +1 -1
  128. package/html-components/leaflet-flow-map/index.cjs +1 -1
  129. package/html-components/leaflet-flow-map/index.cjs.map +1 -1
  130. package/html-components/leaflet-flow-map/index.d.ts +1 -1
  131. package/html-components/leaflet-flow-map/index.js +21 -24
  132. package/html-components/leaflet-flow-map/index.js.map +1 -1
  133. package/html-components/leaflet-map/index.cjs +1 -1
  134. package/html-components/leaflet-map/index.cjs.map +1 -1
  135. package/html-components/leaflet-map/index.d.ts +1 -1
  136. package/html-components/leaflet-map/index.js +21 -24
  137. package/html-components/leaflet-map/index.js.map +1 -1
  138. package/html-components/rolling-pin-legend/index.cjs +1 -1
  139. package/html-components/rolling-pin-legend/index.cjs.map +1 -1
  140. package/html-components/rolling-pin-legend/index.d.ts +1 -1
  141. package/html-components/rolling-pin-legend/index.js +20 -22
  142. package/html-components/rolling-pin-legend/index.js.map +1 -1
  143. package/package.json +6 -5
  144. package/utils/context.cjs.map +1 -1
  145. package/utils/context.js +1 -1
  146. package/utils/context.js.map +1 -1
  147. package/utils/props.cjs +1 -1
  148. package/utils/props.cjs.map +1 -1
  149. package/utils/props.js +7 -7
  150. package/utils/props.js.map +1 -1
@@ -1,8 +1,8 @@
1
- import { defineComponent as u, toRefs as y, ref as p, reactive as v, watch as f, watchEffect as x, toRaw as r, onMounted as h, onUnmounted as D, provide as a, openBlock as g, createElementBlock as A, renderSlot as C } from "vue";
1
+ import { defineComponent as y, toRefs as v, ref as d, reactive as f, watchEffect as x, toRaw as r, watch as h, onUnmounted as A, provide as a, openBlock as g, createElementBlock as D, renderSlot as C } from "vue";
2
2
  import { XYContainer as R } from "@unovis/ts";
3
- import { componentAccessorKey as w, axisAccessorKey as B, crosshairAccessorKey as M, tooltipAccessorKey as _, annotationsAccessorKey as K } from "../../utils/context.js";
4
- import { useForwardProps as E } from "../../utils/props.js";
5
- const S = /* @__PURE__ */ u({
3
+ import { componentAccessorKey as w, axisAccessorKey as B, crosshairAccessorKey as _, tooltipAccessorKey as K, annotationsAccessorKey as M } from "../../utils/context.js";
4
+ import { useForwardProps as b } from "../../utils/props.js";
5
+ const O = /* @__PURE__ */ y({
6
6
  __name: "index",
7
7
  props: {
8
8
  components: {},
@@ -37,62 +37,55 @@ const S = /* @__PURE__ */ u({
37
37
  ariaLabel: {},
38
38
  data: {}
39
39
  },
40
- setup(d, { expose: l }) {
41
- const c = d, { data: t } = y(c), m = E(c), n = p(), e = v({
40
+ setup(l, { expose: m }) {
41
+ const c = l, { data: t } = v(c), u = b(c), n = d(), e = f({
42
42
  components: [],
43
43
  annotations: void 0,
44
44
  crosshair: void 0,
45
45
  tooltip: void 0,
46
46
  xAxis: void 0,
47
47
  yAxis: void 0
48
- }), s = p();
49
- return f(t, () => {
50
- n.value && n.value.setData(t.value, !0);
51
- }), x(() => {
52
- var o;
53
- e.components.map((i) => i.config), (o = n.value) == null || o.updateContainer({ ...r(m.value), ...r(e) });
54
- }), h(() => {
55
- s.value && (n.value = new R(s.value, { ...r(e) }, t.value));
56
- }), D(() => {
57
- var o;
58
- return (o = n.value) == null ? void 0 : o.destroy();
59
- }), a(w, {
48
+ }), i = d(), p = () => {
49
+ n.value || !i.value || !Object.values(e).some((s) => Array.isArray(s) ? s.length : s) || (n.value = new R(i.value, { ...r(e) }, t.value));
50
+ };
51
+ return x(() => {
52
+ p(), e.components.map((o) => o.config), n.value?.updateContainer({ ...r(u.value), ...r(e) });
53
+ }), h(t, () => {
54
+ n.value ? n.value.setData(t.value, !0) : p();
55
+ }), A(() => n.value?.destroy()), a(w, {
60
56
  data: t,
61
57
  update: (o) => e.components = [...e.components, o],
62
- destroy: () => {
63
- var o;
64
- return e.components = (o = e.components) == null ? void 0 : o.filter((i) => !i.isDestroyed());
65
- }
58
+ destroy: () => e.components = e.components?.filter((o) => !o.isDestroyed())
66
59
  }), a(B, {
67
60
  data: t,
68
61
  update: (o) => e[`${o.config.type}Axis`] = o,
69
62
  destroy: (o) => {
70
63
  e[`${o}Axis`] = void 0;
71
64
  }
72
- }), a(M, {
65
+ }), a(_, {
73
66
  data: t,
74
67
  update: (o) => e.crosshair = o,
75
68
  destroy: () => {
76
69
  e.crosshair = void 0;
77
70
  }
78
- }), a(_, {
71
+ }), a(K, {
79
72
  data: t,
80
73
  update: (o) => e.tooltip = o,
81
74
  destroy: () => {
82
75
  e.tooltip = void 0;
83
76
  }
84
- }), a(K, {
77
+ }), a(M, {
85
78
  data: t,
86
79
  update: (o) => e.annotations = o,
87
80
  destroy: () => {
88
81
  e.annotations = void 0;
89
82
  }
90
- }), l({
83
+ }), m({
91
84
  component: n
92
- }), (o, i) => (g(), A("div", {
85
+ }), (o, s) => (g(), D("div", {
93
86
  "data-vis-xy-container": "",
94
87
  ref_key: "elRef",
95
- ref: s,
88
+ ref: i,
96
89
  class: "unovis-xy-container"
97
90
  }, [
98
91
  C(o.$slots, "default")
@@ -100,6 +93,6 @@ const S = /* @__PURE__ */ u({
100
93
  }
101
94
  });
102
95
  export {
103
- S as default
96
+ O as default
104
97
  };
105
98
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n components: [],\n annotations: undefined,\n crosshair: undefined,\n tooltip: undefined,\n xAxis: undefined,\n yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n if (chart.value) {\n chart.value.setData(data.value, true)\n }\n})\n\nwatchEffect(() => {\n // watch deep changes in components config\n const t = config.components.map(i => i.config)\n chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n data,\n update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n data,\n update: (c: Crosshair<T>) => config.crosshair = c,\n destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n data,\n update: (t: Tooltip) => config.tooltip = t,\n destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n data,\n update: (a: Annotations) => config.annotations = a,\n destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n component: chart\n})\n</script>\n\n<template>\n <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n <slot />\n </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n display: block;\n position: relative;\n width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAA,GACRC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAA;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAA;AAEd,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IAExC,CAAC,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAC7E,CAAC,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAOJ,EAAM,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKN,EAAK,KAAK;AAAA,IAC9F,CAAC,GAEDe,EAAY,MAAA;;AAAM,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAA;;AAAM,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAAO,MAAK,CAACA,EAAE,YAAA;AAAA;AAAA,IAAa,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAE,QAAAZ,EAAO,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAU;AAAA,IAAA,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAU;AAAA,IAAA,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAEDmB,EAAa;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ,mBAICsB,EAEM,OAAA;AAAA,MAFD,yBAAA;AAAA,eAA0B;AAAA,MAAJ,KAAIlB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC3CmB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T>>()\nconst config = reactive({\n components: [],\n annotations: undefined,\n crosshair: undefined,\n tooltip: undefined,\n xAxis: undefined,\n yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n if (chart.value || !elRef.value) return\n // config holds only child-registration slots — if all are empty, no slot has registered yet\n const hasContent = Object.values(config).some(v => Array.isArray(v) ? v.length : v)\n if (!hasContent) return\n chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n initChart()\n // touch deep changes in components config to track them\n const t = config.components.map(i => i.config)\n chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n if (chart.value) chart.value.setData(data.value, true)\n else initChart()\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n data,\n update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n data,\n update: (c: Crosshair<T>) => config.crosshair = c,\n destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n data,\n update: (t: Tooltip) => config.tooltip = t,\n destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n data,\n update: (a: Annotations) => config.annotations = a,\n destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n component: chart\n})\n</script>\n\n<template>\n <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n <slot />\n </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n display: block;\n position: relative;\n width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","initChart","v","XYContainer","toRaw","watchEffect","i","watch","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAA,GACRC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAA;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAA,GAERI,IAAY,MAAM;AAItB,MAHIL,EAAM,SAAS,CAACI,EAAM,SAGtB,CADe,OAAO,OAAOF,CAAM,EAAE,KAAK,CAAAI,MAAK,MAAM,QAAQA,CAAC,IAAIA,EAAE,SAASA,CAAC,MAElFN,EAAM,QAAQ,IAAIO,EAAYH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,KAAKN,EAAK,KAAK;AAAA,IAC7E;AAEA,WAAAa,EAAY,MAAM;AAChB,MAAAJ,EAAA,GAEUH,EAAO,WAAW,IAAI,CAAAQ,MAAKA,EAAE,MAAM,GAC7CV,EAAM,OAAO,gBAAgB,EAAE,GAAGQ,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA,CAAG;AAAA,IAChF,CAAC,GAEDS,EAAMf,GAAM,MAAM;AAChB,MAAII,EAAM,QAAOA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI,IAChDS,EAAA;AAAA,IACP,CAAC,GAEDO,EAAY,MAAMZ,EAAM,OAAO,QAAA,CAAS,GAExCa,EAAQC,GAAsB;AAAA,MAC5B,MAAAlB;AAAA,MACA,QAAQ,CAACmB,MAA0Bb,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaa,CAAC;AAAA,MAChF,SAAS,MAAMb,EAAO,aAAaA,EAAO,YAAY,OAAO,CAAAa,MAAK,CAACA,EAAE,YAAA,CAAa;AAAA,IAAA,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAApB;AAAA,MACA,QAAQ,CAACmB,MAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAE,QAAAb,EAAO,GAAGa,CAAC,MAAM,IAAI;AAAA,MAAU;AAAA,IAAA,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAArB;AAAA,MACA,QAAQ,CAACmB,MAAoBb,EAAO,YAAYa;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAb,EAAO,YAAY;AAAA,MAAU;AAAA,IAAA,CAC/C,GAEDW,EAAQK,GAAoB;AAAA,MAC1B,MAAAtB;AAAA,MACA,QAAQ,CAACuB,MAAejB,EAAO,UAAUiB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAjB,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDW,EAAQO,GAAwB;AAAA,MAC9B,MAAAxB;AAAA,MACA,QAAQ,CAACyB,MAAmBnB,EAAO,cAAcmB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAnB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAEDoB,EAAa;AAAA,MACX,WAAWtB;AAAA,IAAA,CACZ,mBAICuB,EAEM,OAAA;AAAA,MAFD,yBAAA;AAAA,eAA0B;AAAA,MAAJ,KAAInB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC3CoB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@unovis/ts"),d=require("../../utils/props.cjs"),v=i.BulletLegend.selectors,f=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletSpacing:{},bulletShape:{type:[Function,null]},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(c,{expose:p}){const r=c;e.computed(()=>r.data);const o=d.useForwardProps(r),t=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(t.value=new i.BulletLegend(l.value,{...o.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var n;(n=t.value)==null||n.destroy()}),e.watch(o,(n,u)=>{var a,s;d.arePropsEqual(n,u)||((a=t.value)==null||a.setConfig(o.value),(s=t.value)==null||s.render())}),p({component:t}),(n,u)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});exports.VisBulletLegendSelectors=v;exports.default=f;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@unovis/ts"),a=require("../../utils/props.cjs"),c=s.BulletLegend.selectors,p=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletSpacing:{},bulletShape:{type:[Function,null]},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(d,{expose:i}){const l=d;e.computed(()=>l.data);const n=a.useForwardProps(l),t=e.ref(),o=e.ref();return e.onMounted(()=>{e.nextTick(()=>{o.value&&(t.value=new s.BulletLegend(o.value,{...n.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{t.value?.destroy()}),e.watch(n,(r,u)=>{a.arePropsEqual(r,u)||(t.value?.setConfig(n.value),t.value?.render())}),i({component:t}),(r,u)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:o},null,512))}});exports.VisBulletLegendSelectors=c;exports.default=p;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-bullet-legend] {\n display:block;\n }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":"8LA+CaA,EAA2BC,EAAAA,aAAa,2SAtCrD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,aAAaQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGtG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,QAClCa,EAAAX,EAAU,QAAV,MAAAW,EAAiB,SAErB,CAAC,EAGDC,EAAa,CACX,UAAAZ,CAAA,CACD,wBAQCa,EAAAA,mBAAyC,MAAA,CAApC,yBAAA,WAA2B,QAAJ,IAAIX,CAAA"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-bullet-legend] {\n display:block;\n }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA+CaA,EAA2BC,EAAAA,aAAa,2SAtCrD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,aAAaQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGtG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,CAChBL,EAAU,OAAO,QAAA,CAEnB,CAAC,EAEDM,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAGDU,EAAa,CACX,UAAAV,CAAA,CACD,wBAQCW,EAAAA,mBAAyC,MAAA,CAApC,yBAAA,WAA2B,QAAJ,IAAIT,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { BulletLegend, BulletLegendConfigInterface } from '@unovis/ts';
2
2
 
3
- export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/dist/components/bullet-legend/style");
3
+ export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/components/bullet-legend/style");
4
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BulletLegendConfigInterface & {
5
5
  data?: null;
6
6
  }>>, {
@@ -1,7 +1,7 @@
1
- import { defineComponent as p, computed as m, ref as d, onMounted as f, nextTick as v, onUnmounted as b, watch as g, openBlock as _, createElementBlock as x } from "vue";
2
- import { BulletLegend as i } from "@unovis/ts";
3
- import { useForwardProps as k, arePropsEqual as y } from "../../utils/props.js";
4
- const C = i.selectors, F = /* @__PURE__ */ p({
1
+ import { defineComponent as s, computed as c, ref as a, onMounted as p, nextTick as m, onUnmounted as f, watch as v, openBlock as b, createElementBlock as g } from "vue";
2
+ import { BulletLegend as u } from "@unovis/ts";
3
+ import { useForwardProps as _, arePropsEqual as x } from "../../utils/props.js";
4
+ const S = u.selectors, h = /* @__PURE__ */ s({
5
5
  __name: "index",
6
6
  props: {
7
7
  items: {},
@@ -16,31 +16,29 @@ const C = i.selectors, F = /* @__PURE__ */ p({
16
16
  renderIntoProvidedDomNode: { type: Boolean },
17
17
  data: {}
18
18
  },
19
- setup(s, { expose: c }) {
20
- const l = s;
21
- m(() => l.data);
22
- const t = k(l), e = d(), n = d();
23
- return f(() => {
24
- v(() => {
25
- n.value && (e.value = new i(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
19
+ setup(d, { expose: i }) {
20
+ const n = d;
21
+ c(() => n.data);
22
+ const o = _(n), e = a(), t = a();
23
+ return p(() => {
24
+ m(() => {
25
+ t.value && (e.value = new u(t.value, { ...o.value, renderIntoProvidedDomNode: !0 }));
26
26
  });
27
- }), b(() => {
28
- var o;
29
- (o = e.value) == null || o.destroy();
30
- }), g(t, (o, r) => {
31
- var a, u;
32
- y(o, r) || ((a = e.value) == null || a.setConfig(t.value), (u = e.value) == null || u.render());
33
- }), c({
27
+ }), f(() => {
28
+ e.value?.destroy();
29
+ }), v(o, (l, r) => {
30
+ x(l, r) || (e.value?.setConfig(o.value), e.value?.render());
31
+ }), i({
34
32
  component: e
35
- }), (o, r) => (_(), x("div", {
33
+ }), (l, r) => (b(), g("div", {
36
34
  "data-vis-bullet-legend": "",
37
35
  ref_key: "elRef",
38
- ref: n
36
+ ref: t
39
37
  }, null, 512));
40
38
  }
41
39
  });
42
40
  export {
43
- C as VisBulletLegendSelectors,
44
- F as default
41
+ S as VisBulletLegendSelectors,
42
+ h as default
45
43
  };
46
44
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-bullet-legend] {\n display:block;\n }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":";;;AA+CO,MAAMA,IAA2BC,EAAa;;;;;;;;;;;;;;;;AAtCrD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAaQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGtG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO,SAClCa,IAAAX,EAAU,UAAV,QAAAW,EAAiB;AAAA,IAErB,CAAC,GAGDC,EAAa;AAAA,MACX,WAAAZ;AAAA,IAAA,CACD,mBAQCa,EAAyC,OAAA;AAAA,MAApC,0BAAA;AAAA,eAA2B;AAAA,MAAJ,KAAIX;AAAA,IAAA;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = BulletLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n</script>\n\n<template>\n <div data-vis-bullet-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-bullet-legend] {\n display:block;\n }\n</style>\n"],"names":["VisBulletLegendSelectors","BulletLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AA+CO,MAAMA,IAA2BC,EAAa;;;;;;;;;;;;;;;;AAtCrD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAaQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGtG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;AAChB,MAAAL,EAAU,OAAO,QAAA;AAAA,IAEnB,CAAC,GAEDM,EAAMR,GAAQ,CAACS,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAGDU,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,mBAQCW,EAAyC,OAAA;AAAA,MAApC,0BAAA;AAAA,eAA2B;AAAA,MAAJ,KAAIT;AAAA,IAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),u=require("../../utils/props.cjs"),f=c.FlowLegend.selectors,m=e.defineComponent({__name:"index",props:{margin:{},customWidth:{},items:{},spacing:{},lineColor:{},labelColor:{},labelFontSize:{},arrowSymbol:{},arrowColor:{},arrowSymbolYOffset:{},onLegendItemClick:{type:Function},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(i,{expose:p}){const l=i;e.computed(()=>l.data);const r=u.useForwardProps(l),o=e.ref(),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value&&(o.value=new c.FlowLegend(t.value,{...r.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var n;(n=o.value)==null||n.destroy()}),e.watch(r,(n,s)=>{var a,d;u.arePropsEqual(n,s)||((a=o.value)==null||a.setConfig(r.value),(d=o.value)==null||d.render())}),p({component:o}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-flow-legend":"",ref_key:"elRef",ref:t},null,512))}});exports.VisFlowLegendSelectors=f;exports.default=m;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),a=require("../../utils/props.cjs"),i=d.FlowLegend.selectors,p=e.defineComponent({__name:"index",props:{margin:{},customWidth:{},items:{},spacing:{},lineColor:{},labelColor:{},labelFontSize:{},arrowSymbol:{},arrowColor:{},arrowSymbolYOffset:{},onLegendItemClick:{type:Function},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(u,{expose:c}){const t=u;e.computed(()=>t.data);const n=a.useForwardProps(t),o=e.ref(),r=e.ref();return e.onMounted(()=>{e.nextTick(()=>{r.value&&(o.value=new d.FlowLegend(r.value,{...n.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{o.value?.destroy()}),e.watch(n,(l,s)=>{a.arePropsEqual(l,s)||(o.value?.setConfig(n.value),o.value?.render())}),c({component:o}),(l,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-flow-legend":"",ref_key:"elRef",ref:r},null,512))}});exports.VisFlowLegendSelectors=i;exports.default=p;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-flow-legend] {\n display:block;\n }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":"8LA+CaA,EAAyBC,EAAAA,WAAW,ySAtCjD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,WAAWQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGpG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,QAClCa,EAAAX,EAAU,QAAV,MAAAW,EAAiB,SAErB,CAAC,EAGDC,EAAa,CACX,UAAAZ,CAAA,CACD,wBAQCa,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIX,CAAA"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-flow-legend] {\n display:block;\n }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA+CaA,EAAyBC,EAAAA,WAAW,ySAtCjD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,WAAWQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGpG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,CAChBL,EAAU,OAAO,QAAA,CAEnB,CAAC,EAEDM,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAGDU,EAAa,CACX,UAAAV,CAAA,CACD,wBAQCW,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIT,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts';
2
2
 
3
- export declare const VisFlowLegendSelectors: typeof import("@unovis/ts/dist/components/flow-legend/style");
3
+ export declare const VisFlowLegendSelectors: typeof import("@unovis/ts/components/flow-legend/style");
4
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FlowLegendConfigInterface & {
5
5
  data?: null;
6
6
  }>>, {
@@ -1,7 +1,7 @@
1
- import { defineComponent as u, computed as p, ref as s, onMounted as f, nextTick as v, onUnmounted as w, watch as g, openBlock as _, createElementBlock as y } from "vue";
2
- import { FlowLegend as c } from "@unovis/ts";
3
- import { useForwardProps as C, arePropsEqual as k } from "../../utils/props.js";
4
- const P = c.selectors, S = /* @__PURE__ */ u({
1
+ import { defineComponent as i, computed as m, ref as a, onMounted as u, nextTick as p, onUnmounted as f, watch as v, openBlock as w, createElementBlock as g } from "vue";
2
+ import { FlowLegend as d } from "@unovis/ts";
3
+ import { useForwardProps as _, arePropsEqual as y } from "../../utils/props.js";
4
+ const F = d.selectors, b = /* @__PURE__ */ i({
5
5
  __name: "index",
6
6
  props: {
7
7
  margin: {},
@@ -18,31 +18,29 @@ const P = c.selectors, S = /* @__PURE__ */ u({
18
18
  renderIntoProvidedDomNode: { type: Boolean },
19
19
  data: {}
20
20
  },
21
- setup(i, { expose: m }) {
22
- const t = i;
23
- p(() => t.data);
24
- const n = C(t), e = s(), r = s();
25
- return f(() => {
26
- v(() => {
27
- r.value && (e.value = new c(r.value, { ...n.value, renderIntoProvidedDomNode: !0 }));
21
+ setup(s, { expose: c }) {
22
+ const r = s;
23
+ m(() => r.data);
24
+ const o = _(r), e = a(), n = a();
25
+ return u(() => {
26
+ p(() => {
27
+ n.value && (e.value = new d(n.value, { ...o.value, renderIntoProvidedDomNode: !0 }));
28
28
  });
29
- }), w(() => {
30
- var o;
31
- (o = e.value) == null || o.destroy();
32
- }), g(n, (o, l) => {
33
- var a, d;
34
- k(o, l) || ((a = e.value) == null || a.setConfig(n.value), (d = e.value) == null || d.render());
35
- }), m({
29
+ }), f(() => {
30
+ e.value?.destroy();
31
+ }), v(o, (t, l) => {
32
+ y(t, l) || (e.value?.setConfig(o.value), e.value?.render());
33
+ }), c({
36
34
  component: e
37
- }), (o, l) => (_(), y("div", {
35
+ }), (t, l) => (w(), g("div", {
38
36
  "data-vis-flow-legend": "",
39
37
  ref_key: "elRef",
40
- ref: r
38
+ ref: n
41
39
  }, null, 512));
42
40
  }
43
41
  });
44
42
  export {
45
- P as VisFlowLegendSelectors,
46
- S as default
43
+ F as VisFlowLegendSelectors,
44
+ b as default
47
45
  };
48
46
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-flow-legend] {\n display:block;\n }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":";;;AA+CO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;AAtCjD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAWQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGpG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO,SAClCa,IAAAX,EAAU,UAAV,QAAAW,EAAiB;AAAA,IAErB,CAAC,GAGDC,EAAa;AAAA,MACX,WAAAZ;AAAA,IAAA,CACD,mBAQCa,EAAuC,OAAA;AAAA,MAAlC,wBAAA;AAAA,eAAyB;AAAA,MAAJ,KAAIX;AAAA,IAAA;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \n})\n\nwatch(config, (curr, prev) => {\n if (!arePropsEqual(curr, prev)) {\n component.value?.setConfig(config.value)\n component.value?.render()\n }\n})\n\n\ndefineExpose({\n component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-flow-legend] {\n display:block;\n }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AA+CO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;AAtCjD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAWQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGpG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;AAChB,MAAAL,EAAU,OAAO,QAAA;AAAA,IAEnB,CAAC,GAEDM,EAAMR,GAAQ,CAACS,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAGDU,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,mBAQCW,EAAuC,OAAA;AAAA,MAAlC,wBAAA;AAAA,eAAyB;AAAA,MAAJ,KAAIT;AAAA,IAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@unovis/ts"),p=require("../../utils/props.cjs"),F=s.LeafletFlowMap.selectors,f=t.defineComponent({__name:"index",props:{sourceLongitude:{type:[Function,Number,null]},sourceLatitude:{type:[Function,Number,null]},targetLongitude:{type:[Function,Number,null]},targetLatitude:{type:[Function,Number,null]},sourcePointRadius:{type:[Function,Number,null]},sourcePointColor:{type:[Function,String,Array,null]},flowParticleColor:{type:[Function,String,Array,null]},flowParticleRadius:{type:[Function,Number,null]},flowParticleSpeed:{type:[Function,Number,null]},flowParticleDensity:{type:[Function,Number,null]},onSourcePointClick:{type:Function},onSourcePointMouseEnter:{type:Function},onSourcePointMouseLeave:{type:Function},width:{},height:{},flyToDuration:{},fitViewPadding:{},zoomDuration:{},initialBounds:{},fitBoundsOnUpdate:{},fitViewOnInit:{type:Boolean},fitViewOnUpdate:{type:Boolean},style:{},styleDarkTheme:{},accessToken:{},attribution:{},renderer:{},onMapInitialized:{type:Function},onMapMoveZoom:{type:Function},onMapMoveStart:{type:Function},onMapMoveEnd:{type:Function},onMapZoomStart:{type:Function},onMapZoomEnd:{type:Function},onMapClick:{type:Function},pointLongitude:{type:[Function,Number,null]},pointLatitude:{type:[Function,Number,null]},pointId:{type:[Function,String,null]},pointShape:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,null]},pointBottomLabel:{type:[Function,String,null]},pointCursor:{type:[Function,String,null]},pointRingWidth:{},selectedPointId:{},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(y,{expose:d}){const i=y,o=t.computed(()=>i.data),u=p.useForwardProps(i),n=t.ref(),l=t.ref();return t.onMounted(()=>{t.nextTick(()=>{l.value&&(n.value=new s.LeafletFlowMap(l.value,u.value,o.value))})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy()}),t.watch(u,(e,r)=>{var a,c;p.arePropsEqual(e,r)||((a=n.value)==null||a.setConfig(u.value),(c=n.value)==null||c.render())}),t.watch(o,()=>{var e;(e=n.value)==null||e.setData(o.value)}),d({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:l},null,512))}});exports.VisLeafletFlowMapSelectors=F;exports.default=f;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@unovis/ts"),a=require("../../utils/props.cjs"),y=c.LeafletFlowMap.selectors,d=t.defineComponent({__name:"index",props:{sourceLongitude:{type:[Function,Number,null]},sourceLatitude:{type:[Function,Number,null]},targetLongitude:{type:[Function,Number,null]},targetLatitude:{type:[Function,Number,null]},sourcePointRadius:{type:[Function,Number,null]},sourcePointColor:{type:[Function,String,Array,null]},flowParticleColor:{type:[Function,String,Array,null]},flowParticleRadius:{type:[Function,Number,null]},flowParticleSpeed:{type:[Function,Number,null]},flowParticleDensity:{type:[Function,Number,null]},onSourcePointClick:{type:Function},onSourcePointMouseEnter:{type:Function},onSourcePointMouseLeave:{type:Function},width:{},height:{},flyToDuration:{},fitViewPadding:{},zoomDuration:{},initialBounds:{},fitBoundsOnUpdate:{},fitViewOnInit:{type:Boolean},fitViewOnUpdate:{type:Boolean},style:{},styleDarkTheme:{},accessToken:{},attribution:{},renderer:{},onMapInitialized:{type:Function},onMapMoveZoom:{type:Function},onMapMoveStart:{type:Function},onMapMoveEnd:{type:Function},onMapZoomStart:{type:Function},onMapZoomEnd:{type:Function},onMapClick:{type:Function},pointLongitude:{type:[Function,Number,null]},pointLatitude:{type:[Function,Number,null]},pointId:{type:[Function,String,null]},pointShape:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,null]},pointBottomLabel:{type:[Function,String,null]},pointCursor:{type:[Function,String,null]},pointRingWidth:{},selectedPointId:{},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:s}){const l=p,n=t.computed(()=>l.data),o=a.useForwardProps(l),e=t.ref(),u=t.ref();return t.onMounted(()=>{t.nextTick(()=>{u.value&&(e.value=new c.LeafletFlowMap(u.value,o.value,n.value))})}),t.onUnmounted(()=>{e.value?.destroy()}),t.watch(o,(i,r)=>{a.arePropsEqual(i,r)||(e.value?.setConfig(o.value),e.value?.render())}),t.watch(n,()=>{e.value?.setData(n.value)}),s({component:e}),(i,r)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:u},null,512))}});exports.VisLeafletFlowMapSelectors=y;exports.default=d;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<LeafletFlowMap<PointDatum, FlowDatum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new LeafletFlowMap<PointDatum, FlowDatum>(elRef.value, config.value, data.value)\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \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 VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-leaflet-flow-map] {\n display:block;\n position:relative;\n }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":"8LAkDaA,EAA6BC,EAAAA,eAAe,++DAzCzD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIP,EAAAA,eAAsCS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAGnG,CAAC,CACH,CAAC,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,QAClCa,EAAAX,EAAU,QAAV,MAAAW,EAAiB,SAErB,CAAC,EAEDJ,EAAAA,MAAMX,EAAM,IAAM,QAChBU,EAAAN,EAAU,QAAV,MAAAM,EAAiB,QAAQV,EAAK,MAChC,CAAC,EAEDgB,EAAa,CACX,UAAAZ,CAAA,CACD,wBAQCa,EAAAA,mBAA4C,MAAA,CAAvC,4BAAA,WAA8B,QAAJ,IAAIX,CAAA"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<LeafletFlowMap<PointDatum, FlowDatum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new LeafletFlowMap<PointDatum, FlowDatum>(elRef.value, config.value, data.value)\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \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 VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-leaflet-flow-map] {\n display:block;\n position:relative;\n }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LAkDaA,EAA6BC,EAAAA,eAAe,++DAzCzD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIP,EAAAA,eAAsCS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAGnG,CAAC,CACH,CAAC,EAEDS,EAAAA,YAAY,IAAM,CAChBL,EAAU,OAAO,QAAA,CAEnB,CAAC,EAEDM,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDM,EAAAA,MAAMV,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,wBAQCW,EAAAA,mBAA4C,MAAA,CAAvC,4BAAA,WAA8B,QAAJ,IAAIT,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord } from '@unovis/ts';
2
2
 
3
- export declare const VisLeafletFlowMapSelectors: typeof import("@unovis/ts/dist/components/leaflet-map/style");
3
+ export declare const VisLeafletFlowMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
4
4
  declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(__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
5
  props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
6
6
  data?: {
@@ -1,7 +1,7 @@
1
- import { defineComponent as F, computed as m, ref as c, onMounted as f, nextTick as g, onUnmounted as S, watch as p, openBlock as b, createElementBlock as v } from "vue";
2
- import { LeafletFlowMap as s } from "@unovis/ts";
3
- import { useForwardProps as L, arePropsEqual as M } from "../../utils/props.js";
4
- const C = s.selectors, B = /* @__PURE__ */ F({
1
+ import { defineComponent as y, computed as d, ref as r, onMounted as F, nextTick as m, onUnmounted as f, watch as a, openBlock as g, createElementBlock as S } from "vue";
2
+ import { LeafletFlowMap as c } from "@unovis/ts";
3
+ import { useForwardProps as b, arePropsEqual as v } from "../../utils/props.js";
4
+ const N = c.selectors, P = /* @__PURE__ */ y({
5
5
  __name: "index",
6
6
  props: {
7
7
  sourceLongitude: { type: [Function, Number, null] },
@@ -68,32 +68,29 @@ const C = s.selectors, B = /* @__PURE__ */ F({
68
68
  attributes: {},
69
69
  data: {}
70
70
  },
71
- setup(y, { expose: d }) {
72
- const i = y, e = m(() => i.data), o = L(i), n = c(), u = c();
73
- return f(() => {
74
- g(() => {
75
- u.value && (n.value = new s(u.value, o.value, e.value));
71
+ setup(p, { expose: s }) {
72
+ const u = p, n = d(() => u.data), e = b(u), t = r(), o = r();
73
+ return F(() => {
74
+ m(() => {
75
+ o.value && (t.value = new c(o.value, e.value, n.value));
76
76
  });
77
- }), S(() => {
78
- var t;
79
- (t = n.value) == null || t.destroy();
80
- }), p(o, (t, l) => {
81
- var r, a;
82
- M(t, l) || ((r = n.value) == null || r.setConfig(o.value), (a = n.value) == null || a.render());
83
- }), p(e, () => {
84
- var t;
85
- (t = n.value) == null || t.setData(e.value);
86
- }), d({
87
- component: n
88
- }), (t, l) => (b(), v("div", {
77
+ }), f(() => {
78
+ t.value?.destroy();
79
+ }), a(e, (i, l) => {
80
+ v(i, l) || (t.value?.setConfig(e.value), t.value?.render());
81
+ }), a(n, () => {
82
+ t.value?.setData(n.value);
83
+ }), s({
84
+ component: t
85
+ }), (i, l) => (g(), S("div", {
89
86
  "data-vis-leaflet-flow-map": "",
90
87
  ref_key: "elRef",
91
- ref: u
88
+ ref: o
92
89
  }, null, 512));
93
90
  }
94
91
  });
95
92
  export {
96
- C as VisLeafletFlowMapSelectors,
97
- B as default
93
+ N as VisLeafletFlowMapSelectors,
94
+ P as default
98
95
  };
99
96
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<LeafletFlowMap<PointDatum, FlowDatum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new LeafletFlowMap<PointDatum, FlowDatum>(elRef.value, config.value, data.value)\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \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 VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-leaflet-flow-map] {\n display:block;\n position:relative;\n }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":";;;AAkDO,MAAMA,IAA6BC,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzCzD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIP,EAAsCS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAGnG,CAAC;AAAA,IACH,CAAC,GAEDS,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO,SAClCa,IAAAX,EAAU,UAAV,QAAAW,EAAiB;AAAA,IAErB,CAAC,GAEDJ,EAAMX,GAAM,MAAM;;AAChB,OAAAU,IAAAN,EAAU,UAAV,QAAAM,EAAiB,QAAQV,EAAK;AAAA,IAChC,CAAC,GAEDgB,EAAa;AAAA,MACX,WAAAZ;AAAA,IAAA,CACD,mBAQCa,EAA4C,OAAA;AAAA,MAAvC,6BAAA;AAAA,eAA8B;AAAA,MAAJ,KAAIX;AAAA,IAAA;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<LeafletFlowMap<PointDatum, FlowDatum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new LeafletFlowMap<PointDatum, FlowDatum>(elRef.value, config.value, data.value)\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \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 VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-leaflet-flow-map] {\n display:block;\n position:relative;\n }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AAkDO,MAAMA,IAA6BC,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzCzD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIP,EAAsCS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAGnG,CAAC;AAAA,IACH,CAAC,GAEDS,EAAY,MAAM;AAChB,MAAAL,EAAU,OAAO,QAAA;AAAA,IAEnB,CAAC,GAEDM,EAAMR,GAAQ,CAACS,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDM,EAAMV,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,mBAQCW,EAA4C,OAAA;AAAA,MAAvC,6BAAA;AAAA,eAA8B;AAAA,MAAJ,KAAIT;AAAA,IAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@unovis/ts"),c=require("../../utils/props.cjs"),f=s.LeafletMap.selectors,F=t.defineComponent({__name:"index",props:{width:{},height:{},flyToDuration:{},fitViewPadding:{},zoomDuration:{},initialBounds:{},fitBoundsOnUpdate:{},fitViewOnInit:{type:Boolean},fitViewOnUpdate:{type:Boolean},style:{},styleDarkTheme:{},accessToken:{},attribution:{},renderer:{},onMapInitialized:{type:Function},onMapMoveZoom:{type:Function},onMapMoveStart:{type:Function},onMapMoveEnd:{type:Function},onMapZoomStart:{type:Function},onMapZoomEnd:{type:Function},onMapClick:{type:Function},pointLongitude:{type:[Function,Number,null]},pointLatitude:{type:[Function,Number,null]},pointId:{type:[Function,String,null]},pointShape:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,null]},pointBottomLabel:{type:[Function,String,null]},pointCursor:{type:[Function,String,null]},pointRingWidth:{},selectedPointId:{},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:y}){const u=d,o=t.computed(()=>u.data),i=c.useForwardProps(u),n=t.ref(),l=t.ref();return t.onMounted(()=>{t.nextTick(()=>{l.value&&(n.value=new s.LeafletMap(l.value,i.value,o.value))})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy()}),t.watch(i,(e,a)=>{var r,p;c.arePropsEqual(e,a)||((r=n.value)==null||r.setConfig(i.value),(p=n.value)==null||p.render())}),t.watch(o,()=>{var e;(e=n.value)==null||e.setData(o.value)}),y({component:n}),(e,a)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:l},null,512))}});exports.VisLeafletMapSelectors=f;exports.default=F;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@unovis/ts"),r=require("../../utils/props.cjs"),d=p.LeafletMap.selectors,y=t.defineComponent({__name:"index",props:{width:{},height:{},flyToDuration:{},fitViewPadding:{},zoomDuration:{},initialBounds:{},fitBoundsOnUpdate:{},fitViewOnInit:{type:Boolean},fitViewOnUpdate:{type:Boolean},style:{},styleDarkTheme:{},accessToken:{},attribution:{},renderer:{},onMapInitialized:{type:Function},onMapMoveZoom:{type:Function},onMapMoveStart:{type:Function},onMapMoveEnd:{type:Function},onMapZoomStart:{type:Function},onMapZoomEnd:{type:Function},onMapClick:{type:Function},pointLongitude:{type:[Function,Number,null]},pointLatitude:{type:[Function,Number,null]},pointId:{type:[Function,String,null]},pointShape:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,null]},pointBottomLabel:{type:[Function,String,null]},pointCursor:{type:[Function,String,null]},pointRingWidth:{},selectedPointId:{},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(c,{expose:s}){const l=c,n=t.computed(()=>l.data),o=r.useForwardProps(l),e=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(e.value=new p.LeafletMap(i.value,o.value,n.value))})}),t.onUnmounted(()=>{e.value?.destroy()}),t.watch(o,(u,a)=>{r.arePropsEqual(u,a)||(e.value?.setConfig(o.value),e.value?.render())}),t.watch(n,()=>{e.value?.setData(n.value)}),s({component:e}),(u,a)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:i},null,512))}});exports.VisLeafletMapSelectors=d;exports.default=y;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { LeafletMap, LeafletMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = LeafletMapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<LeafletMap<Datum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new LeafletMap<Datum>(elRef.value, config.value, data.value)\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \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 VisLeafletMapSelectors = LeafletMap.selectors\n</script>\n\n<template>\n <div data-vis-leaflet-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-leaflet-map] {\n display:block;\n position:relative;\n }\n</style>\n"],"names":["VisLeafletMapSelectors","LeafletMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_createElementBlock"],"mappings":"8LAkDaA,EAAyBC,EAAAA,WAAW,w5CAzCjD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIP,EAAAA,WAAkBS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAG/E,CAAC,CACH,CAAC,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,QAClCa,EAAAX,EAAU,QAAV,MAAAW,EAAiB,SAErB,CAAC,EAEDJ,EAAAA,MAAMX,EAAM,IAAM,QAChBU,EAAAN,EAAU,QAAV,MAAAM,EAAiB,QAAQV,EAAK,MAChC,CAAC,EAEDgB,EAAa,CACX,UAAAZ,CAAA,CACD,wBAQCa,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIX,CAAA"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { LeafletMap, LeafletMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = LeafletMapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<LeafletMap<Datum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n nextTick(() => {\n if(elRef.value)\n component.value = new LeafletMap<Datum>(elRef.value, config.value, data.value)\n \n \n })\n})\n\nonUnmounted(() => {\n component.value?.destroy()\n \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 VisLeafletMapSelectors = LeafletMap.selectors\n</script>\n\n<template>\n <div data-vis-leaflet-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n [data-vis-leaflet-map] {\n display:block;\n position:relative;\n }\n</style>\n"],"names":["VisLeafletMapSelectors","LeafletMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LAkDaA,EAAyBC,EAAAA,WAAW,w5CAzCjD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIP,EAAAA,WAAkBS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAG/E,CAAC,CACH,CAAC,EAEDS,EAAAA,YAAY,IAAM,CAChBL,EAAU,OAAO,QAAA,CAEnB,CAAC,EAEDM,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BR,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDM,EAAAA,MAAMV,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,wBAQCW,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIT,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { LeafletMap, LeafletMapConfigInterface, GenericDataRecord } from '@unovis/ts';
2
2
 
3
- export declare const VisLeafletMapSelectors: typeof import("@unovis/ts/dist/components/leaflet-map/style");
3
+ export declare const VisLeafletMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
4
4
  declare const _default: <Datum extends GenericDataRecord>(__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
5
  props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (LeafletMapConfigInterface<Datum> & {
6
6
  data?: Datum[];