https://data.gov.my/_next/static/chunks/pages/dashboard/car-popularity-13f784fedd6ea633.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4363],{37408:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/car-popularity",function(){return a(5497)}])},5497:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return E},default:function(){return dashboard_car_popularity}});var r=a(52322),l=a(46955),s=a(77205),n=a(331),o=a(88043),i=a(42489),c=a(36874),d=a(76290),m=a(46096),u=a(77584),p=a(13007),x=a(99228),h=a(5074),g=a(38773),f=a(58670),y=a(73949),b=a(67533),v=a(93400),j=a(11474),w=a(2784),multiple=e=>{let{className:t,disabled:a,format:l,image:s,inputValue:n,loading:o=!1,onChange:i,onSearch:m,options:u,selectedItems:p,setInputValue:x,setSelectedItems:h,placeholder:g,width:k="w-full sm:w-[500px]"}=e,{t:N}=(0,d.$)(),_=(0,w.useRef)(null),getFilteredItems=e=>u.filter(t=>!e.map(e=>e.value).includes(t.value)),M=(0,w.useMemo)(()=>n?p.length>0?getFilteredItems(p):u:[],[u,p,n]),{getDropdownProps:C}=(0,j.M$)({selectedItems:p,onStateChange(e){let{selectedItems:t,type:a}=e;switch(a){case j.M$.stateChangeTypes.SelectedItemKeyDownBackspace:case j.M$.stateChangeTypes.SelectedItemKeyDownDelete:case j.M$.stateChangeTypes.DropdownKeyDownBackspace:case j.M$.stateChangeTypes.FunctionRemoveSelectedItem:h(t)}}}),{getInputProps:T,getItemProps:Z,getLabelProps:L,getMenuProps:I,highlightedIndex:A,isOpen:S,openMenu:z,reset:O,selectedItem:E,selectItem:R}=(0,j.Kb)({items:M,itemToString:e=>e?e.label:"",inputValue:n,defaultHighlightedIndex:0,selectedItem:null,stateReducer(e,t){let{changes:a,type:r}=t;switch(r){case j.Kb.stateChangeTypes.InputChange:case j.Kb.stateChangeTypes.InputKeyDownEnter:case j.Kb.stateChangeTypes.ItemClick:return{...a,isOpen:!0,highlightedIndex:0};default:return a}},onStateChange(e){let{inputValue:t,type:a,selectedItem:r}=e;switch(a){case j.Kb.stateChangeTypes.InputKeyDownEnter:case j.Kb.stateChangeTypes.ItemClick:case j.Kb.stateChangeTypes.InputBlur:r&&(h([...p,r]),i([...p,r]),x(""));break;case j.Kb.stateChangeTypes.InputChange:x(t)}}});return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{...L()}),(0,r.jsxs)("div",{className:(0,c.L1)("border-outline dark:border-washed-dark shadow-button relative flex w-full select-none items-center overflow-visible rounded-full border bg-white pl-3 focus:outline-none focus-visible:ring-0 dark:bg-black",t,a?"bg-outline dark:bg-washed-dark":"hover:border-outlineHover dark:hover:border-outlineHover-dark",k),children:[(0,r.jsx)("input",{className:"disabled:text-dim w-full truncate rounded-r-full border-none bg-inherit px-0 py-2.5 text-sm focus:outline-none focus:ring-0 disabled:opacity-30",disabled:a,placeholder:g,ref:_,spellCheck:!1,type:"text",...T({onChange:e=>{m&&m(e.target.value)},...C({preventKeyAction:S})})}),n&&(0,r.jsx)(y.Z,{variant:"ghost",className:"mr-1.5 flex size-8 justify-center rounded-full px-1.5",onClick:()=>{O(),R(null),x(""),z(),_.current&&_.current.focus()},children:(0,r.jsx)(v.Z,{className:"size-4.5"})})]})]}),(0,r.jsx)("ul",{className:(0,c.L1)("border-outline dark:border-washed-dark shadow-floating absolute z-10 mt-1 max-h-60 max-w-full overflow-y-auto rounded-md border bg-white text-sm dark:bg-black",k,o&&n?"":!(S&&M.length)&&"hidden"),...I(),children:o?(0,r.jsxs)("li",{className:"flex cursor-default select-none items-center gap-2 px-4 py-2 text-zinc-500",children:[(0,r.jsx)(b.Z,{loading:o})," ",N("placeholder.loading")]}):M.length&&M.map((e,t)=>(0,r.jsx)(f.Z,{option:e,total:u.length,format:l,image:s,isSelected:E===e,active:A===t,index:t,...Z({item:e,index:t})},t))})]})})},k=a(84238),N=a(70784),_=a(9483),M=a(31891),C=a(28663),T=a(54073),Z=a.n(T),L=a(38617),I=a(25237),A=a.n(I);let S=A()(()=>Promise.all([a.e(5587),a.e(5964),a.e(8506),a.e(7394),a.e(2334)]).then(a.bind(a,22710)),{loadableGenerated:{webpack:()=>[22710]},ssr:!1});var compare=e=>{let{cars:t,data_as_of:a,timeseries:l}=e,{t:s,i18n:n}=(0,d.$)("dashboard-car-popularity"),i=(0,w.useRef)(null),{resolvedTheme:f}=(0,L.F)(),b=[_.Tv.PRIMARY,_.Tv.DANGER,"dark"===f?"#94A3B8":_.Tv.DIM],v=["makers","models"].map(e=>({label:s(e),value:e})),j=t.map((e,t)=>({...e,colour:b[t]})),T={},I=t.map(e=>{let{label:t}=e;return t});for(let e=0;e<I.length;e++)T[I[e]]=e;let{data:A,setData:z}=(0,m.e)({type:v[1].value,query:"",options:[],optionsLoading:!1,selected_makers:[],selected_models:j,period:0,loading:!1,x:Object.entries(l).filter(e=>

