https://data.gov.my/_next/static/chunks/pages/data-catalogue/embed/[id]-ca54ca0287d3d6aa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5156],{59201:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/data-catalogue/embed/[id]",function(){return a(66739)}])},66739:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return H},default:function(){return M}});var l=a(52322),n=a(77458),s=a(19808),r=a(66798),i=a(76290),o=a(36874),c=a(85116),d=a(73949),components_Chips=e=>{let{className:t,data:a,colors:n,onRemove:s,onClearAll:r}=e,{t:u}=(0,i.$)();return(0,l.jsxs)("ul",{className:(0,o.L1)("item-center flex flex-wrap gap-1.5",t),children:[a.map((e,t)=>(0,l.jsxs)("li",{className:"bg-outline dark:bg-washed-dark flex cursor-pointer flex-row items-center gap-1.5 truncate rounded-full px-3 py-1 text-sm font-medium text-black outline-none transition-colors dark:text-white",onClick:()=>s&&s(e.value),children:[n&&(0,l.jsx)("div",{className:"h-2.5 w-2.5 rounded-full",style:{backgroundColor:n[t]}}),(0,l.jsx)("span",{className:"truncate",children:e.label}),null!==s&&(0,l.jsx)(c.Z,{className:"text-dim h-4 w-4 font-bold hover:text-black dark:hover:text-white"})]},e.value)),a.length>0&&null!==r&&(0,l.jsx)(d.Z,{className:"text-dim px-3 py-1.5 hover:text-black dark:hover:text-white",onClick:r,children:u("common:common.clear_all")})]})},u=a(9483),h=a(41321),m=a(34701),f=a(43777),v=a(22396),x=a(25237),p=a.n(x),b=a(96577),g=a.n(b),w=a(2784);let j=p()(()=>Promise.all([a.e(1695),a.e(7582)]).then(a.bind(a,27582)),{loadableGenerated:{webpack:()=>[27582]},ssr:!1}),y=p()(()=>Promise.all([a.e(1368),a.e(7729)]).then(a.bind(a,87729)),{loadableGenerated:{webpack:()=>[87729]},ssr:!1}),k=p()(()=>a.e(7694).then(a.bind(a,37694)),{loadableGenerated:{webpack:()=>[37694]},ssr:!1}),N=p()(()=>a.e(376).then(a.bind(a,20376)),{loadableGenerated:{webpack:()=>[20376]},ssr:!1}),_=p()(()=>a.e(1443).then(a.bind(a,1443)),{loadableGenerated:{webpack:()=>[1443]},ssr:!1}),E=p()(()=>a.e(8542).then(a.bind(a,28542)),{loadableGenerated:{webpack:()=>[28542]},ssr:!1}),L=p()(()=>a.e(9119).then(a.bind(a,39119)),{loadableGenerated:{webpack:()=>[39119]},ssr:!1}),C=p()(()=>a.e(6593).then(a.bind(a,46593)),{loadableGenerated:{webpack:()=>[46593]},ssr:!1}),T=p()(()=>a.e(3050).then(a.bind(a,83050)),{loadableGenerated:{webpack:()=>[83050]},ssr:!1}),R=p()(()=>a.e(8794).then(a.bind(a,58794)),{loadableGenerated:{webpack:()=>[58794]},ssr:!1}),A=p()(()=>a.e(2906).then(a.bind(a,32906)),{loadableGenerated:{webpack:()=>[32906]},ssr:!1});var Widget=e=>{let{params:t,data:a,query:c,selectedViz:d}=e,{t:x,i18n:p}=(0,i.$)(["catalogue","common"]),{config:b,...O}=d,{filter:z,setFilter:S}=(0,f.L)(Object.fromEntries(a.dropdown.map(e=>{var t,l,n;return[e.name,c[e.name]?e.options.find(t=>c[e.name]===t)?{value:c[e.name],label:null!==(t=a.translations[c[e.name]])&&void 0!==t?t:c[e.name]}:{value:e.options[0],label:null!==(l=a.translations[e.options[0]])&&void 0!==l?l:e.options[0]}:{value:e.selected,label:null!==(n=a.translations[e.selected])&&void 0!==n?n:e.selected}]})),{id:t.id,theme:t.theme,visual:c.visual,date_slider:c.date_slider}),{dataset:P}=(0,w.useContext)(h.N),{size:H}=(0,w.useContext)(m.H),M=(0,w.useMemo)(()=>Object.entries(z).filter(e=>

