@unovis/vue 1.5.0-beta.3 → 1.5.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.
- package/components/annotations/index.cjs +1 -1
- package/components/annotations/index.cjs.map +1 -1
- package/components/annotations/index.d.ts +5 -5
- package/components/annotations/index.js +14 -14
- package/components/annotations/index.js.map +1 -1
- package/components/area/index.cjs +1 -1
- package/components/area/index.cjs.map +1 -1
- package/components/area/index.d.ts +1 -1
- package/components/area/index.js +23 -23
- package/components/area/index.js.map +1 -1
- package/components/axis/index.cjs +1 -1
- package/components/axis/index.cjs.map +1 -1
- package/components/axis/index.d.ts +1 -1
- package/components/axis/index.js +16 -16
- package/components/axis/index.js.map +1 -1
- package/components/brush/index.cjs +1 -1
- package/components/brush/index.cjs.map +1 -1
- package/components/brush/index.d.ts +1 -1
- package/components/brush/index.js +17 -17
- package/components/brush/index.js.map +1 -1
- package/components/chord-diagram/index.cjs +1 -1
- package/components/chord-diagram/index.cjs.map +1 -1
- package/components/chord-diagram/index.d.ts +1 -1
- package/components/chord-diagram/index.js +27 -27
- package/components/chord-diagram/index.js.map +1 -1
- package/components/crosshair/index.cjs +1 -1
- package/components/crosshair/index.cjs.map +1 -1
- package/components/crosshair/index.d.ts +1 -1
- package/components/crosshair/index.js +1 -1
- package/components/crosshair/index.js.map +1 -1
- package/components/donut/index.cjs +1 -1
- package/components/donut/index.cjs.map +1 -1
- package/components/donut/index.d.ts +2 -2
- package/components/donut/index.js +14 -14
- package/components/donut/index.js.map +1 -1
- package/components/free-brush/index.cjs +1 -1
- package/components/free-brush/index.cjs.map +1 -1
- package/components/free-brush/index.d.ts +1 -1
- package/components/free-brush/index.js +18 -18
- package/components/free-brush/index.js.map +1 -1
- package/components/graph/index.cjs +1 -1
- package/components/graph/index.cjs.map +1 -1
- package/components/graph/index.d.ts +1 -1
- package/components/graph/index.js +59 -59
- package/components/graph/index.js.map +1 -1
- package/components/grouped-bar/index.cjs +1 -1
- package/components/grouped-bar/index.cjs.map +1 -1
- package/components/grouped-bar/index.d.ts +1 -1
- package/components/grouped-bar/index.js +25 -25
- package/components/grouped-bar/index.js.map +1 -1
- package/components/line/index.cjs +1 -1
- package/components/line/index.cjs.map +1 -1
- package/components/line/index.d.ts +1 -1
- package/components/line/index.js +23 -23
- package/components/line/index.js.map +1 -1
- package/components/nested-donut/index.cjs +1 -1
- package/components/nested-donut/index.cjs.map +1 -1
- package/components/nested-donut/index.d.ts +2 -2
- package/components/nested-donut/index.js +22 -22
- package/components/nested-donut/index.js.map +1 -1
- package/components/sankey/index.cjs +1 -1
- package/components/sankey/index.cjs.map +1 -1
- package/components/sankey/index.d.ts +1 -1
- package/components/sankey/index.js +35 -35
- package/components/sankey/index.js.map +1 -1
- package/components/scatter/index.cjs +1 -1
- package/components/scatter/index.cjs.map +1 -1
- package/components/scatter/index.d.ts +1 -1
- package/components/scatter/index.js +27 -27
- package/components/scatter/index.js.map +1 -1
- package/components/stacked-bar/index.cjs +1 -1
- package/components/stacked-bar/index.cjs.map +1 -1
- package/components/stacked-bar/index.d.ts +1 -1
- package/components/stacked-bar/index.js +22 -22
- package/components/stacked-bar/index.js.map +1 -1
- package/components/timeline/index.cjs +1 -1
- package/components/timeline/index.cjs.map +1 -1
- package/components/timeline/index.d.ts +2 -2
- package/components/timeline/index.js +1 -1
- package/components/timeline/index.js.map +1 -1
- package/components/tooltip/index.cjs +1 -1
- package/components/tooltip/index.cjs.map +1 -1
- package/components/tooltip/index.d.ts +5 -5
- package/components/tooltip/index.js +15 -15
- package/components/tooltip/index.js.map +1 -1
- package/components/topojson-map/index.cjs +1 -1
- package/components/topojson-map/index.cjs.map +1 -1
- package/components/topojson-map/index.d.ts +1 -1
- package/components/topojson-map/index.js +39 -39
- package/components/topojson-map/index.js.map +1 -1
- package/components/xy-labels/index.cjs +1 -1
- package/components/xy-labels/index.cjs.map +1 -1
- package/components/xy-labels/index.d.ts +1 -1
- package/components/xy-labels/index.js +38 -38
- package/components/xy-labels/index.js.map +1 -1
- package/containers/single-container/index.cjs.map +1 -1
- package/containers/single-container/index.d.ts +1 -1
- package/containers/single-container/index.js.map +1 -1
- package/containers/single-container/index3.cjs +1 -1
- package/containers/single-container/index3.js +1 -1
- package/containers/xy-container/index.cjs.map +1 -1
- package/containers/xy-container/index.d.ts +1 -1
- package/containers/xy-container/index.js.map +1 -1
- package/containers/xy-container/index3.cjs +1 -1
- package/containers/xy-container/index3.js +1 -1
- package/html-components/bullet-legend/index.cjs +1 -1
- package/html-components/bullet-legend/index.cjs.map +1 -1
- package/html-components/bullet-legend/index.d.ts +5 -5
- package/html-components/bullet-legend/index.js +11 -11
- package/html-components/bullet-legend/index.js.map +1 -1
- package/html-components/bullet-legend/index3.cjs +1 -1
- package/html-components/bullet-legend/index3.js +1 -1
- package/html-components/leaflet-flow-map/index.cjs +1 -1
- package/html-components/leaflet-flow-map/index.cjs.map +1 -1
- package/html-components/leaflet-flow-map/index.d.ts +1 -1
- package/html-components/leaflet-flow-map/index.js +43 -43
- package/html-components/leaflet-flow-map/index.js.map +1 -1
- package/html-components/leaflet-flow-map/index3.cjs +1 -1
- package/html-components/leaflet-flow-map/index3.js +1 -1
- package/html-components/leaflet-map/index.cjs +1 -1
- package/html-components/leaflet-map/index.cjs.map +1 -1
- package/html-components/leaflet-map/index.d.ts +1 -1
- package/html-components/leaflet-map/index.js +32 -32
- package/html-components/leaflet-map/index.js.map +1 -1
- package/html-components/leaflet-map/index3.cjs +1 -1
- package/html-components/leaflet-map/index3.js +1 -1
- package/index.cjs +2 -2
- package/index.js +6 -6
- package/package.json +6 -6
- package/utils/props.cjs.map +1 -1
- package/utils/props.js.map +1 -1
- package/containers/single-container/index2.cjs +0 -2
- package/containers/single-container/index2.cjs.map +0 -1
- package/containers/single-container/index2.js +0 -5
- package/containers/single-container/index2.js.map +0 -1
- package/containers/xy-container/index2.cjs +0 -2
- package/containers/xy-container/index2.cjs.map +0 -1
- package/containers/xy-container/index2.js +0 -5
- package/containers/xy-container/index2.js.map +0 -1
- package/html-components/bullet-legend/index2.cjs +0 -2
- package/html-components/bullet-legend/index2.cjs.map +0 -1
- package/html-components/bullet-legend/index2.js +0 -5
- package/html-components/bullet-legend/index2.js.map +0 -1
- package/html-components/leaflet-flow-map/index2.cjs +0 -2
- package/html-components/leaflet-flow-map/index2.cjs.map +0 -1
- package/html-components/leaflet-flow-map/index2.js +0 -5
- package/html-components/leaflet-flow-map/index2.js.map +0 -1
- package/html-components/leaflet-map/index2.cjs +0 -2
- package/html-components/leaflet-map/index2.cjs.map +0 -1
- package/html-components/leaflet-map/index2.js +0 -5
- package/html-components/leaflet-map/index2.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey, } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n component: undefined,\n tooltip: undefined,\n annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n if (chart) return\n if (elRef.value && config.component)\n chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n initChart()\n // watch deep changes in components config\n const t = config.component?.config\n chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n if (chart) {\n chart.setData(data.value, true)\n } else {\n initChart()\n }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: ComponentCore<T>) => config.component = c,\n destroy: () => config.component = 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\n\ndefineExpose({\n component: chart\n})\n</script>\n\n<template>\n <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n <slot />\n </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n display: block;\n position: relative;\n width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":"waAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAA,OAAOH,CAAK,EACvBI,EAAcC,kBAAgBL,CAAK,EAErC,IAAAM,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,OACT,YAAa,MAAA,CACd,EACKC,EAAQC,EAAAA,IAAoB,EAE5BC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YAChBD,EAAA,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAC7E,EAEAY,OAAAA,EAAAA,YAAY,IAAM,OACNH,EAAA,GAEAI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OACrBT,GAAA,MAAAA,EAAA,gBAAgB,CAAE,GAAGO,QAAMT,EAAY,KAAK,EAAG,GAAGS,EAAAA,MAAMN,CAAM,GAAG,CACzE,EAEDS,EAAA,MAAMd,EAAM,IAAM,CACZI,EACIA,EAAA,QAAQJ,EAAK,MAAO,EAAI,EAEpBS,EAAA,CACZ,CACD,EAEWM,cAAA,IAAMX,GAAA,YAAAA,EAAO,SAAS,EAElCY,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAjB,EACA,OAASkB,GAAwBb,EAAO,UAAYa,EACpD,QAAS,IAAMb,EAAO,UAAY,MAAA,CACnC,EAEDW,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAAnB,EACA,OAASoB,GAAef,EAAO,QAAUe,EACzC,QAAS,IAAM,CAAEf,EAAO,QAAU,MAAA,CAAU,CAC7C,EAEDW,EAAAA,QAAQK,EAAAA,uBAAwB,CAC9B,KAAArB,EACA,OAASsB,GAAmBjB,EAAO,YAAciB,EACjD,QAAS,IAAM,CAAEjB,EAAO,YAAc,MAAA,CAAU,CACjD,EAGYkB,EAAA,CACX,UAAWnB,CAAA,CACZ"}
|
|
@@ -8,8 +8,8 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
|
|
|
8
8
|
duration?: number;
|
|
9
9
|
data?: T;
|
|
10
10
|
width?: string | number;
|
|
11
|
-
tooltip?: Tooltip;
|
|
12
11
|
component?: ComponentCore<T, import("@unovis/ts").ComponentConfigInterface>;
|
|
12
|
+
tooltip?: Tooltip;
|
|
13
13
|
annotations?: Annotations;
|
|
14
14
|
margin?: import("@unovis/ts").Spacing;
|
|
15
15
|
padding?: import("@unovis/ts").Spacing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey, } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n component: undefined,\n tooltip: undefined,\n annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n if (chart) return\n if (elRef.value && config.component)\n chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n initChart()\n // watch deep changes in components config\n const t = config.component?.config\n chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n if (chart) {\n chart.setData(data.value, true)\n } else {\n initChart()\n }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n data,\n update: (c: ComponentCore<T>) => config.component = c,\n destroy: () => config.component = 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\n\ndefineExpose({\n component: chart\n})\n</script>\n\n<template>\n <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n <slot />\n </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n display: block;\n position: relative;\n width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","annotationsAccessorKey","a","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK;AAErC,QAAAM;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA,CACd,GACKC,IAAQC,EAAoB,GAE5BC,IAAY,MAAM;AACtB,MAAIL,KACAG,EAAM,SAASF,EAAO,cAChBD,IAAA,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAC7E;AAEA,WAAAY,EAAY,MAAM;;AACN,MAAAH,EAAA,IAEAI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QACrBT,KAAA,QAAAA,EAAA,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM;IAAG,CACzE,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACIA,EAAA,QAAQJ,EAAK,OAAO,EAAI,IAEpBS,EAAA;AAAA,IACZ,CACD,GAEWM,EAAA,MAAMX,KAAA,gBAAAA,EAAO,SAAS,GAElCY,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAAwBb,EAAO,YAAYa;AAAA,MACpD,SAAS,MAAMb,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDW,EAAQG,GAAoB;AAAA,MAC1B,MAAAnB;AAAA,MACA,QAAQ,CAAC,MAAeK,EAAO,UAAU;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAA,EAAO,UAAU;AAAA,MAAA;AAAA,IAAU,CAC7C,GAEDW,EAAQI,GAAwB;AAAA,MAC9B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAmBhB,EAAO,cAAcgB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAhB,EAAO,cAAc;AAAA,MAAA;AAAA,IAAU,CACjD,GAGYiB,EAAA;AAAA,MACX,WAAWlB;AAAA,IAAA,CACZ;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");;/* empty css */exports.default=e.default;
|
|
2
2
|
//# sourceMappingURL=index3.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue
|
|
1
|
+
{"version":3,"file":"index.cjs","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","i","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":"gwBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAA,OAAOH,CAAK,EACvBI,EAAcC,kBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAgC,EACxCC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAC,EACb,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAoB,EAElCI,OAAAA,EAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CACtC,CACD,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAM,MAAAX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAAG,CAC/E,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAaJ,EAAA,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAE,EAAGN,EAAK,KAAK,EAAA,CAC7F,EAEDgB,EAAAA,YAAY,IAAM,OAAA,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAM,OAAA,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAYO,GAAA,CAACA,EAAE,YAAa,GAAA,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAASb,EAAA,GAAGa,CAAC,MAAM,EAAI,MAAA,CAAU,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAA,CAAU,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAA,CAAU,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAA,CAAU,CACjD,EAEYoB,EAAA,CACX,UAAWtB,CAAA,CACZ"}
|
|
@@ -36,7 +36,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
|
|
|
36
36
|
scaleByDomain?: boolean;
|
|
37
37
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
38
38
|
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
39
|
-
component: import("vue").Ref<XYContainer<T>>;
|
|
39
|
+
component: import("vue").Ref<XYContainer<T>, XYContainer<T>>;
|
|
40
40
|
}>): void;
|
|
41
41
|
attrs: any;
|
|
42
42
|
slots: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue
|
|
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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAgC,GACxCC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAC;AAAA,MACb,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAoB;AAElC,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IACtC,CACD,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,IAAG,CAC/E,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAaJ,EAAA,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAE,GAAGN,EAAK,KAAK;AAAA,IAAA,CAC7F,GAEDe,EAAY,MAAM;;AAAA,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,MAAM;;AAAA,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAKO,MAAA,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;AAAS,QAAAZ,EAAA,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAA;AAAA,IAAU,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAA;AAAA,IAAU,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAA;AAAA,IAAU,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAA;AAAA,IAAU,CACjD,GAEYmB,EAAA;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");;/* empty css */exports.default=e.default;
|
|
2
2
|
//# sourceMappingURL=index3.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),p=d.BulletLegend.selectors,v=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),p=d.BulletLegend.selectors,v=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(c,{expose:i}){const r=c;e.computed(()=>r.data);const n=s.useForwardProps(r),o=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(o.value=new d.BulletLegend(l.value,{...n.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(n,(t,u)=>{var a;s.arePropsEqual(t,u)||(a=o.value)==null||a.update(n.value)}),i({component:o}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});exports.VisBulletLegendSelectors=p;exports.default=v;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue
|
|
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?.update(config.value)\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","__expose"],"mappings":"8LA8CaA,EAA2BC,EAAAA,aAAa,sQArCrD,MAAMC,EAAQC,EAEDC,EAAA,SAAS,IAAMF,EAAM,IAAI,EAEhC,MAAAG,EAASC,kBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAkB,EAC9BC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIN,EAAA,aAAaQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAAA,CAGrG,CAAA,CACF,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,OAAOR,EAAO,MACjC,CACD,EAGYa,EAAA,CACX,UAAAX,CAAA,CACD"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BulletLegend, BulletLegendItemInterface } from '@unovis/ts';
|
|
2
2
|
export declare const VisBulletLegendSelectors: typeof import("@unovis/ts/lib/components/bullet-legend/style");
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
4
|
items: {
|
|
5
5
|
type: import("vue").PropType<BulletLegendItemInterface[]>;
|
|
6
6
|
required: true;
|
|
@@ -32,9 +32,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
32
32
|
data: {
|
|
33
33
|
type: import("vue").PropType<never>;
|
|
34
34
|
};
|
|
35
|
-
}
|
|
36
|
-
component: import("vue").Ref<BulletLegend>;
|
|
37
|
-
},
|
|
35
|
+
}>, {
|
|
36
|
+
component: import("vue").Ref<BulletLegend, BulletLegend>;
|
|
37
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
38
|
items: {
|
|
39
39
|
type: import("vue").PropType<BulletLegendItemInterface[]>;
|
|
40
40
|
required: true;
|
|
@@ -66,5 +66,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
66
|
data: {
|
|
67
67
|
type: import("vue").PropType<never>;
|
|
68
68
|
};
|
|
69
|
-
}
|
|
69
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
70
70
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as c, computed as p, ref as
|
|
2
|
-
import { BulletLegend as
|
|
1
|
+
import { defineComponent as c, computed as p, ref as d, onMounted as m, nextTick as f, onUnmounted as v, watch as _, openBlock as b, createElementBlock as x } from "vue";
|
|
2
|
+
import { BulletLegend as u } from "@unovis/ts";
|
|
3
3
|
import { useForwardProps as g, arePropsEqual as k } from "../../utils/props.js";
|
|
4
|
-
const
|
|
4
|
+
const P = u.selectors, S = /* @__PURE__ */ c({
|
|
5
5
|
__name: "index",
|
|
6
6
|
props: {
|
|
7
7
|
items: {},
|
|
@@ -10,18 +10,18 @@ const F = d.selectors, P = /* @__PURE__ */ c({
|
|
|
10
10
|
labelFontSize: {},
|
|
11
11
|
labelMaxWidth: {},
|
|
12
12
|
bulletSize: {},
|
|
13
|
-
bulletShape: {
|
|
13
|
+
bulletShape: {},
|
|
14
14
|
orientation: {},
|
|
15
15
|
renderIntoProvidedDomNode: { type: Boolean },
|
|
16
16
|
data: {}
|
|
17
17
|
},
|
|
18
|
-
setup(
|
|
19
|
-
const l =
|
|
18
|
+
setup(s, { expose: i }) {
|
|
19
|
+
const l = s;
|
|
20
20
|
p(() => l.data);
|
|
21
|
-
const t = g(l), o =
|
|
21
|
+
const t = g(l), o = d(), n = d();
|
|
22
22
|
return m(() => {
|
|
23
23
|
f(() => {
|
|
24
|
-
n.value && (o.value = new
|
|
24
|
+
n.value && (o.value = new u(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
|
|
25
25
|
});
|
|
26
26
|
}), v(() => {
|
|
27
27
|
var e;
|
|
@@ -29,7 +29,7 @@ const F = d.selectors, P = /* @__PURE__ */ c({
|
|
|
29
29
|
}), _(t, (e, a) => {
|
|
30
30
|
var r;
|
|
31
31
|
k(e, a) || (r = o.value) == null || r.update(t.value);
|
|
32
|
-
}),
|
|
32
|
+
}), i({
|
|
33
33
|
component: o
|
|
34
34
|
}), (e, a) => (b(), x("div", {
|
|
35
35
|
"data-vis-bullet-legend": "",
|
|
@@ -39,7 +39,7 @@ const F = d.selectors, P = /* @__PURE__ */ c({
|
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
export {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
P as VisBulletLegendSelectors,
|
|
43
|
+
S as default
|
|
44
44
|
};
|
|
45
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue
|
|
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?.update(config.value)\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","__expose"],"mappings":";;;AA8CO,MAAMA,IAA2BC,EAAa;;;;;;;;;;;;;;;AArCrD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEhC,UAAAG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAkB,GAC9BC,IAAQD,EAAoB;AAElC,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIN,EAAaQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAAA,CAGrG;AAAA,IAAA,CACF,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,OAAOR,EAAO;AAAA,IACjC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAX;AAAA,IAAA,CACD;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");;/* empty css */exports.VisBulletLegendSelectors=e.VisBulletLegendSelectors;exports.default=e.default;
|
|
2
2
|
//# sourceMappingURL=index3.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
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.LeafletFlowMap.selectors,y=e.defineComponent({__name:"index",props:{sourceLongitude:{},sourceLatitude:{},targetLongitude:{},targetLatitude:{},sourcePointRadius:{},sourcePointColor:{},flowParticleColor:{},flowParticleRadius:{},flowParticleSpeed:{},flowParticleDensity:{},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:{},pointLatitude:{},pointId:{},pointShape:{},pointColor:{},pointRadius:{},pointLabel:{},pointLabelColor:{},pointBottomLabel:{},pointCursor:{},pointRingWidth:{},selectedPointId:{},clusterColor:{},clusterRadius:{},clusterLabel:{},clusterLabelColor:{},clusterBottomLabel:{},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:p}){const a=s,d=e.computed(()=>a.data),n=u.useForwardProps(a),o=e.ref(),i=e.ref();return e.onMounted(()=>{e.nextTick(()=>{i.value&&(o.value=new c.LeafletFlowMap(i.value,n.value,d.value))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(n,(t,l)=>{var r;u.arePropsEqual(t,l)||(r=o.value)==null||r.setConfig(n.value)}),p({component:o}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:i},null,512))}});exports.VisLeafletFlowMapSelectors=f;exports.default=y;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue
|
|
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 }\n})\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","__expose"],"mappings":"8LA8CaA,EAA6BC,EAAAA,eAAe,ozCArCzD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAA2C,EACvDC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIP,EAAAA,eAAsCS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAAA,CAGlG,CAAA,CACF,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUR,EAAO,MACpC,CACD,EAGYa,EAAA,CACX,UAAAX,CAAA,CACD"}
|
|
@@ -109,7 +109,7 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
|
|
|
109
109
|
};
|
|
110
110
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
111
111
|
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
112
|
-
component: import("vue").Ref<LeafletFlowMap<PointDatum, FlowDatum>>;
|
|
112
|
+
component: import("vue").Ref<LeafletFlowMap<PointDatum, FlowDatum>, LeafletFlowMap<PointDatum, FlowDatum>>;
|
|
113
113
|
}>): void;
|
|
114
114
|
attrs: any;
|
|
115
115
|
slots: {};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { LeafletFlowMap as
|
|
3
|
-
import { useForwardProps as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as d, computed as f, ref as r, onMounted as m, nextTick as y, onUnmounted as L, watch as M, openBlock as v, createElementBlock as w } from "vue";
|
|
2
|
+
import { LeafletFlowMap as u } from "@unovis/ts";
|
|
3
|
+
import { useForwardProps as g, arePropsEqual as F } from "../../utils/props.js";
|
|
4
|
+
const k = u.selectors, b = /* @__PURE__ */ d({
|
|
5
5
|
__name: "index",
|
|
6
6
|
props: {
|
|
7
|
-
sourceLongitude: {
|
|
8
|
-
sourceLatitude: {
|
|
9
|
-
targetLongitude: {
|
|
10
|
-
targetLatitude: {
|
|
11
|
-
sourcePointRadius: {
|
|
12
|
-
sourcePointColor: {
|
|
13
|
-
flowParticleColor: {
|
|
14
|
-
flowParticleRadius: {
|
|
15
|
-
flowParticleSpeed: {
|
|
16
|
-
flowParticleDensity: {
|
|
7
|
+
sourceLongitude: {},
|
|
8
|
+
sourceLatitude: {},
|
|
9
|
+
targetLongitude: {},
|
|
10
|
+
targetLatitude: {},
|
|
11
|
+
sourcePointRadius: {},
|
|
12
|
+
sourcePointColor: {},
|
|
13
|
+
flowParticleColor: {},
|
|
14
|
+
flowParticleRadius: {},
|
|
15
|
+
flowParticleSpeed: {},
|
|
16
|
+
flowParticleDensity: {},
|
|
17
17
|
onSourcePointClick: { type: Function },
|
|
18
18
|
onSourcePointMouseEnter: { type: Function },
|
|
19
19
|
onSourcePointMouseLeave: { type: Function },
|
|
@@ -38,23 +38,23 @@ const P = a.selectors, C = /* @__PURE__ */ y({
|
|
|
38
38
|
onMapZoomStart: { type: Function },
|
|
39
39
|
onMapZoomEnd: { type: Function },
|
|
40
40
|
onMapClick: { type: Function },
|
|
41
|
-
pointLongitude: {
|
|
42
|
-
pointLatitude: {
|
|
43
|
-
pointId: {
|
|
44
|
-
pointShape: {
|
|
45
|
-
pointColor: {
|
|
46
|
-
pointRadius: {
|
|
47
|
-
pointLabel: {
|
|
48
|
-
pointLabelColor: {
|
|
49
|
-
pointBottomLabel: {
|
|
50
|
-
pointCursor: {
|
|
41
|
+
pointLongitude: {},
|
|
42
|
+
pointLatitude: {},
|
|
43
|
+
pointId: {},
|
|
44
|
+
pointShape: {},
|
|
45
|
+
pointColor: {},
|
|
46
|
+
pointRadius: {},
|
|
47
|
+
pointLabel: {},
|
|
48
|
+
pointLabelColor: {},
|
|
49
|
+
pointBottomLabel: {},
|
|
50
|
+
pointCursor: {},
|
|
51
51
|
pointRingWidth: {},
|
|
52
52
|
selectedPointId: {},
|
|
53
|
-
clusterColor: {
|
|
54
|
-
clusterRadius: {
|
|
55
|
-
clusterLabel: {
|
|
56
|
-
clusterLabelColor: {
|
|
57
|
-
clusterBottomLabel: {
|
|
53
|
+
clusterColor: {},
|
|
54
|
+
clusterRadius: {},
|
|
55
|
+
clusterLabel: {},
|
|
56
|
+
clusterLabelColor: {},
|
|
57
|
+
clusterBottomLabel: {},
|
|
58
58
|
clusterRingWidth: {},
|
|
59
59
|
clusterBackground: { type: Boolean },
|
|
60
60
|
clusterExpandOnClick: { type: Boolean },
|
|
@@ -69,28 +69,28 @@ const P = a.selectors, C = /* @__PURE__ */ y({
|
|
|
69
69
|
data: {}
|
|
70
70
|
},
|
|
71
71
|
setup(c, { expose: p }) {
|
|
72
|
-
const i = c, s =
|
|
73
|
-
return
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
const i = c, s = f(() => i.data), t = g(i), e = r(), n = r();
|
|
73
|
+
return m(() => {
|
|
74
|
+
y(() => {
|
|
75
|
+
n.value && (e.value = new u(n.value, t.value, s.value));
|
|
76
76
|
});
|
|
77
|
-
}),
|
|
78
|
-
var
|
|
79
|
-
(
|
|
80
|
-
}),
|
|
77
|
+
}), L(() => {
|
|
78
|
+
var o;
|
|
79
|
+
(o = e.value) == null || o.destroy();
|
|
80
|
+
}), M(t, (o, a) => {
|
|
81
81
|
var l;
|
|
82
|
-
|
|
82
|
+
F(o, a) || (l = e.value) == null || l.setConfig(t.value);
|
|
83
83
|
}), p({
|
|
84
|
-
component:
|
|
85
|
-
}), (
|
|
84
|
+
component: e
|
|
85
|
+
}), (o, a) => (v(), w("div", {
|
|
86
86
|
"data-vis-leaflet-flow-map": "",
|
|
87
87
|
ref_key: "elRef",
|
|
88
|
-
ref:
|
|
88
|
+
ref: n
|
|
89
89
|
}, null, 512));
|
|
90
90
|
}
|
|
91
91
|
});
|
|
92
92
|
export {
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
k as VisLeafletFlowMapSelectors,
|
|
94
|
+
b as default
|
|
95
95
|
};
|
|
96
96
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.vue
|
|
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 }\n})\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","__expose"],"mappings":";;;AA8CO,MAAMA,IAA6BC,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArCzD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAA2C,GACvDC,IAAQD,EAAoB;AAElC,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIP,EAAsCS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAAA,CAGlG;AAAA,IAAA,CACF,GAEDS,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAX;AAAA,IAAA,CACD;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");;/* empty css */exports.VisLeafletFlowMapSelectors=e.VisLeafletFlowMapSelectors;exports.default=e.default;
|
|
2
2
|
//# sourceMappingURL=index3.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@unovis/ts"),u=require("../../utils/props.cjs"),f=p.LeafletMap.selectors,y=e.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:{},pointLatitude:{},pointId:{},pointShape:{},pointColor:{},pointRadius:{},pointLabel:{},pointLabelColor:{},pointBottomLabel:{},pointCursor:{},pointRingWidth:{},selectedPointId:{},clusterColor:{},clusterRadius:{},clusterLabel:{},clusterLabelColor:{},clusterBottomLabel:{},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:c}){const i=s,d=e.computed(()=>i.data),n=u.useForwardProps(i),o=e.ref(),a=e.ref();return e.onMounted(()=>{e.nextTick(()=>{a.value&&(o.value=new p.LeafletMap(a.value,n.value,d.value))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(n,(t,l)=>{var r;u.arePropsEqual(t,l)||(r=o.value)==null||r.setConfig(n.value)}),c({component:o}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:a},null,512))}});exports.VisLeafletMapSelectors=f;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
|
|
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 }\n})\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","__expose"],"mappings":"8LA8CaA,EAAyBC,EAAAA,WAAW,u/BArCjD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAuB,EACnCC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIP,EAAAA,WAAkBS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAAA,CAG9E,CAAA,CACF,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUR,EAAO,MACpC,CACD,EAGYa,EAAA,CACX,UAAAX,CAAA,CACD"}
|