https://fireant.vn/_next/static/chunks/4761.203f2c2918b5005a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4761,6284],{66284:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});var o=n(97582),i=n(20770),r=n(67294),s=n(18587);function a(e,t){var n={};return t.forEach(function(t){n[t]=e[t]}),n}function l(e){return"function"==typeof e}var u=n(64063),c=n.n(u),d=function(e){function t(t){var n=e.call(this,t)||this;return n.echarts=i,n}return(0,o.ZT)(t,e),t}(function(e){function t(t){var n=e.call(this,t)||this;return n.echarts=t.echarts,n.ele=null,n.isInitialResize=!0,n}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.renderNewEcharts()},t.prototype.componentDidUpdate=function(e){var t=this.props.shouldSetOption;if(!l(t)||t(e,this.props)){if(!c()(e.theme,this.props.theme)||!c()(e.opts,this.props.opts)||!c()(e.onEvents,this.props.onEvents)){this.dispose(),this.renderNewEcharts();return}var n=["option","notMerge","lazyUpdate","showLoading","loadingOption"];c()(a(this.props,n),a(e,n))||this.updateEChartsOption(),c()(e.style,this.props.style)&&c()(e.className,this.props.className)||this.resize()}},t.prototype.componentWillUnmount=function(){this.dispose()},t.prototype.getEchartsInstance=function(){return this.echarts.getInstanceByDom(this.ele)||this.echarts.init(this.ele,this.props.theme,this.props.opts)},t.prototype.dispose=function(){if(this.ele){try{(0,s.ZH)(this.ele)}catch(e){console.warn(e)}this.echarts.dispose(this.ele)}},t.prototype.renderNewEcharts=function(){var e=this,t=this.props,n=t.onEvents,o=t.onChartReady,i=this.updateEChartsOption();this.bindEvents(i,n||{}),l(o)&&o(i),this.ele&&(0,s.ak)(this.ele,function(){e.resize()})},t.prototype.bindEvents=function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&function(t,n){"string"==typeof t&&l(n)&&e.on(t,function(t){n(t,e)})}(n,t[n])},t.prototype.updateEChartsOption=function(){var e=this.props,t=e.option,n=e.notMerge,o=void 0!==n&&n,i=e.lazyUpdate,r=void 0!==i&&i,s=e.showLoading,a=e.loadingOption,l=void 0===a?null:a,u=this.getEchartsInstance();return u.setOption(t,o,r),s?u.showLoading(l):u.hideLoading(),u},t.prototype.resize=function(){var e=this.getEchartsInstance();if(!this.isInitialResize)try{e.resize()}catch(e){console.warn(e)}this.isInitialResize=!1},t.prototype.render=function(){var e=this,t=this.props,n=t.style,i=t.className,s=(0,o.pi)({height:300},n);return r.createElement("div",{ref:function(t){e.ele=t},style:s,className:"echarts-for-react "+(void 0===i?"":i)})},t}(r.PureComponent))},24761:function(e,t,n){n.r(t);var o=n(85893),i=n(67294),r=n(66284),s=n(11163),a=n(17294),l=n(6972);let u=i.memo(e=>{let{symbols:t,height:n=360}=e,u=(0,s.useRouter)(),c=(0,a.useMultiplePrices)(t),d=i.useMemo(()=>{if(!t.length)return[];let e=new Map(c.map(e=>[e.symbol,e])),n={id:"ROOT",name:"Watchlist",description:"Watchlist",value:[t.length,null,null,null],children:[]};return t.forEach(t=>{var o;let i=e.get(t),r=i&&i.basic>0?(i.last-i.basic)/i.basic*100:null;n.children.push({id:t,name:null!=r?"".concat(t,"\n").concat(r>=0?"+":"").concat(r.toFixed(2),"%"):t,description:t,value:[1,null!==(o=null==i?void 0:i.last)&&void 0!==o?o:null,r,null],children:[]})}),(0,l.O0)([n]),[n]},[t,c]),p=i.useMemo(()=>({animation:!1,tooltip:{formatter:e=>{var t,n;let o=e.value||[],i=null!==(n=null===(t=e.data)||void 0===t?void 0:t.description)&&void 0!==n?n:e.name,r=o[1],s=o[2];return['<div style="font-weight:600;margin-bottom:2px">'.concat(i,"</div>"),null!=r?"Gi\xe1: ".concat(Number(r).toFixed(2),"<br/>"):"",null!=s?"Thay đổi: ".concat(s>=0?"+":"").concat(Number(s).toFixed(2),"%"):""].join("")}},series:[{type:"treemap",name:"Watchlist",roam:!1,nodeClick:!1,breadcrumb:{show:!1},top:0,bottom:0,left:0,right:0,label:{show:!0,formatter:"{b}",color:"#fff",fontSize:11,lineHeight:13,textShadowColor:"rgba(0,0,0,0.5)",textShadowBlur:2},visualMin:-100,visualMax:100,visualDimension:3,itemStyle:{borderColor:"transparent",gapWidth:2},levels:[{itemStyle:{borderWidth:0,gapWidth:2}},{color:["#bb0000","#cccc00","#00bb00"],colorMappingBy:"value",itemStyle:{borderWidth:0,gapWidth:2}}],data:d}]}),[d]),h=i.useMemo(()=>({click:e=>{var t;let n=null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.id;n&&"ROOT"!==n&&u.push("/ma-chung-khoan/".concat(n))}}),[u]);return 0===t.length?null:(0,o.jsx)(r.default,{option:p,notMerge:!0,onEvents:h,style:{width:"100%",height:n,overflow:"hidden"}})});u.displayName="WatchlistHeatmap",t.default=u}