1{let[t,a]=e;return"date_slider"!==t}).map(e=>{let[t,a]=e;return a}),[z]),[F,G]=(0,w.useState)(10);return(0,w.useEffect)(()=>G(Math.floor((H.height-(H.width>u.j$.MD?160:240))/40)),[H.height,H.width]),(0,l.jsxs)("div",{className:"flex flex-col gap-3 overflow-scroll p-4 pb-8",children:[(0,l.jsxs)("div",{className:"space-y-1",children:[(0,l.jsxs)("div",{className:"flex flex-row items-center justify-start gap-2 md:justify-between",children:[(0,l.jsx)("h4",{className:"inline-block truncate","data-testid":"catalogue-title",children:P.meta.title}),(0,l.jsxs)("div",{children:[(0,l.jsx)(r.Z,{tip:x("common:common.data_of",{date:(0,o.ZU)(a.data_as_of,"dd MMM yyyy",p.language)}),children:e=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(n.Z,{className:"text-outlineHover mb-1 inline-block h-4 w-4 md:hidden",onClick:()=>e})})}),(0,l.jsx)("span",{className:"text-dim hidden text-right text-sm md:block",children:x("common:common.data_of",{date:(0,o.ZU)(a.data_as_of,"dd MMM yyyy, HH:mm",p.language)})})]})]}),(0,l.jsx)(components_Chips,{className:"text-sm",data:M,onRemove:null,onClearAll:null})]}),(0,l.jsx)("div",{className:"grow",children:(()=>{switch(P.type){case"TIMESERIES":case"STACKED_AREA":case"INTRADAY":var e;return(0,l.jsx)(y,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","w-full"),config:{precision:b.precision,range:null!==(e=a.frequency)&&void 0!==e?e:"DAILY"},translations:a.translations});case"CHOROPLETH":return(0,l.jsx)(k,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","w-full"),config:null==d?void 0:d.config});case"GEOCHOROPLETH":return(0,l.jsx)(N,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","w-full"),config:b});case"GEOPOINT":return(0,l.jsx)(E,{className:(0,o.L1)(M.length?"h-[80vh]":"h-[85vh]","w-full")});case"GEOJSON":return(0,l.jsx)(L,{className:(0,o.L1)(M.length?"h-[80vh]":"h-[85vh]","w-full"),config:b});case"BAR":case"HBAR":case"STACKED_BAR":return(0,l.jsx)(m.W,{children:(0,l.jsx)(C,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","w-full"),config:b,translations:a.translations})});case"PYRAMID":return(0,l.jsx)(T,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","w-full"),config:b,translations:a.translations});case"HEATTABLE":return(0,l.jsx)(R,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","w-full"),config:b,translations:a.translations});case"SCATTER":return(0,l.jsx)(_,{className:(0,o.L1)(M.length?"h-[70vh]":"h-[75vh]","mx-auto aspect-square"),translations:a.translations});case"LINE":return(0,l.jsx)(A,{className:(0,o.L1)(M.length?"h-[75vh]":"h-[80vh]","w-full"),config:b,translations:a.translations});case"TABLE":return(0,l.jsx)("div",{className:"flex h-full w-full flex-col",children:(0,l.jsx)(j,{className:"table-stripe table-default table-sticky-header grow",responsive:!0,data:P.table,freeze:b.freeze_columns,config:(0,v.Y)(Object.keys(P.table[0]),a.translations,b.freeze_columns,(e,t)=>e[t]),enablePagination:F})})}})()}),(0,l.jsxs)("div",{className:"bg-washed h- fixed bottom-0 left-0 flex w-full gap-2 px-3 py-1",children:[(0,l.jsx)(g(),{src:"/static/images/logo.png",width:16,height:14,alt:"datagovmy logo"}),(0,l.jsxs)("small",{className:"text-dim space-x-2 ",children:[(0,l.jsxs)("a",{href:"https://data.gov.my/data-catalogue/".concat(P.meta.unique_id),target:"_blank",className:"space-x-1 hover:underline",children:[(0,l.jsx)("span",{children:x("view_full_chart")}),(0,l.jsx)(s.Z,{className:"inline-block h-3 w-3"})]}),(0,l.jsx)("span",{children:"|"}),(0,l.jsx)("a",{href:"https://data.gov.my",className:"text-primary",children:"data.gov.my"})]})]})]})},O=a(63946),z=a(99911),S=a(3440),P=a.n(S);let CatalogueEmbed=e=>{var t;let{params:a,meta:n,query:s,...r}=e,extractChartDataset=(e,t)=>{if(s.date_slider){var a;let l=P()(e,null===(a=t.config.slider)||void 0===a?void 0:a.key),n=Object.entries(null==t?void 0:t.config.format).map(e=>{let[t,a]=e;return(0,o.AO)(t,a,l[s.date_slider])});return{...Object.fromEntries(n.map(e=>[e[0][0],e[0][1]]))}}let l=Object.entries(null==t?void 0:t.config.format).map(t=>{let[a,l]=t;return(0,o.AO)(a,l,e)});return{...Object.fromEntries(l.map(e=>[e[0][0],e[0][1]]))}},i=(0,w.useMemo)(()=>{let e=r.dataviz_set.find(e=>e.dataviz_id===s.visual);return e?{type:e.chart_type,chart:"TABLE"!==e.chart_type?extractChartDataset(r.data,e):{}

1,table:r.data,meta:{unique_id:r.id,title:r.title,desc:r.description}}:{type:"TABLE",chart:{},table:r.data,meta:{unique_id:r.id,title:r.title,desc:r.description}}},[s]);return(0,l.jsxs)(z.n,{meta:n,children:[(0,l.jsx)(O.Z,{title:i.meta.title,description:i.meta.desc.replace(/^(.*?)]/,""),keywords:""}),(0,l.jsx)(m.W,{children:(0,l.jsx)(h.Y,{dataset:i,urls:{csv:r.link_csv,parquet:r.link_parquet},children:(0,l.jsx)(Widget,{params:a,data:r,selectedViz:null!==(t=r.dataviz_set.find(e=>e.dataviz_id===s.visual))&&void 0!==t?t:r.dataviz_set[0],query:s})})})]})};CatalogueEmbed.layout=e=>(0,l.jsx)(l.Fragment,{children:e}),CatalogueEmbed.theme="light";var H=!0,M=CatalogueEmbed},66798:function(e,t,a){"use strict";var l=a(52322),n=a(49442),s=a(36385),r=a(77458),i=a(36874),o=a(2784),c=a(66580),d=a.n(c);t.Z=e=>{let{children:t,className:a,tip:c,disableArrowTip:u,anchor:h="top"}=e,[m,f]=(0,o.useState)(!1),v=(0,o.useRef)(null),[x,p]=(0,o.useState)();(0,o.useLayoutEffect)(()=>{p(v.current?v.current.clientHeight:0)},[v.current]);let getTooltipPosition=e=>{switch(e){case"top":default:return"-translate-x-1/2 transform bottom-7 left-1/2 items-center";case"bottom":return"-bottom-[".concat(x,"px] left-0")}},b=(0,o.useMemo)(()=>getTooltipPosition(h),[x]);return(0,l.jsxs)("div",{className:"group relative",children:[t?t(()=>f(!0)):(0,l.jsx)(l.Fragment,{children:!!c&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.Z,{className:(0,i.L1)("text-outlineHover mb-1 hidden h-4 w-4 md:inline-block",a)}),(0,l.jsx)(r.Z,{className:(0,i.L1)("text-outlineHover mb-1 inline-block h-4 w-4 md:hidden",a),onClick:()=>f(!0)})]})}),(0,l.jsxs)("div",{className:(0,i.L1)("invisible absolute z-[100] hidden flex-col group-hover:visible group-hover:flex lg:flex",b),children:[(0,l.jsx)("span",{ref:v,className:(0,i.L1)("shadow-floating hide-scrollbar lg:hide-scrollbar::-webkit-scrollbar  absolute w-max max-w-[200px] rounded-lg bg-black px-3 py-2 text-sm font-normal text-white dark:bg-white dark:text-black lg:max-h-[250px] lg:overflow-scroll","bottom"===h?"bottom-[unset] mt-0.5":"bottom-1",a),children:c}),u?null:(0,l.jsx)("div",{className:"h-2 w-2 rotate-45 bg-black dark:bg-white"})]}),(0,l.jsx)(n.u.Root,{show:m,as:o.Fragment,children:(0,l.jsxs)(s.V,{as:"div",className:(0,i.L1)(d().variable,"relative z-10 font-sans"),onClose:f,children:[(0,l.jsx)(n.u.Child,{as:o.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,l.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-90 transition-opacity"})}),(0,l.jsx)("div",{className:"fixed inset-0 z-10 overflow-y-auto",children:(0,l.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,l.jsx)(n.u.Child,{as:o.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:(0,l.jsx)(s.V.Panel,{className:"shadow-floating relative h-fit w-max max-w-[200px] transform rounded-lg bg-black px-3 py-1.5 text-left text-sm text-white transition-all dark:bg-white dark:text-black",children:c})})})})]})})]})}},34701:function(e,t,a){"use strict";a.d(t,{H:function(){return i},W:function(){return WindowProvider}});var l=a(52322),n=a(12436),s=a.n(n),r=a(2784);let i=(0,r.createContext)({size:{width:1536,height:1e3},scroll:{x:0,y:0}}),WindowProvider=e=>{let{children:t}=e,[a,n]=(0,r.useState)({width:1536,height:0}),[o,c]=(0,r.useState)({x:0,y:0});return(0,r.useEffect)(()=>{function handleResize(){n({width:window.innerWidth,height:window.innerHeight})}let e=s()(()=>{c({x:window.scrollX,y:window.scrollY})},100);return handleResize(),window.addEventListener("resize",handleResize),window.addEventListener("scroll",e),()=>{window.removeEventListener("resize",handleResize),window.removeEventListener("scroll",e)}},[]),(0,l.jsx)(i.Provider,{value:{size:a,scroll:o},children:t})}},46096:function(e,t,a){"use strict";a.d(t,{e:function(){return useData}});var l=a(2784);let useData=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,l.useRef)(e);

1let[t,a]=(0,l.useReducer)((e,t)=>{switch(t.type){case"SET":return Object.assign({},e,{[t.payload.key]:t.payload.value});case"RESET":return Object.assign({},e,t.payload);default:throw Error("Unrecognized dispatch command")}},e);return{data:t,setData:(e,t)=>{a({type:"SET",payload:{key:e,value:t}})},reset:t=>{t?a({type:"RESET",payload:t}):a({type:"RESET",payload:e})}}}},43777:function(e,t,a){"use strict";a.d(t,{L:function(){return useFilter}});var l=a(54073),n=a.n(l),s=a(5632),r=a(2784),i=a(46096),o=a(64880);let useFilter=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],l=arguments.length>3&&void 0!==arguments[3]&&arguments[3],c=(0,r.useRef)(e),{data:d,setData:u,reset:h}=(0,i.e)(e),m=(0,s.useRouter)(),f=(0,r.useMemo)(()=>Object.entries(d).filter(e=>{let[t,a]=e;return null!=a&&0!==a.length&&""!==a}),[d]),v=(0,r.useMemo)(()=>{let e=f.map(e=>{var t;let[a,l]=e;return l?Array.isArray(l)?"".concat(a,"=").concat(l.map(e=>e.value).join(",")):"".concat(a,"=").concat(null!==(t=l.value)&&void 0!==t?t:l):""}).join("&");return"?".concat(e)},[f]),x=(0,r.useCallback)(n()(e=>{let a=e.map(e=>{let[t,a]=e;return[t,Array.isArray(a)?a.map(e=>e.value).join(","):"string"==typeof a?a:a.value]});m.replace({pathname:m.pathname,query:{...t,...Object.fromEntries(a)}},void 0,{scroll:!1,shallow:l})},500),[]);return(0,o.q)(()=>{x(f)},[d]),{filter:d,setFilter:(e,t)=>{if(a){let a=!1;for(let l in d)!a&&["range","date_slider"].includes(l)&&u(l,void 0),e===l&&(u(e,t),a=!0)}else u(e,t)},reset:()=>{h(c.current)},queries:v,actives:f}}},64880:function(e,t,a){"use strict";a.d(t,{q:function(){return useWatch}});var l=a(2784);let useWatch=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=(0,l.useRef)(!0);(0,l.useEffect)(()=>{if(!a&&n.current){n.current=!1;return}e()},t)}}},function(e){e.O(0,[3130,8770,8308,2811,3752,9774,2888,179],function(){return e(e.s=59201)}),_N_E=e.O()}]);