@unovis/vue 1.3.0-alpha.4 → 1.3.0-beta.3

package/containers/xy-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed, reactive, watchEffect, shallowRef, Ref } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps({ ...props }, instance))\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = ref({\n  components: [],\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as Ref<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  chart.value?.updateContainer({ ...parsedProps.value, ...config.value })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, config.value, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.value.components = [...config.value.components!, c],\n  destroy: () => config.value.components = config.value.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config.value[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config.value[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.value.crosshair = c,\n  destroy: () => { config.value.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.value.tooltip = t,\n  destroy: () => { config.value.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","watch","watchEffect","_a","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\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\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","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","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}

package/html-components/bullet-legend/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},data:{}},setup(r,{expose:i}){const a=r;e.computed(()=>a.data);const p=e.getCurrentInstance(),o=e.computed(()=>c.parseProps({...a},p)),n=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(n.value=new d.BulletLegend(l.value,o.value))})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy()}),e.watch(o,(t,s)=>{var u;c.arePropsEqual(t,s)||(u=n.value)==null||u.update(o.value)}),i({component:n}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});module.exports=f;
+"use strict";const e=require("vue"),p=require("@unovis/ts"),s=require("../../utils/props.cjs"),d=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},data:{}},setup(c,{expose:i}){const a=c;e.computed(()=>a.data);const o=s.useForwardProps(a),n=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(n.value=new p.BulletLegend(l.value,o.value))})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy()}),e.watch(o,(t,u)=>{var r;s.arePropsEqual(t,u)||(r=n.value)==null||r.update(o.value)}),i({component:n}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});module.exports=d;
 //# sourceMappingURL=index.cjs.map

package/html-components/bullet-legend/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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)\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"+FAU4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,YAAa,CAAC,EACd,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAIDG,WAAS,IAAMD,EAAM,IAAI,EAEtC,MAAME,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGL,CAAS,EAAAE,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIK,EAAA,aAAaH,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDQ,EAAAA,YAAY,IAAM,QAChBC,EAAAP,EAAU,QAAV,MAAAO,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAP,EAAA,QAAA,MAAAO,EAAO,OAAOT,EAAO,MACjC,CACD,EAEQL,EAAA,CACP,UAAAO,CAAA,CACD,EAEM,CAACY,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKb,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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 \ninterface Props extends  BulletLegendConfigInterface { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\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)\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"+FAW4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,YAAa,CAAC,EACd,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAKDG,WAAS,IAAMD,EAAM,IAAI,EAEhC,MAAAE,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIK,EAAA,aAAaH,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDQ,EAAAA,YAAY,IAAM,QAChBC,EAAAP,EAAU,QAAV,MAAAO,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAP,EAAA,QAAA,MAAAO,EAAO,OAAOT,EAAO,MACjC,CACD,EAGQH,EAAA,CACP,UAAAK,CAAA,CACD,EAEM,CAACY,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKb,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}