1,55168:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.SizeSensorId=t.SensorTabIndex=t.SensorClassName=void 0,t.SizeSensorId="size-sensor-id",t.SensorClassName="size-sensor-object",t.SensorTabIndex="-1"},12177:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0,t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:60,n=null;return function(){for(var o=this,i=arguments.length,r=Array(i),s=0;s<i;s++)r[s]=arguments[s];clearTimeout(n),n=setTimeout(function(){e.apply(o,r)},t)}}},96340:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=1;t.default=function(){return"".concat(n++)}},18587:function(e,t,n){t.ZH=t.ak=void 0;var o=n(12955);t.ak=function(e,t){var n=(0,o.getSensor)(e);return n.bind(t),function(){n.unbind(t)}},t.ZH=function(e){var t=(0,o.getSensor)(e);(0,o.removeSensor)(t)}},12955:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.removeSensor=t.getSensor=t.Sensors=void 0;var o,i=(o=n(96340))&&o.__esModule?o:{default:o},r=n(82578),s=n(55168),a={};function l(e){e&&a[e]&&delete a[e]}t.Sensors=a,t.getSensor=function(e){var t=e.getAttribute(s.SizeSensorId);if(t&&a[t])return a[t];var n=(0,i.default)();e.setAttribute(s.SizeSensorId,n);var o=(0,r.createSensor)(e,function(){return l(n)});return a[n]=o,o},t.removeSensor=function(e){var t=e.element.getAttribute(s.SizeSensorId);e.destroy(),l(t)}},82578:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.createSensor=void 0;var o=n(27643),i=n(31743),r="undefined"!=typeof ResizeObserver?i.createSensor:o.createSensor;t.createSensor=r},27643:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.createSensor=void 0;var o,i=(o=n(12177))&&o.__esModule?o:{default:o},r=n(55168);t.createSensor=function(e,t){var n=void 0,o=[],s=function(){"static"===getComputedStyle(e).position&&(e.style.position="relative");var t=document.createElement("object");return t.onload=function(){t.contentDocument.defaultView.addEventListener("resize",a),a()},t.style.display="block",t.style.position="absolute",t.style.top="0",t.style.left="0",t.style.height="100%",t.style.width="100%",t.style.overflow="hidden",t.style.pointerEvents="none",t.style.zIndex="-1",t.style.opacity="0",t.setAttribute("class",r.SensorClassName),t.setAttribute("tabindex",r.SensorTabIndex),t.type="text/html",e.appendChild(t),t.data="about:blank",t},a=(0,i.default)(function(){o.forEach(function(t){t(e)})}),l=function(){n&&n.parentNode&&(n.contentDocument&&n.contentDocument.defaultView.removeEventListener("resize",a),n.parentNode.removeChild(n),e.removeAttribute(r.SizeSensorId),n=void 0,o=[],t&&t())};return{element:e,bind:function(e){n||(n=s()),-1===o.indexOf(e)&&o.push(e)},destroy:l,unbind:function(e){var t=o.indexOf(e);-1!==t&&o.splice(t,1),0===o.length&&n&&l()}}}},31743:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.createSensor=void 0;var o,i=n(55168),r=(o=n(12177))&&o.__esModule?o:{default:o};t.createSensor=function(e,t){var n=void 0,o=[],s=(0,r.default)(function(){o.forEach(function(t){t(e)})}),a=function(){var t=new ResizeObserver(s);return t.observe(e),s(),t},l=function(){n.disconnect(),o=[],n=void 0,e.removeAttribute(i.SizeSensorId),t&&t()};return{element:e,bind:function(e){n||(n=a()),-1===o.indexOf(e)&&o.push(e)},destroy:l,unbind:function(e){var t=o.indexOf(e);-1!==t&&o.splice(t,1),0===o.length&&n&&l()}}}}}]);