(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0ceda4"],{"60e9":function(e,t,a){"use strict";a.r(t);var c=a("7a23");const n={class:"data-designer-chart-instance data-designer-chart-view-area",ref:"designerChartViewRef"},i={class:"data-designer-chart-container",ref:"designerChartViewInnerRef"};function r(e,t,a,r,o,s){return Object(c["openBlock"])(),Object(c["createElementBlock"])("div",n,[Object(c["createElementVNode"])("div",i,null,512)],512)}var o=a("f04e"),s=a("917c"),l=a("a955"),h=a("3b20"),d=a("6fde"),u=Object(c["defineComponent"])({props:Object.assign(Object.assign({},h["h"].props),{setChartInstance:{type:Function}}),data(){return{chartType:[l["N"].BASE_AREA]}},mixins:[h["h"]],setup(e,{emit:t}){let a;const n=Object(c["ref"])(),i=Object(c["ref"])(null),r=Object(c["ref"])(null),l={intervalIds:[]};function u(){return n.value=new s["Chart"](Object.assign(Object.assign(Object.assign({},Object(h["f"])()),e.chartCfg||{}),{container:r.value,supportCSSTransform:!0})),n.value.on("point:click",t=>{var a,c;const n=Object(h["w"])(t.data.data,null===(a=e.getCurrentDrillDownConfig)||void 0===a?void 0:a.call(e),e.chartData.id);n&&(null===(c=e.pushBreadcrumbEvent)||void 0===c||c.call(e,n)),Object(h["s"])(e.chartData,e.openDomGoto)}),n.value.interaction("active-region"),n.value}Object(c["onMounted"])(()=>{u(),Object(h["i"])(i.value,n.value)});let b={};Object(c["watch"])(()=>e.chartData,t=>{t&&n.value&&Object(d["ac"])(t)&&(Object(h["u"])(t,b)?(b=Object(o["U"])(t),g(n.value,t,e.chartDataResult)):b=Object(o["U"])(t))},{immediate:!0,deep:!0}),Object(h["C"])(e,n);let O={};function j(t,a){O=Object(o["U"])(a),n.value||u(),g(n.value,t,e.chartDataResult)}Object(c["watch"])(()=>e.chartDataResult.data,()=>{Object(d["Kc"])(O,e.chartDataResult)||(i.value?j(e.chartData,e.chartDataResult):Object(c["onMounted"])(()=>{j(e.chartData,e.chartDataResult)}))},{immediate:!0,deep:!0}),Object(c["watch"])(()=>e.config,()=>{g(n.value,e.chartData,e.chartDataResult)},{deep:!0});const f=Object(d["O"])();function g(t,a,c){var n;Object(h["v"])(a)&&Object(d["Kc"])(a,c.chartData)&&(t.destroy(),t=u(),null===(n=e.setChartInstance)||void 0===n||n.call(e,t),v(t,a),Object(d["p"])(t,e.config,a,c.data,Object(h["t"])(a,b)?f:void 0,l),e.chartCfg&&e.chartCfg.width&&e.chartCfg.height&&(null===t||void 0===t||t.changeSize(+e.chartCfg.width,e.chartCfg.height)),t.render(),Object(d["tc"])(a)&&Object(h["i"])(i.value,t))}function v(t,c){t||(t=u());const{scales:n,dimensions:i}=Object(d["Kb"])(c);if(n.length&&t.scale(Object(d["V"])(c)),i.length&&n.length){const r=i[0].chartField.displayName,o=n[0].chartField.displayName,s={fields:[r,o]};a=t.line().position(s),t.area().position(s),t.point().position(s),Object(d["r"])(t,e.config,c,a)}t.tooltip({showCrosshairs:!0,shared:!0,showNil:!0,customItems:e=>Object(d["Eb"])(e,c)}),Object(d["s"])(t,e.config,c),Object(d["q"])(t,e.config,c,e.chartDataResult.guidesData),Object(d["n"])(t,e.config,c,i&&i.length&&i[0].chartField||void 0,n&&n.length&&n[0].chartField||void 0),Object(d["qd"])(t,c,e.config)}return Object(h["E"])(e,n,v),Object(h["D"])(e,n),Object(h["z"])(e,n,l),Object(c["onBeforeUnmount"])(()=>{n.value.off(),Object(d["K"])(l)}),{designerChartViewRef:i,designerChartViewInnerRef:r,chart:n}}}),b=a("6b0d"),O=a.n(b);const j=O()(u,[["render",r]]);t["default"]=j}}]);