package/html-components/bullet-legend/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, computed as u, getCurrentInstance as m, ref as c, onMounted as f, nextTick as v, onUnmounted as _, watch as b, openBlock as x, createElementBlock as g } from "vue";
-import { BulletLegend as k } from "@unovis/ts";
-import { parseProps as h, arePropsEqual as C } from "../../utils/props.js";
-const w = /* @__PURE__ */ d({
+import { defineComponent as s, computed as i, ref as u, onMounted as d, nextTick as m, onUnmounted as f, watch as v, openBlock as _, createElementBlock as b } from "vue";
+import { BulletLegend as x } from "@unovis/ts";
+import { useForwardProps as k, arePropsEqual as g } from "../../utils/props.js";
+const B = /* @__PURE__ */ s({
   __name: "index",
   props: {
     items: {},
@@ -13,30 +13,30 @@ const w = /* @__PURE__ */ d({
     bulletShape: {},
     data: {}
   },
-  setup(s, { expose: p }) {
-    const a = s;
-    u(() => a.data);
-    const i = m(), n = u(() => h({ ...a }, i)), t = c(), o = c();
-    return f(() => {
-      v(() => {
-        o.value && (t.value = new k(o.value, n.value));
+  setup(c, { expose: p }) {
+    const n = c;
+    i(() => n.data);
+    const o = k(n), t = u(), l = u();
+    return d(() => {
+      m(() => {
+        l.value && (t.value = new x(l.value, o.value));
       });
-    }), _(() => {
+    }), f(() => {
       var e;
       (e = t.value) == null || e.destroy();
-    }), b(n, (e, l) => {
+    }), v(o, (e, a) => {
       var r;
-      C(e, l) || (r = t.value) == null || r.update(n.value);
+      g(e, a) || (r = t.value) == null || r.update(o.value);
     }), p({
       component: t
-    }), (e, l) => (x(), g("div", {
+    }), (e, a) => (_(), b("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
-      ref: o
+      ref: l
     }, null, 512));
   }
 });
 export {
-  w as default
+  B as default
 };
 //# sourceMappingURL=index.js.map

package/html-components/bullet-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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)\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,aAAa,CAAC;AAAA,IACd,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAID,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEtC,UAAME,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGL,EAAS,GAAAE,CAAQ,CAAC,GAG1DI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIK,EAAaH,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDQ,EAAY,MAAM;;AAChB,OAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAP,EAAA,UAAA,QAAAO,EAAO,OAAOT,EAAO;AAAA,IACjC,CACD,GAEQL,EAAA;AAAA,MACP,WAAAO;AAAA,IAAA,CACD,GAEM,CAACY,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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 \ninterface Props extends  BulletLegendConfigInterface { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\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)\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAWA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,aAAa,CAAC;AAAA,IACd,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAKD,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEhC,UAAAE,IAASC,EAAgBH,CAAK,GAG9BI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIK,EAAaH,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDQ,EAAY,MAAM;;AAChB,OAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAP,EAAA,UAAA,QAAAO,EAAO,OAAOT,EAAO;AAAA,IACjC,CACD,GAGQH,EAAA;AAAA,MACP,WAAAK;AAAA,IAAA,CACD,GAEM,CAACY,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}

package/html-components/leaflet-flow-map/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),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,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(a,{expose:p}){const i=a,s=t.computed(()=>i.data),y=t.getCurrentInstance(),o=t.computed(()=>c.parseProps({...i},y)),e=t.ref(),u=t.ref();return t.onMounted(()=>{t.nextTick(()=>{u.value&&(e.value=new d.LeafletFlowMap(u.value,o.value,s.value))})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy()}),t.watch(o,(n,l)=>{var r;c.arePropsEqual(n,l)||(r=e.value)==null||r.setConfig(o.value)}),p({component:e}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:u},null,512))}});module.exports=F;
+"use strict";const t=require("vue"),y=require("@unovis/ts"),a=require("../../utils/props.cjs"),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,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:p}){const i=c,s=t.computed(()=>i.data),o=a.useForwardProps(i),e=t.ref(),u=t.ref();return t.onMounted(()=>{t.nextTick(()=>{u.value&&(e.value=new y.LeafletFlowMap(u.value,o.value,s.value))})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy()}),t.watch(o,(n,l)=>{var r;a.arePropsEqual(n,l)||(r=e.value)==null||r.setConfig(o.value)}),p({component:e}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:u},null,512))}});module.exports=d;
 //# sourceMappingURL=index.cjs.map