1{let[t,a]=e;return"x"===t}),cars:Object.entries(l).filter(e=>{let[t,a]=e;return"x"!==t}).sort((e,t)=>{let[a,r]=e,[l,s]=t;return T[a]-T[l]}).map((e,t)=>{let[a,r]=e;return[a,{...r,colour:b[t]}]}),minmax:[0,l.x.length-1]}),O=(0,w.useMemo)(()=>A.options.map(e=>{let{maker:t,model:a}=e;return{label:void 0!==a?"".concat(t," ").concat(a):t,value:void 0!==a?"".concat(t.toLowerCase(),"-").concat(a.toLowerCase()):t.toLowerCase(),maker:t,model:void 0!==a?a:void 0}}),[A.options]),E=(0,w.useCallback)(Z()(e=>{(0,x.U2)("explorer?explorer=car_popularity"+e).then(e=>{let{data:t}=e;return z("options",t)}).catch(e=>{h.A.error(s("common:error.toast.request_failure"),s("common:error.toast.try_again")),console.error(e)}).finally(()=>z("optionsLoading",!1))},300),[]),R="selected_".concat("makers"===A.type?"makers":"models"),D=A[R],F=(0,w.useMemo)(()=>{let e=D.map(e=>{let{colour:t}=e;return t});return b.filter(t=>!e.includes(t))},[D]),compare=(e,t)=>{z("loading",!0),(0,x.U2)("explorer/?explorer=car_popularity&maker_id="+e.join("&maker_id=")+(t&&t.length>0&&!t.some(e=>void 0===e)?"&model_id=".concat(t.join("&model_id=")):"")).then(e=>{let{data:t}=e;z("x",Object.entries(t.timeseries).filter(e=>

1{let[t,a]=e;return"x"===t}));let a={},r=D.map(e=>{let{label:t}=e;return t});for(let e=0;e<r.length;e++)a[r[e]]=e;z("cars",Object.entries(t.timeseries).filter(e=>{let[t,a]=e;return"x"!==t}).sort((e,t)=>{let[r,l]=e,[s,n]=t;return a[r]-a[s]}).map((e,t)=>{let[a,r]=e;return[a,{...r,colour:D[t].colour}]}))}).catch(e=>{h.A.error(s("common:error.toast.request_failure"),s("common:error.toast.try_again")),console.error(e)}).finally(()=>{z("loading",!1),i&&i.current&&i.current.scrollIntoView({behavior:"smooth"})})},U=l.x[l.x.length-1],P=new Date(U).getMonth()+1,H=A.cars,K=(0,w.useMemo)(()=>1===H.length?H[0][1].cars.slice(-(60+P)).reduce((e,t)=>e+t):0,[H]),q=(0,w.useCallback)(e=>{if(H.length<2)return{car:"",lead:-1};let t=H.map(t=>{let[a,{cars:r}]=t;return{car:a,lead:r.slice(-e).reduce((e,t)=>e+t)}}),a=t.sort((e,t)=>t.lead-e.lead);if(0===a[0].lead)return{car:"-",lead:-1};if(0===a[1].lead)return{car:a[0].car,lead:1/0};let r=a[0].lead/a[1].lead*100-100;return{car:a[0].car,lead:r}},[H]),{coordinate:V}=(0,C.M)(Object.fromEntries(H.map(e=>{let[t,{cars:a,cars_cumul:r}]=e;return[t,0===A.period?a:r]}).concat(A.x)),A.minmax),Y=(0,w.useMemo)(()=>H.map(e=>{let[t,{colour:a}]=e;return{type:"line",data:V[t],label:t,fill:1===H.length,backgroundColor:(null!=a?a:_.Tv.DIM).concat("1A"),borderColor:null!=a?a:_.Tv.DIM,borderWidth:1.5}}),[H,A.minmax,A.period,A.type]);return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(o.Z,{title:(0,r.jsx)("h4",{className:"mx-auto text-center",children:s("section_title")}),className:"mx-auto py-8 lg:py-12 xl:w-4/5",children:(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-8 lg:grid-cols-3",children:[(0,r.jsxs)("div",{className:"border-outline dark:border-washed-dark bg-background dark:bg-background-dark shadow-button flex h-fit flex-col gap-6 rounded-xl border p-6 lg:col-span-1",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,r.jsx)("label",{className:"text-sm font-medium",children:s("compare_cars")}),(0,r.jsx)(g.Z,{name:"type",className:"inline-flex gap-3",options:v,value:A.type?v.find(e=>e.value===A.type):void 0,onChange:e=>{z("type",e.value)}}),(0,r.jsx)(multiple,{className:"rounded-md",width:"w-full",placeholder:s(D.length<3?"makers"===A.type?"search_maker":"search_model":"max_reached"),disabled:D.length>=3,options:O,inputValue:A.query,setInputValue:e=>z("query",e),selectedItems:D,setSelectedItems:e=>z(R,e),onSearch:e=>{z("query",e),0!==e.length&&(z("optionsLoading",!0),E("&".concat("makers"===A.type?"maker":"model","=").concat(e)))},onChange:e=>{let t=e.slice(-1)[0];e.length<=3&&z(R,[...e.slice(0,-1),{...t,colour:F[0]}])},loading:A.optionsLoading}),D.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:D.map((e,t)=>(0,r.jsxs)(y.Z,{variant:"reset",onClick:()=>z(R,D.filter(t=>{let{label:a}=t;return a!==e.label})),className:"shadow-button border-outline dark:border-washed-dark hover:border-outlineHover hover:dark:border-outlineHover-dark group inline-flex w-fit items-center gap-2 rounded-full border bg-white px-2.5 py-1 dark:bg-black",children:[(0,r.jsx)("svg",{className:"h-1 w-4 shrink-0",viewBox:"0 0 8 2",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("rect",{x:"0",width:"8",height:"2",rx:"1",fill:e.colour})}),(0,r.jsx)("span",{className:"line-clamp-1 text-start text-sm",children:e.label}),(0,r.jsx)(u.Z,{className:"text-dim size-4.5 -mx-1 shrink-0 group-hover:text-black dark:group-hover:text-white"})]}))}),D.length>1&&(0,r.jsxs)(y.Z,{variant:"ghost",className:"group w-fit",onClick:()=>{z(R,[])},children:[(0,r.jsx)(u.Z,{className:"text-dim size-5 group-hover:text-black dark:group-hover:text-white"}),s("common:common.clear_all")]})]})]}),(0,r.jsx)(y.Z,{variant:"primary",className:"w-fit",onClick:()=>compare(D.map(e=>e.maker),D.map(e=>e.model)),children:s("compare_now")}),(0,r.jsx)("p",{className:"text-dim text-xs",children:s("disclaimer")})]}),(0,r.jsx)(M.Y,{children:e=>(0,r.jsxs)("div",{ref:i,className:"relative lg:col-span-2 scroll-mt-20 lg:scroll-mt-40",children:[(0,r.jsx)(S,{title:s("timeseries_title"),className:(0,c.L1)("h-[300px] w-full",0===H.length&&"absolute top-14 opacity-30"),enableAnimation:!e,menu:(0,r.jsx)("span",{className:"text-dim text-right text-sm",children:s("common:common.data_of",{date:(0,c.ZU)(a,"dd MMM yyyy, HH:mm",n.language)})}),isLoading:A.loading,precision:0,suggestedMaxY:2,interval:"month",mode:"grouped",enableCallout:H.length>0,data:{labels:V.x,datasets:Y},displayNumFormat:(e,t)=>

1(0,c.ZI)(e,t,e>1e6?1:0),tooltipCallback:e=>{let{dataset:t,parsed:a}=e;return"".concat(t.label,": ").concat((0,c.ZI)(a.y,"standard"))},subheader:H.length<1?(0,r.jsx)(r.Fragment,{}):(0,r.jsxs)("div",{className:"flex w-full flex-col gap-x-6 gap-y-3 md:flex-row md:flex-nowrap md:items-start md:justify-between",children:[1===H.length?(0,r.jsx)("div",{className:"flex flex-wrap gap-x-6 gap-y-3 lg:gap-x-8",children:[{title:s("common:common.latest",{date:(0,c.ZU)(U,"MMM yyyy")}),value:"+"+(0,c.ZI)(H[0][1].cars.at(-1),"standard")},{title:s("since",{year:new Date(U).getFullYear()-5}),value:(0,c.ZI)(K,"standard")},{title:s("since_2000"),value:(0,c.ZI)(H[0][1].cars_cumul.at(-1),"standard")}].map(e=>{let{title:t,value:a}=e;return(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-dim text-sm",children:t}),(0,r.jsx)("span",{className:"text-lg font-medium",children:a})]},t)})}):(0,r.jsx)("div",{className:"flex flex-col gap-x-6 gap-y-3 md:flex-row lg:gap-x-8 lg:gap-y-6",children:[q(12+P),q(60+P)].map((e,t)=>{let{car:a,lead:l}=e;return(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-dim text-sm",children:s("leader_since",{year:new Date(U).getFullYear()-(0===t?1:5)})}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-x-1.5",children:[(0,r.jsx)("span",{className:"text-lg font-medium",children:a}),-1===l?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)("span",{className:"bg-washed dark:bg-washed-dark text-outlineHover-dark dark:text-outlineHover rounded-xl px-2 py-0.5 text-sm font-medium",children:(l===1/0?"∞":(0,c.ZI)(l,"standard"))+s("%_lead")})]})]},t)})}),(0,r.jsx)("div",{className:"flex w-full gap-3 md:w-fit md:justify-end",children:(0,r.jsx)(k.aV,{className:"mr-3.5 flex-nowrap",current:A.period,onChange:e=>{z("period",e)},options:[s("monthly"),s("cumulative")]})})]})}),0===A.cars.length&&(0,r.jsx)("div",{className:"z-10 flex h-[312px] w-full flex-col items-center justify-center",children:(0,r.jsxs)("div",{className:"border-outline dark:border-washed-dark bg-outline dark:bg-washed-dark flex flex-row items-center gap-2 rounded-md border px-3 py-1.5",children:[(0,r.jsx)(p.Z,{className:"size-5"}),s("search_prompt")]})}),(0,r.jsx)(N.Z,{type:"range",period:"month",value:A.minmax,data:l.x,onChange:e=>z("minmax",e)})]})})]})})})},car_popularity=e=>{var t,a;let{last_updated:u,next_update:p,cars:x,tableData:h,timeseries:g}=e,{t:f,i18n:y}=(0,d.$)("dashboard-car-popularity"),b=Object.keys(h.top_makers.data).map(e=>({label:new Date(e).getFullYear().toString(),value:e})),{data:v,setData:j}=(0,m.e)({selectedYear:b.at(-1),topMakers:h.top_makers.data[(null===(t=b.at(-1))||void 0===t?void 0:t.value)||-1],topModels:h.top_models.data[(null===(a=b.at(-1))||void 0===a?void 0:a.value)||-1]});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.Z,{background:"blue",category:[f("common:categories.transportation"),"text-primary dark:text-primary-dark"],header:[f("header")],description:[f("description")],last_updated:u,next_update:p,agencyBadge:(0,r.jsx)(s.Z,{agency:"jpj"})}),(0,r.jsxs)(n.Z,{children:[(0,r.jsx)(o.Z,{children:(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"flex w-full flex-col place-content-center place-items-center gap-3 sm:flex-row",children:[(0,r.jsx)("h4",{className:"text-center",children:f("table_title")}),(0,r.jsx)(i.Z,{width:"w-fit",selected:v.selectedYear,onChange:e=>{j("selectedYear",e),j("topMakers",h.top_makers.data[e.value]),j("topModels",h.top_models.data[e.value])},options:b.reverse(),anchor:"left"})]}),(0,r.jsx)("div",{className:"text-dim text-sm flex justify-center",children:f("common:common.data_of",{date:(0,c.ZU)(h.top_models.data_as_of,"dd MMM yyyy, HH:mm",y.language)})}),(0,r.jsxs)("div",{className:"flex flex-col gap-12 lg:grid lg:grid-cols-12",children:[(0,r.jsxs)("table",{className:"lg:col-span-4 lg:col-start-3",children:[(0,r.jsx)("thead",{className:"dark:border-washed-dark border-b-2",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"px-1 py-2 text-center text-sm font-medium",children:"#"}),(0,r.jsx)("th",{className:"px-1 py-2 text-start text-sm font-medium",children:f("column_model")}),(0,r.jsx)("th",{className:"px-1 py-2 text-end text-sm font-medium",children:f("column_vehicles")})]})}),(0,r.jsx)("tbody",{children:v.topModels.map((e,t)=>

1(0,r.jsxs)("tr",{className:(0,c.L1)("dark:border-washed-dark border-b",t<3?" bg-background dark:bg-background-dark":""),children:[(0,r.jsx)("td",{className:(0,c.L1)("px-1 py-2 text-center text-sm font-medium",t<3?" text-primary dark:text-primary-dark":""),children:t+1}),(0,r.jsx)("td",{className:"w-1/2 px-1 py-2 text-start text-sm font-medium capitalize",children:"".concat(e.maker," ").concat(e.model)}),(0,r.jsx)("td",{className:"px-1 py-2 text-end text-sm font-medium tabular-nums",children:e.vehicles.toLocaleString()})]},t))})]}),(0,r.jsxs)("table",{className:"lg:col-span-4 lg:col-start-7",children:[(0,r.jsx)("thead",{className:"dark:border-washed-dark border-b-2",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"px-1 py-2 text-center text-sm font-medium",children:"#"}),(0,r.jsx)("th",{className:"px-1 py-2 text-start text-sm font-medium",children:f("column_maker")}),(0,r.jsx)("th",{className:"px-1 py-2 text-end text-sm font-medium",children:f("column_vehicles")})]})}),(0,r.jsx)("tbody",{children:v.topMakers.map((e,t)=>(0,r.jsxs)("tr",{className:(0,c.L1)("dark:border-washed-dark border-b",t<3?" bg-background dark:bg-background-dark":""),children:[(0,r.jsx)("td",{className:(0,c.L1)("px-1 py-2 text-center text-sm font-medium",t<3?" text-primary dark:text-primary-dark":""),children:t+1}),(0,r.jsx)("td",{className:"w-1/2 px-1 py-2 text-start text-sm font-medium capitalize",children:e.maker}),(0,r.jsx)("td",{className:"px-1 py-2 text-end text-sm font-medium",children:e.vehicles.toLocaleString()})]},t))})]})]})]})}),(0,r.jsx)(compare,{cars:x,data_as_of:h.top_makers.data_as_of,timeseries:g})]})]})},z=a(63946),O=a(99911),E=!0,dashboard_car_popularity=e=>{let{last_updated:t,next_update:a,cars:l,meta:s,timeseries:n,tableData:o}=e,{t:i}=(0,d.$)("dashboards");return(0,r.jsxs)(O.n,{meta:s,children:[(0,r.jsx)(z.Z,{title:i("dashboards.car-popularity.name"),description:i("dashboards.car-popularity.description")}),(0,r.jsx)(car_popularity,{last_updated:t,next_update:a,cars:l,timeseries:n,tableData:o})]})}},58670:function(e,t,a){"use strict";var r=a(52322),l=a(36874),s=a(22650),n=a(2784);let o=(0,n.forwardRef)(function(e,t){let{option:a,format:n,image:o,onClick:i,isSelected:c,active:d,index:m,total:u,style:p}=e;return(0,r.jsx)("li",{ref:t,role:"option","aria-selected":c,onClick:i,"aria-setsize":u,"aria-posinset":m+1,className:(0,l.L1)("px-4 py-2 w-full cursor-pointer select-none z-10",d&&"bg-slate-100 dark:bg-zinc-800"),style:p,children:(0,r.jsxs)("div",{className:"relative flex flex-row gap-2",children:[n?(0,r.jsx)("p",{className:(0,l.L1)("flex gap-x-1 truncate",c?"font-medium":"font-normal"),children:n(a)}):(0,r.jsxs)(r.Fragment,{children:[o&&o(a.value),(0,r.jsx)("p",{className:(0,l.L1)("block grow self-center truncate",c?"font-medium":"font-normal"),children:a.label})]}),c&&(0,r.jsx)("span",{className:"absolute inset-y-0 right-0 flex items-center",children:(0,r.jsx)(s.Z,{className:"text-primary dark:text-secondary h-4 w-4"})})]})},m)});t.Z=o},38773:function(e,t,a){"use strict";var r=a(52322),l=a(26962),s=a(36874);t.Z=e=>{let{label:t,name:a,options:n,value:o,onChange:i,className:c}=e;return(0,r.jsxs)("div",{children:[t&&(0,r.jsx)(l.Z,{label:t}),(0,r.jsx)("ul",{className:(0,s.L1)("flex flex-wrap gap-x-4.5 gap-y-2.5 pt-2",c),children:n.map(e=>(0,r.jsx)("li",{children:(0,r.jsxs)("label",{htmlFor:e.value,className:"flex items-center gap-2",children:[(0,r.jsx)("input",{id:e.value,value:e.value,type:"radio",name:a,checked:o&&e.value===o.value,className:"border-outline text-primary focus:ring-primary dark:checked:bg-primary border-2 dark:bg-inherit",onChange:t=>i&&i(e)}),(0,r.jsx)("span",{className:"block text-sm",children:e.label})]})},e.value))})]})}},88043:function(e,t,a){"use strict";var r=a(52322),l=a(36874),s=a(76290),n=a(2784),o=a(36234);let i=(0,n.forwardRef)((e,t)=>{let{title:a,className:i="py-8 lg:py-12",description:c,children:d,date:m,menu:u}=e,{t:p,i18n:x}=(0,s.$)(),h=(0,n.useMemo)(()=>null==m?"":"string"!=typeof m||(o.ou.fromSQL(m).isValid||o.ou.fromFormat(m,"yyyy-'Q'q").isValid)&&m.length>4?(0,l.ZU)(m,"dd MMM yyyy, HH:mm",x.language):m,[m,x.language]);return(0,r.jsx)("section",{className:i,ref:t,children:(0,r.jsxs)("div",{className:"flex flex-col gap-6 lg:gap-8",children:[a||m||c?(0,r.jsxs)("div",{className:"flex flex-col gap-y-3",children:[(0,r.jsxs)("div",{className:"flex flex-col flex-wrap items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[a&&"string"==typeof a?(0,r.jsx)("h4",{children:a}):a,m&&null!==m&&(0,r.jsx)("span",{className:"text-dim text-right text-sm",children:p("common:common.data_of",{date:h})})]}),(c||u)&&(0,r.jsxs)("div",{className:(0,l.L1)("text-dim flex w-full flex-wrap justify-between gap-y-3 md:flex-nowrap md:items-start",c&&u?"gap-x-6":""),children:[c&&"string"==typeof c?(0,r.jsx)("p",{className:["whitespace-pre-line text-base",u?"md:max-w-[70%]":""].join(" "),children:c}):c,u&&(0,r.jsx)("div",{className:"flex w-full gap-3 md:w-auto md:justify-end",children:u})]})]}):(0,r.jsx)(r.Fragment,{}),(0,r.jsx)("div",{children:d})]})})});i.displayName="Section",t.Z=i},70784:function(e,t,a){"use strict";var r=a(52322),l=a(2784),s=a(31142),n=a(95280),o=a(76290),i=a(64880),c=a(36874),d=a(70830),m=a(31891);let SliderTooltip=e=>{let{play:t,children:a}=e;

1return(0,r.jsxs)("div",{className:(0,c.L1)("absolute bottom-8 left-1/2 flex -translate-x-1/2 transform flex-col items-center opacity-0 group-hover:flex group-hover:opacity-100","transition-opacity delay-300 duration-300 group-hover:delay-0 max-lg:group-focus-within:opacity-100",t?"opacity-100":"opacity-0"),children:[(0,r.jsx)("span",{className:"shadow-floating relative z-10 whitespace-nowrap rounded-lg bg-black px-3 py-1.5 text-sm text-white dark:bg-white dark:text-black",children:a}),(0,r.jsx)("div",{className:"absolute -bottom-1 h-2 w-2 rotate-45 bg-black dark:bg-white"})]})},u=[16586208e5,16587072e5,16594848e5,16595712e5];t.Z=e=>{let{className:t="pt-8",type:a,onChange:p,step:x,value:h,data:g=u,period:f="auto",parseAsDate:y=!0,enablePlayer:b=!0}=e,{t:v,i18n:j}=(0,o.$)("common"),{play:w,setPlaying:k}=(0,l.useContext)(m.y),N=(0,l.useRef)(null),[_,M]=(0,l.useState)(h),C={auto:"dd MMM yyyy",day:"dd MMM yyyy",month:"MMM yyyy",quarter:"".concat("ms-MY"===j.language?"'ST'":"","q").concat("ms-MY"===j.language?"":"Q"," yyyy"),year:"yyyy",hour:"dd MMM yy HH:mm "};if((0,i.q)(()=>{"single"!==a&&N.current&&cancelTimer()},[g]),(0,i.q)(()=>{"single"!==a&&M(h)},[h]),(0,i.q)(()=>{g&&"range"===a&&(M(h),p(h))},[f]),"single"===a)return(0,r.jsxs)("div",{className:(0,c.L1)("group flex w-full items-center gap-x-3",t),children:[(0,r.jsx)("p",{className:"text-dim text-sm",children:y?(0,c.ZU)(g[0],"yyyy",j.language):g[0]}),(0,r.jsxs)(d.fC,{className:"group relative flex h-5 w-full touch-none select-none items-center",value:[_],max:g.length-1,step:x,onValueChange:e=>M(e),onValueCommit:e=>p(e),children:[(0,r.jsx)(d.fQ,{className:"dark:bg-washed-dark bg-outline relative z-0 h-2 grow rounded-full",children:(0,r.jsx)(d.e6,{className:"max-lg:group-focus-within:bg-primary dark:max-lg:group-focus-within:bg-primary-dark group-hover:bg-primary  dark:group-hover:bg-primary absolute z-0 h-full rounded-xl bg-[#A1A1AA]"})}),(0,r.jsx)(d.bU,{className:"max-lg:group-focus-within:border-primary max-lg:group-focus-within:ring-primary group-hover:border-primary group-hover:ring-primary shadow-button block h-5 w-5 cursor-pointer rounded-full border-2 border-[#A1A1AA] bg-white group-hover:ring-4 max-lg:group-focus-within:ring-4",children:(0,r.jsx)(SliderTooltip,{children:y?(0,c.ZU)(g[_],C[f],j.language):g[_]})})]}),(0,r.jsx)("p",{className:"text-dim text-sm",children:y?(0,c.ZU)(g[g.length-1],"yyyy",j.language):g[g.length-1]})]});let startTimer=()=>{k(!0);let e=h[1]>=g.length-1?h[0]:h[1];N.current=setInterval(()=>{e>=g.length-1?cancelTimer():p([h[0],++e])},150)},cancelTimer=()=>{k(!1),N.current&&clearInterval(N.current),N.current=null};return(0,r.jsxs)("div",{className:(0,c.L1)("group flex w-full items-center gap-x-3",t),children:[b&&(0,r.jsx)("button",{type:"button","aria-label":v(w?"common:common.pause":"common:common.play"),title:v(w?"common:common.pause":"common:common.play"),className:"w-fit",onClick:()=>{N.current?cancelTimer():startTimer()},children:w?(0,r.jsx)(s.Z,{className:"h-4 w-4 text-black dark:text-white"}):(0,r.jsx)(n.Z,{className:"h-4 w-4 text-black dark:text-white"})}),(0,r.jsx)("p",{className:"text-dim text-sm",children:y?(0,c.ZU)(g[0],"yyyy",j.language):g[0]}),(0,r.jsxs)(d.fC,{className:"group relative flex h-5 w-full touch-none select-none items-center",value:_,min:0,max:g.length-1,onValueChange:e=>{N.current&&cancelTimer(),M(e)},onValueCommit:e=>{N.current&&cancelTimer(),p(e)},minStepsBetweenThumbs:1,children:[(0,r.jsx)(d.fQ,{className:"dark:bg-washed-dark bg-outline relative z-0 h-2 grow rounded-full",children:(0,r.jsx)(d.e6,{className:"max-lg:group-focus-within:bg-primary dark:max-lg:group-focus-within:bg-primary-dark group-hover:bg-primary dark:group-hover:bg-primary absolute z-0 h-full rounded-xl bg-[#A1A1AA]"})}),(0,r.jsx)(d.bU,{className:"max-lg:group-focus-within:border-primary max-lg:group-focus-within:ring-primary group-hover:border-primary group-hover:ring-primary shadow-button block h-5 w-5 cursor-col-resize rounded-full border-2 border-[#A1A1AA] bg-white group-hover:ring-4 max-lg:group-focus-within:ring-4",children:(0,r.jsx)(SliderTooltip,{play:w,children:y?(0,c.ZU)(g[Math.max(0,_[0])],C[f],j.language):g[_[0]]})}),(0,r.jsx)(d.bU,{className:"max-lg:group-focus-within:border-primary max-lg:group-focus-within:ring-primary group-hover:border-primary group-hover:ring-primary shadow-button block h-5 w-5 cursor-col-resize rounded-full border-2 border-[#A1A1AA] bg-white group-hover:ring-4 max-lg:group-focus-within:ring-4",children:(0,r.jsx)(SliderTooltip,{play:w,children:y?(0,c.ZU)(g[Math.min(_[1],g.length-1)],C[f],j.language):g[_[1]]})})]}),(0,r.jsx)("p",{className:"text-dim text-sm",children:y?(0,c.ZU)(g[g.length-1],"yyyy",j.language):g[g.length-1]})]})}},84238:function(e,t,a){"use strict";a.d(t,{aV:function(){return List},s_:function(){return Panel}});var r=a(52322),l=a(2784),s=a(62671),n=a(36874);let Panel=e=>{let{children:t,className:a,name:l}=e;return(0,r.jsx)("div",{className:a,children:t})},List=e=>{let{options:t,current:a,onChange:l,icons:s,className:o}=e;return(0,r.jsx)("ul",{className:(0,n.L1)("flex flex-wrap",o),children:t.map((e,t)=>(0,r.jsxs)("li",{className:(0,n.L1)("flex cursor-pointer select-none self-center whitespace-nowrap rounded-full px-2.5 py-1 text-sm outline-none transition-colors",a===t?"bg-outline dark:bg-washed-dark font-medium text-black dark:text-white":"text-dim bg-transparent hover:text-black dark:hover:text-white"),onClick:()=>l(t),children:[s&&s[t],e]},e))})},Tabs=e=>{let{className:t="",hidden:a,children:o,title:i,controls:c,current:d,menu:m,onCh

1ange:u=()=>{}}=e,p=(0,l.useMemo)(()=>Array.isArray(o)?o:[o],[o]);return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(s.O.Group,{selectedIndex:d,onChange:u,children:[(0,r.jsxs)("div",{className:(0,n.L1)("flex flex-wrap items-end justify-between gap-3",t),children:[(0,r.jsx)("div",{children:i&&"string"==typeof i?(0,r.jsx)("span",{className:"text-base font-bold",children:i}):i}),(0,r.jsxs)(s.O.List,{className:(0,n.L1)("flex flex-wrap items-center justify-between gap-2.5",a&&"hidden"),children:[c,(0,r.jsx)("div",{className:"flex flex-wrap",children:p.map((e,t)=>{let{props:{name:a,icon:l}}=e;return(0,r.jsxs)(s.O,{className:e=>{let{selected:t}=e;return(0,n.L1)("group flex flex-row rounded-full px-[10px] py-1 text-sm outline-none transition-colors",t?"bg-outline dark:bg-washed-dark font-medium text-black dark:text-white":"text-dim bg-transparent hover:text-black dark:hover:text-white")},children:[l,a]},t)})}),m&&(0,r.jsx)("div",{children:m})]})]}),(0,r.jsx)(s.O.Panels,{className:"w-full",children:p.map((e,t)=>{let{props:{children:a}}=e;return(0,r.jsx)(s.O.Panel,{className:"overflow-visible",children:a},t)})})]})})};Tabs.Panel=Panel,Tabs.List=List,t.ZP=Tabs},31891:function(e,t,a){"use strict";a.d(t,{Y:function(){return SliderProvider},y:function(){return s}});var r=a(52322),l=a(2784);let s=(0,l.createContext)({play:!1,setPlaying:()=>{}}),SliderProvider=e=>{let{children:t}=e,[a,n]=(0,l.useState)(!1);return(0,r.jsx)(s.Provider,{value:{play:a,setPlaying:n},children:t(a)})}},46096:function(e,t,a){"use strict";a.d(t,{e:function(){return useData}});var r=a(2784);let useData=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,r.useRef)(e);let[t,a]=(0,r.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})}}}},28663:function(e,t,a){"use strict";a.d(t,{M:function(){return useSlice}});var r=a(2784);let useSlice=(e,t)=>{let a=(0,r.useMemo)(()=>Object.entries(e).map(e=>{let[a,r]=e;return[a,r.slice(t?t[0]:0,t?t[1]+1:r.length-1)]}),[e,t]);return{coordinate:Object.fromEntries(a)}}},64880:function(e,t,a){"use strict";a.d(t,{q:function(){return useWatch}});var r=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],l=(0,r.useRef)(!0);(0,r.useEffect)(()=>{if(!a&&l.current){l.current=!1;return}e()},t)}},99228:function(e,t,a){"use strict";a.d(t,{U2:function(){return get},v_:function(){return post},Vw:function(){return stream}});var r=a(60418),l=a(36874),s=a(93517),n=a(8765);let api_edge_getRollingToken=async()=>{let e=(0,n.eI)("https://edge-config.vercel.com/ecfg_v5n8w6f09sbpouvkutyjbzwvpyyj?token=f76bbbc1-030b-4388-837f-17026a10bc83"),t=await e.get("ROLLING_TOKEN");return!!t&&s.Z.json({token:t})},instance=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=(0,l.jl)(document.cookie).rolling_token,s={baseURL:{api:"https://datagovmy.app",app:"https://data.gov.my"}[e]||e,headers:{Authorization:"Bearer ".concat(a),...t}};return r.default.create(s)},get=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"api",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return new Promise((l,s)=>{instance(a,r).get(e,{params:t}).then(e=>l(e)).catch(async n=>{var o;if((null===(o=n.response)||void 0===o?void 0:o.data.status)===401){let o=await api_edge_getRollingToken();if(o){let{token:n}=await o.json();return instance(a,{Authorization:"Bearer ".concat(n),...r}).get(e,{params:t}).then(e=>l(e)).catch(e=>s(e))}s(n)}s(n)})})},post=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"api",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return new Promise((l,s)=>{instance(a,r).post(e,t).then(e=>l(e)).catch(async n=>{var o;if((null===(o=n.response)||void 0===o?void 0:o.data.status)===401){let o=await api_edge_getRollingToken();if(o){let{token:n}=await o.json();return instance(a,{Authorization:"Bearer ".concat(n),...r}).post(e,t).then(e=>l(e)).catch(e=>s(e))}s(n)}s(n)})})},stream=(e,t)=>fetch("https://ai.datagovmy.app:8005"+e,{method:"POST",headers:{Accept:"text/event-stream","Content-Type":"application/json",Authorization:"Bearer ".concat((0,l.jl)(document.cookie).rolling_token)},body:JSON.stringify(t)})}},function(e){e.O(0,[3130,1368,4454,1867,5407,7234,9774,2888,179],function(){return e(e.s=37408)}),_N_E=e.O()}]);