package/html-components/leaflet-flow-map/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    sourceLongitude: { type: [Function, Number, null] },\n    sourceLatitude: { type: [Function, Number, null] },\n    targetLongitude: { type: [Function, Number, null] },\n    targetLatitude: { type: [Function, Number, null] },\n    sourcePointRadius: { type: [Function, Number, null] },\n    sourcePointColor: { type: [Function, String, Array, null] },\n    flowParticleColor: { type: [Function, String, Array, null] },\n    flowParticleRadius: { type: [Function, Number, null] },\n    flowParticleSpeed: { type: [Function, Number, null] },\n    flowParticleDensity: { type: [Function, Number, null] },\n    onSourcePointClick: { type: Function },\n    onSourcePointMouseEnter: { type: Function },\n    onSourcePointMouseLeave: { type: Function },\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-flow-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","LeafletFlowMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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 \ninterface Props extends  LeafletFlowMapConfigInterface<PointDatum, FlowDatum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    sourceLongitude: { type: [Function, Number, null] },\n    sourceLatitude: { type: [Function, Number, null] },\n    targetLongitude: { type: [Function, Number, null] },\n    targetLatitude: { type: [Function, Number, null] },\n    sourcePointRadius: { type: [Function, Number, null] },\n    sourcePointColor: { type: [Function, String, Array, null] },\n    flowParticleColor: { type: [Function, String, Array, null] },\n    flowParticleRadius: { type: [Function, Number, null] },\n    flowParticleSpeed: { type: [Function, Number, null] },\n    flowParticleDensity: { type: [Function, Number, null] },\n    onSourcePointClick: { type: Function },\n    onSourcePointMouseEnter: { type: Function },\n    onSourcePointMouseLeave: { type: Function },\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-flow-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","LeafletFlowMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/html-components/leaflet-flow-map/index.d.ts

@@ -107,9 +107,9 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
             strokeWidth?: number;
         };
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<LeafletFlowMap<PointDatum, FlowDatum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

package/html-components/leaflet-flow-map/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, computed as r, getCurrentInstance as F, ref as a, onMounted as m, nextTick as f, onUnmounted as g, watch as b, openBlock as S, createElementBlock as L } from "vue";
-import { LeafletFlowMap as v } from "@unovis/ts";
-import { parseProps as M, arePropsEqual as C } from "../../utils/props.js";
-const B = /* @__PURE__ */ d({
+import { defineComponent as y, computed as s, ref as r, onMounted as d, nextTick as F, onUnmounted as m, watch as f, openBlock as g, createElementBlock as b } from "vue";
+import { LeafletFlowMap as S } from "@unovis/ts";
+import { useForwardProps as L, arePropsEqual as v } from "../../utils/props.js";
+const P = /* @__PURE__ */ y({
   __name: "index",
   props: {
     sourceLongitude: { type: [Function, Number, null] },
@@ -68,21 +68,21 @@ const B = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(c, { expose: p }) {
-    const i = c, s = r(() => i.data), y = F(), e = r(() => M({ ...i }, y)), n = a(), o = a();
-    return m(() => {
-      f(() => {
-        o.value && (n.value = new v(o.value, e.value, s.value));
+  setup(a, { expose: p }) {
+    const u = a, c = s(() => u.data), e = L(u), n = r(), o = r();
+    return d(() => {
+      F(() => {
+        o.value && (n.value = new S(o.value, e.value, c.value));
       });
-    }), g(() => {
+    }), m(() => {
       var t;
       (t = n.value) == null || t.destroy();
-    }), b(e, (t, u) => {
+    }), f(e, (t, i) => {
       var l;
-      C(t, u) || (l = n.value) == null || l.setConfig(e.value);
+      v(t, i) || (l = n.value) == null || l.setConfig(e.value);
     }), p({
       component: n
-    }), (t, u) => (S(), L("div", {
+    }), (t, i) => (g(), b("div", {
       "data-vis-leaflet-flow-map": "",
       ref_key: "elRef",
       ref: o
@@ -90,6 +90,6 @@ const B = /* @__PURE__ */ d({
   }
 });
 export {
-  B as default
+  P as default
 };
 //# sourceMappingURL=index.js.map

package/html-components/leaflet-flow-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    sourceLongitude: { type: [Function, Number, null] },\n    sourceLatitude: { type: [Function, Number, null] },\n    targetLongitude: { type: [Function, Number, null] },\n    targetLatitude: { type: [Function, Number, null] },\n    sourcePointRadius: { type: [Function, Number, null] },\n    sourcePointColor: { type: [Function, String, Array, null] },\n    flowParticleColor: { type: [Function, String, Array, null] },\n    flowParticleRadius: { type: [Function, Number, null] },\n    flowParticleSpeed: { type: [Function, Number, null] },\n    flowParticleDensity: { type: [Function, Number, null] },\n    onSourcePointClick: { type: Function },\n    onSourcePointMouseEnter: { type: Function },\n    onSourcePointMouseLeave: { type: Function },\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-flow-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","LeafletFlowMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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 \ninterface Props extends  LeafletFlowMapConfigInterface<PointDatum, FlowDatum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    sourceLongitude: { type: [Function, Number, null] },\n    sourceLatitude: { type: [Function, Number, null] },\n    targetLongitude: { type: [Function, Number, null] },\n    targetLatitude: { type: [Function, Number, null] },\n    sourcePointRadius: { type: [Function, Number, null] },\n    sourcePointColor: { type: [Function, String, Array, null] },\n    flowParticleColor: { type: [Function, String, Array, null] },\n    flowParticleRadius: { type: [Function, Number, null] },\n    flowParticleSpeed: { type: [Function, Number, null] },\n    flowParticleDensity: { type: [Function, Number, null] },\n    onSourcePointClick: { type: Function },\n    onSourcePointMouseEnter: { type: Function },\n    onSourcePointMouseLeave: { type: Function },\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-flow-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","LeafletFlowMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/html-components/leaflet-map/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),y=require("@unovis/ts"),r=require("../../utils/props.cjs"),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,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:c}){const u=p,s=t.computed(()=>u.data),d=t.getCurrentInstance(),o=t.computed(()=>r.parseProps({...u},d)),e=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(e.value=new y.LeafletMap(i.value,o.value,s.value))})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy()}),t.watch(o,(n,l)=>{var a;r.arePropsEqual(n,l)||(a=e.value)==null||a.setConfig(o.value)}),c({component:e}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:i},null,512))}});module.exports=F;
+"use strict";const t=require("vue"),d=require("@unovis/ts"),a=require("../../utils/props.cjs"),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,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:c}){const u=p,s=t.computed(()=>u.data),o=a.useForwardProps(u),e=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(e.value=new d.LeafletMap(i.value,o.value,s.value))})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy()}),t.watch(o,(n,l)=>{var r;a.arePropsEqual(n,l)||(r=e.value)==null||r.setConfig(o.value)}),c({component:e}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:i},null,512))}});module.exports=y;
 //# sourceMappingURL=index.cjs.map

package/html-components/leaflet-map/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { LeafletMap, LeafletMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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 \ninterface Props extends  LeafletMapConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/html-components/leaflet-map/index.d.ts

@@ -91,9 +91,9 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
             strokeWidth?: number;
         };
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<LeafletMap<Datum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

package/html-components/leaflet-map/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as a, getCurrentInstance as m, ref as r, onMounted as f, nextTick as F, onUnmounted as g, watch as v, openBlock as S, createElementBlock as b } from "vue";
-import { LeafletMap as M } from "@unovis/ts";
-import { parseProps as B, arePropsEqual as L } from "../../utils/props.js";
-const _ = /* @__PURE__ */ y({
+import { defineComponent as s, computed as d, ref as a, onMounted as y, nextTick as m, onUnmounted as F, watch as f, openBlock as g, createElementBlock as v } from "vue";
+import { LeafletMap as S } from "@unovis/ts";
+import { useForwardProps as b, arePropsEqual as M } from "../../utils/props.js";
+const k = /* @__PURE__ */ s({
   __name: "index",
   props: {
     width: {},
@@ -55,21 +55,21 @@ const _ = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  setup(p, { expose: c }) {
-    const i = p, s = a(() => i.data), d = m(), e = a(() => B({ ...i }, d)), n = r(), o = r();
-    return f(() => {
-      F(() => {
-        o.value && (n.value = new M(o.value, e.value, s.value));
+  setup(r, { expose: p }) {
+    const i = r, c = d(() => i.data), e = b(i), n = a(), o = a();
+    return y(() => {
+      m(() => {
+        o.value && (n.value = new S(o.value, e.value, c.value));
       });
-    }), g(() => {
+    }), F(() => {
       var t;
       (t = n.value) == null || t.destroy();
-    }), v(e, (t, l) => {
+    }), f(e, (t, l) => {
       var u;
-      L(t, l) || (u = n.value) == null || u.setConfig(e.value);
-    }), c({
+      M(t, l) || (u = n.value) == null || u.setConfig(e.value);
+    }), p({
       component: n
-    }), (t, l) => (S(), b("div", {
+    }), (t, l) => (g(), v("div", {
       "data-vis-leaflet-map": "",
       ref_key: "elRef",
       ref: o
@@ -77,6 +77,6 @@ const _ = /* @__PURE__ */ y({
   }
 });
 export {
-  _ as default
+  k as default
 };
 //# sourceMappingURL=index.js.map

package/html-components/leaflet-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { LeafletMap, LeafletMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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 \ninterface Props extends  LeafletMapConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unovis/vue",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript",
-  "version": "1.3.0-alpha.4",
+  "version": "1.3.0-beta.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -47,11 +47,11 @@
     "check": "vue-tsc --noEmit",
     "generate": "rollup -c ./autogen/rollup.config.js; node .autogen.cjs; rm .autogen.cjs",
     "publish:dist": "rm -rf dist/.cache; cp ./{LICENSE,README.md,package.json} ./dist; cd ./dist; npm publish",
-    "gallery": "vite build --mode gallery",
-    "dev": "vite"
+    "build:gallery": "vite build --mode gallery",
+    "gallery": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.3.0-alpha.4",
+    "@unovis/ts": "1.2.1",
     "vue": "^3"
   },
   "devDependencies": {

package/utils/props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@unovis/ts"),t=require("vue");function a(e,r){return u.isEqual(e,r)}function c(e,r){const o={},s=(r==null?void 0:r.vnode.props)??{};return Object.keys(s).forEach(p=>{o[t.camelize(p)]=s[p]}),o}exports.arePropsEqual=a;exports.parseProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@unovis/ts"),e=require("vue");function c(t,r){return a.isEqual(t,r)}function i(t){const r=e.getCurrentInstance(),n=r.attrs;return e.computed(()=>{const s={},u=(r==null?void 0:r.vnode.props)??{};return Object.keys(u).forEach(o=>{s[e.camelize(o)]=t[e.camelize(o)]}),{...s,...n}})}exports.arePropsEqual=c;exports.useForwardProps=i;
 //# sourceMappingURL=props.cjs.map

package/utils/props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[camelize(key)] = assignedProps[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","parseProps","props","instance","preservedProps","assignedProps","key","camelize"],"mappings":"+HAGgB,SAAAA,EAA0BC,EAAsBC,EAA+B,CACtF,OAAAC,EAAA,QAAQF,EAAWC,CAAS,CACrC,CAGgB,SAAAE,EAA+BC,EAAUC,EAA4C,CACnG,MAAMC,EAAiB,CAAA,EACjBC,GAAgBF,GAAA,YAAAA,EAAU,MAAM,QAAS,CAAA,EAE/C,cAAO,KAAKE,CAAa,EAAE,QAAeC,GAAA,CACxCF,EAAeG,EAAS,SAAAD,CAAG,CAAC,EAAID,EAAcC,CAAG,CAAA,CAClD,EACMF,CACT"}
+{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize, computed, getCurrentInstance } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// source: https://www.radix-vue.com/utilities/use-forward-props.html\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function useForwardProps<T extends Record<string, any>> (props: T) {\n  const vm = getCurrentInstance()\n  const attrs = vm.attrs\n\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = props[camelize(key)]\n    })\n    return { ...preservedProps, ...attrs }\n  })\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[camelize(key)] = assignedProps[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","useForwardProps","props","vm","getCurrentInstance","attrs","computed","preservedProps","assignedProps","key","camelize"],"mappings":"+HAGgB,SAAAA,EAA0BC,EAAsBC,EAA+B,CACtF,OAAAC,EAAA,QAAQF,EAAWC,CAAS,CACrC,CAIO,SAASE,EAAgDC,EAAU,CACxE,MAAMC,EAAKC,EAAAA,qBACLC,EAAQF,EAAG,MAEjB,OAAOG,WAAS,IAAM,CACpB,MAAMC,EAAiB,CAAA,EACjBC,GAAgBL,GAAA,YAAAA,EAAI,MAAM,QAAS,CAAA,EAEzC,cAAO,KAAKK,CAAa,EAAE,QAASC,GAAQ,CAC1CF,EAAeG,WAASD,CAAG,CAAY,EAAIP,EAAMQ,EAAA,SAASD,CAAG,CAAC,CAAA,CAC/D,EACM,CAAE,GAAGF,EAAgB,GAAGF,EAAM,CACtC,CACH"}

package/utils/props.d.ts

@@ -1,3 +1,6 @@
 import { ComponentInternalInstance } from 'vue';
 export declare function arePropsEqual<PropTypes>(prevProps: PropTypes, nextProps: PropTypes): boolean;
+export declare function useForwardProps<T extends Record<string, any>>(props: T): import("vue").ComputedRef<T & {
+    [x: string]: unknown;
+}>;
 export declare function parseProps<T extends object>(props: T, instance: ComponentInternalInstance | null): T;

package/utils/props.js

@@ -1,16 +1,19 @@
-import { isEqual as t } from "@unovis/ts";
-import { camelize as u } from "vue";
-function P(o, r) {
-  return t(o, r);
+import { isEqual as p } from "@unovis/ts";
+import { getCurrentInstance as a, computed as u, camelize as s } from "vue";
+function f(t, r) {
+  return p(t, r);
 }
-function a(o, r) {
-  const p = {}, s = (r == null ? void 0 : r.vnode.props) ?? {};
-  return Object.keys(s).forEach((e) => {
-    p[u(e)] = s[e];
-  }), p;
+function m(t) {
+  const r = a(), n = r.attrs;
+  return u(() => {
+    const o = {}, c = (r == null ? void 0 : r.vnode.props) ?? {};
+    return Object.keys(c).forEach((e) => {
+      o[s(e)] = t[s(e)];
+    }), { ...o, ...n };
+  });
 }
 export {
-  P as arePropsEqual,
-  a as parseProps
+  f as arePropsEqual,
+  m as useForwardProps
 };
 //# sourceMappingURL=props.js.map

package/utils/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[camelize(key)] = assignedProps[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","parseProps","props","instance","preservedProps","assignedProps","key","camelize"],"mappings":";;AAGgB,SAAAA,EAA0BC,GAAsBC,GAA+B;AACtF,SAAAC,EAAQF,GAAWC,CAAS;AACrC;AAGgB,SAAAE,EAA+BC,GAAUC,GAA4C;AACnG,QAAMC,IAAiB,CAAA,GACjBC,KAAgBF,KAAA,gBAAAA,EAAU,MAAM,UAAS,CAAA;AAE/C,gBAAO,KAAKE,CAAa,EAAE,QAAQ,CAAOC,MAAA;AACxC,IAAAF,EAAeG,EAASD,CAAG,CAAC,IAAID,EAAcC,CAAG;AAAA,EAAA,CAClD,GACMF;AACT;"}
+{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize, computed, getCurrentInstance } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// source: https://www.radix-vue.com/utilities/use-forward-props.html\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function useForwardProps<T extends Record<string, any>> (props: T) {\n  const vm = getCurrentInstance()\n  const attrs = vm.attrs\n\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = props[camelize(key)]\n    })\n    return { ...preservedProps, ...attrs }\n  })\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[camelize(key)] = assignedProps[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","useForwardProps","props","vm","getCurrentInstance","attrs","computed","preservedProps","assignedProps","key","camelize"],"mappings":";;AAGgB,SAAAA,EAA0BC,GAAsBC,GAA+B;AACtF,SAAAC,EAAQF,GAAWC,CAAS;AACrC;AAIO,SAASE,EAAgDC,GAAU;AACxE,QAAMC,IAAKC,KACLC,IAAQF,EAAG;AAEjB,SAAOG,EAAS,MAAM;AACpB,UAAMC,IAAiB,CAAA,GACjBC,KAAgBL,KAAA,gBAAAA,EAAI,MAAM,UAAS,CAAA;AAEzC,kBAAO,KAAKK,CAAa,EAAE,QAAQ,CAACC,MAAQ;AAC1C,MAAAF,EAAeG,EAASD,CAAG,CAAY,IAAIP,EAAMQ,EAASD,CAAG,CAAC;AAAA,IAAA,CAC/D,GACM,EAAE,GAAGF,GAAgB,GAAGF;EAAM,CACtC;AACH;"}