(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,[154471,(e,t,a)=>{function n(e,t,a,n){return!1}e.i(350461),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"getDomainLocale",{enumerable:!0,get:function(){return n}}),e.r(270090),("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},539149,(e,t,a)=>{e.i(350461),Object.defineProperty(a,"__esModule",{value:!0});var n={default:function(){return w},useLinkStatus:function(){return y}};for(var s in n)Object.defineProperty(a,s,{enumerable:!0,get:n[s]});let i=e.r(952456),r=e.r(391398),o=i._(e.r(191788)),l=e.r(160472),c=e.r(471112),d=e.r(728169),h=e.r(889129),u=e.r(514862),f=e.r(425479),m=e.r(771914),x=e.r(154471),p=e.r(344113),g=e.r(663230),b=new Set;function _(e,t,a,n){if(!("u"<typeof window)&&(0,c.isLocalURL)(t)){if(!n.bypassPrefetchedCheck){let s=t+"%"+a+"%"+(void 0!==n.locale?n.locale:"locale"in e?e.locale:void 0);if(b.has(s))return;b.add(s)}e.prefetch(t,a,n).catch(e=>{})}}function j(e){return"string"==typeof e?e:(0,d.formatUrl)(e)}let v=o.default.forwardRef(function(e,t){let a,n,{href:s,as:i,children:d,prefetch:b=null,passHref:v,replace:k,shallow:y,scroll:w,locale:T,onClick:C,onNavigate:N,onMouseEnter:I,onTouchStart:P,legacyBehavior:O=!1,transitionTypes:S,...E}=e;a=d,O&&("string"==typeof a||"number"==typeof a)&&(a=(0,r.jsx)("a",{children:a}));let M=o.default.useContext(f.RouterContext),L=!1!==b,{href:U,as:H}=o.default.useMemo(()=>{if(!M){let e=j(s);return{href:e,as:i?j(i):e}}let[e,t]=(0,l.resolveHref)(M,s,!0);return{href:e,as:i?(0,l.resolveHref)(M,i):t||e}},[M,s,i]),R=o.default.useRef(U),z=o.default.useRef(H);O&&(n=o.default.Children.only(a));let A=O?n&&"object"==typeof n&&n.ref:t,[D,F,W]=(0,m.useIntersection)({rootMargin:"200px"}),B=o.default.useCallback(e=>{(z.current!==H||R.current!==U)&&(W(),z.current=H,R.current=U),D(e)},[H,U,W,D]),G=(0,g.useMergedRef)(B,A);o.default.useEffect(()=>{!M||F&&L&&_(M,U,H,{bypassPrefetchedCheck:!1,locale:T})},[H,U,F,T,L,null==M?void 0:M.locale,M]);let K={ref:G,onClick(e){O||"function"!=typeof C||C(e),O&&n.props&&"function"==typeof n.props.onClick&&n.props.onClick(e),!M||e.defaultPrevented||function(e,t,a,n,s,i,r,o,l){let d,{nodeName:h}=e.currentTarget;if(!("A"===h.toUpperCase()&&((d=e.currentTarget.getAttribute("target"))&&"_self"!==d||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which)||e.currentTarget.hasAttribute("download"))){if(!(0,c.isLocalURL)(a)){s&&(e.preventDefault(),location.replace(a));return}e.preventDefault(),(()=>{if(l){let e=!1;if(l({preventDefault:()=>{e=!0}}),e)return}let e=null==r||r;"beforePopState"in t?t[s?"replace":"push"](a,n,{shallow:i,locale:o,scroll:e}):t[s?"replace":"push"](n||a,{scroll:e})})()}}(e,M,U,H,k,y,w,T,N)},onMouseEnter(e){O||"function"!=typeof I||I(e),O&&n.props&&"function"==typeof n.props.onMouseEnter&&n.props.onMouseEnter(e),M&&_(M,U,H,{locale:T,priority:!0,bypassPrefetchedCheck:!0})},onTouchStart:function(e){O||"function"!=typeof P||P(e),O&&n.props&&"function"==typeof n.props.onTouchStart&&n.props.onTouchStart(e),M&&_(M,U,H,{locale:T,priority:!0,bypassPrefetchedCheck:!0})}};if((0,h.isAbsoluteUrl)(H))K.href=H;else if(!O||v||"a"===n.type&&!("href"in n.props)){let e=void 0!==T?T:null==M?void 0:M.locale;K.href=(null==M?void 0:M.isLocaleDomain)&&(0,x.getDomainLocale)(H,e,null==M?void 0:M.locales,null==M?void 0:M.domainLocales)||(0,p.addBasePath)((0,u.addLocale)(H,e,null==M?void 0:M.defaultLocale))}return O?o.default.cloneElement(n,K):(0,r.jsx)("a",{...E,...K,children:a})}),k=(0,o.createContext)({pending:!1}),y=()=>(0,o.useContext)(k),w=v;("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},771914,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"useIntersection",{enumerable:!0,get:function(){return l}});let n=e.r(191788),s=e.r(799604),i="function"==typeof IntersectionObserver,r=new Map,o=[];function l(e){let{rootRef:t,rootMargin:a,disabled:l}=e,c=l||!i,[d,h]=(0,n.useState)(!1),u=(0,n.useRef)(null),f=(0,n.useCallback)(e=>{u.current=e},[]);return(0,n.useEffect)(()=>{if(i){if(c||d)return;let e=u.current;if(e&&e.tagName)return function(e,t,a){let{id:n,observer:s,elements:i}=function(e){let t,a={root:e.root||null,margin:e.rootMargin||""},n=o.find(e=>e.root===a.root&&e.margin===a.margin);if(n&&(t=r.get(n)))return t;let s=new Map;return t={id:a,observer:new IntersectionObserver(e=>{e.forEach(e=>{let t=s.get(e.target),a=e.isIntersecting||e.intersectionRatio>0;t&&a&&t(a)})},e),elements:s},o.push(a),r.set(a,t),t}(a);return i.set(e,t),s.observe(e),function(){if(i.delete(e),s.unobserve(e),0===i.size){s.disconnect(),r.delete(n);let e=o.findIndex(e=>e.root===n.root&&e.margin===n.margin);e>-1&&o.splice(e,1)}}}(e,e=>e&&h(e),{root:null==t?void 0:t.current,rootMargin:a})}else if(!d){let e=(0,s.requestIdleCallback)(()=>h(!0));return()=>(0,s.cancelIdleCallback)(e)}},[c,a,t,d,u.current]),[f,d,(0,n.useCallback)(()=>{h(!1)},[])]}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},663230,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"useMergedRef",{enumerable:!0,get:function(){return s}});let n=e.r(191788);function s(e,t){let a=(0,n.useRef)(null),s=(0,n.useRef)(null);return(0,n.useCallback)(n=>{if(null===n){let e=a.current;e&&(a.current=null,e());let t=s.current;t&&(s.current=null,t())}else e&&(a.current=i(e,n)),t&&(s.current=i(t,n))},[e,t])}function i(e,t){if("function"!=typeof e)return e.current=t,()=>{e.current=null};{let a=e(t);return"function"==typeof a?a:()=>e(null)}}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},633241,e=>{var t=e.i(391398),a=e.i(145246),n=e.i(191788);let s=new String(".button.jsx-9f448d739b788dbe{z-index:99;background-color:var(--header-menu-button);cursor:pointer;border:none;border-radius:8px;outline:none;width:35px;height:35px;padding:0;font-size:16px;position:fixed;bottom:5px;left:5px}.button.jsx-9f448d739b788dbe:hover{background-color:(--primary-color)}");s.__hash="9f448d739b788dbe";class i extends n.Component{jump(){e.g.$("html, body").animate({scrollTop:0},800)}render(){return(0,t.jsxs)("div",{className:"jsx-".concat(s.__hash),children:[(0,t.jsx)("button",{onClick:()=>this.jump(),id:"jumpToTop",title:"Lên đầu trang",className:"jsx-".concat(s.__hash)+" button",children:(0,t.jsx)("i",{className:"jsx-".concat(s.__hash)+" fas fa-arrow-up"})}),(0,t.jsx)(a.default,{id:s.__hash,children:s})]})}constructor(e){super(e),this.state={}}}e.s(["f",0,i],633241)},710505,e=>{var t=e.i(391398);e.i(191788);var a=e.i(145246),n=e.i(230184),s=e.i(612683);let i=new String(".main.jsx-a9d6753de61e1206{cursor:pointer;flex-direction:row;align-items:flex-start;margin-bottom:0;display:flex}.real-image.jsx-a9d6753de61e1206{opacity:0;width:100%;height:100%;display:block}.image.jsx-a9d6753de61e1206{border:1px solid var(--border-thread-thumbnail);background-position:50%;background-size:cover;flex:none;width:252px;height:156px;margin-right:9px}.content.jsx-a9d6753de61e1206{flex-direction:column;flex:auto;display:flex}.title.jsx-a9d6753de61e1206{text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:.5em;font-size:24px;font-weight:700;display:-webkit-box;overflow:hidden}.main.jsx-a9d6753de61e1206:hover .title.jsx-a9d6753de61e1206{color:var(--color-author,var(--color-accent-dark))}.at.jsx-a9d6753de61e1206,.view.jsx-a9d6753de61e1206{color:var(--color-light-2)}.info.jsx-a9d6753de61e1206,.author.jsx-a9d6753de61e1206{flex-direction:row;align-items:center;font-size:14px;display:flex}.author.jsx-a9d6753de61e1206 .name.jsx-a9d6753de61e1206{color:var(--color-author,var(--color-accent-dark));font-weight:700}.avatar.jsx-a9d6753de61e1206{border:1px solid var(--color-light-1);border-radius:50%;width:30px;height:30px;margin-right:6px}.topic.jsx-a9d6753de61e1206{background:var(--color-light-3);color:var(--color-light-0);align-self:flex-start;margin-bottom:12px;padding:6px 12px;font-family:Lato,sans-serif;font-size:13px;font-weight:700}@media (max-width:1000px){.title.jsx-a9d6753de61e1206{font-size:24px}}@media (max-width:700px){.title.jsx-a9d6753de61e1206{font-size:18px}.image.jsx-a9d6753de61e1206{flex:0 0 210px;width:210px;height:130px}.avatar.jsx-a9d6753de61e1206{display:none}}@media (max-width:500px){.image.jsx-a9d6753de61e1206{flex:0 0 160px;width:160px;height:100px}.topic.jsx-a9d6753de61e1206{display:none}.title.jsx-a9d6753de61e1206{font-size:16px}.author.jsx-a9d6753de61e1206{font-size:12px}.at.jsx-a9d6753de61e1206,.view.jsx-a9d6753de61e1206{display:none}}");i.__hash="a9d6753de61e1206";let r=e=>{let{name:n,avatar:s}=e;return(0,t.jsxs)("span",{className:"jsx-".concat(i.__hash)+" author",children:[(0,t.jsx)("img",{src:s,alt:n,className:"jsx-".concat(i.__hash)+" avatar"}),(0,t.jsx)("span",{className:"jsx-".concat(i.__hash)+" name",children:n}),(0,t.jsx)(a.default,{id:i.__hash,children:i})]})},o=e=>{let{link:o,title:l,image:c,since:d,topic:h,author:u,stats:f,onClick:m}=e;return(0,t.jsx)("a",{href:o,onClick:m,children:(0,t.jsxs)("div",{className:"jsx-".concat(i.__hash)+" main",children:[(0,t.jsx)("div",{style:{backgroundImage:"url(".concat(c,")")},className:"jsx-".concat(i.__hash)+" image",children:(0,t.jsx)("img",{src:c,alt:l,title:l,className:"jsx-".concat(i.__hash)+" real-image"})}),(0,t.jsxs)("div",{className:"jsx-".concat(i.__hash)+" content",children:[h?(0,t.jsx)("div",{className:"jsx-".concat(i.__hash)+" topic",children:h}):null,(0,t.jsx)("span",{className:"jsx-".concat(i.__hash)+" title thread-title",children:l}),(0,t.jsxs)("div",{className:"jsx-".concat(i.__hash)+" info",children:[(0,t.jsx)(r,{...u}),(0,t.jsxs)("span",{className:"jsx-".concat(i.__hash)+" at",children:[" - ",(0,t.jsx)(n.f,{value:d})]}),f.view>1e3&&(0,t.jsxs)("span",{className:"jsx-".concat(i.__hash)+" view",children:[" - ",(0,t.jsx)(s.f,{value:f.view})," lượt xem"]})]})]}),(0,t.jsx)(a.default,{id:i.__hash,children:i})]})})},l=new String(".main.jsx-e574107921729bfb{cursor:pointer;flex-direction:row;align-items:flex-start;display:flex}.reverse.jsx-e574107921729bfb{flex-direction:row-reverse}.image.jsx-e574107921729bfb{background-position:50%;background-size:cover;border-radius:8px;flex:none;width:96px;height:54px;margin-right:16px}.real-image.jsx-e574107921729bfb{opacity:0;width:100%;height:100%}.reverse.jsx-e574107921729bfb .image.jsx-e574107921729bfb{margin-left:16px;margin-right:0}.content.jsx-e574107921729bfb{flex:auto;overflow:hidden}.title.jsx-e574107921729bfb{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}");l.__hash="e574107921729bfb";let c=e=>{let{link:n,title:s,thumbnail:i,reverse:r,onClick:o}=e;return(0,t.jsx)("a",{href:n,onClick:o,children:(0,t.jsxs)("div",{className:"jsx-".concat(l.__hash)+" "+"main ".concat(r?"reverse":""),children:[(0,t.jsx)("div",{style:{backgroundImage:"url(".concat(i,")")},className:"jsx-".concat(l.__hash)+" image",children:(0,t.jsx)("img",{src:i,alt:s,className:"jsx-".concat(l.__hash)+" real-image"})}),(0,t.jsx)("div",{className:"jsx-".concat(l.__hash)+" content",children:(0,t.jsx)("span",{title:s,className:"jsx-".concat(l.__hash)+" title thread-title",children:s})}),(0,t.jsx)(a.default,{id:l.__hash,children:l})]})})},d=new String(".title.jsx-106b0baee1cb21ba{margin-bottom:8px;font-size:20px}@media (max-width:1000px){.title.jsx-106b0baee1cb21ba{font-size:24px}}@media (max-width:700px){.title.jsx-106b0baee1cb21ba{font-size:24px}}@media (max-width:500px){.title.jsx-106b0baee1cb21ba{font-size:22px}}");d.__hash="106b0baee1cb21ba";let h=new String(".title.jsx-f9d9c918d300b2b6{margin-bottom:8px;font-size:16px}");h.__hash="f9d9c918d300b2b6";let u=new String(".main.jsx-67e68d25a3fd494c{cursor:pointer;flex-direction:column;align-items:flex-start;margin-bottom:0;padding:0;display:flex}.main.jsx-67e68d25a3fd494c:hover .title.jsx-67e68d25a3fd494c{color:var(--color-author,var(--color-accent-dark))}.real-image.jsx-67e68d25a3fd494c{opacity:0;width:100%}.image.jsx-67e68d25a3fd494c{background-position:50%;background-size:cover;width:100%;height:0;margin-bottom:12px;margin-right:0;padding-bottom:62%}.content.jsx-67e68d25a3fd494c{flex-direction:column;font-size:13px;line-height:16px;display:flex}.title.jsx-67e68d25a3fd494c{color:var(--text-dark);height:2.6em;font-weight:700;line-height:1.3em}.title.always-white.jsx-67e68d25a3fd494c{color:var(--text-always-white)}.at.jsx-67e68d25a3fd494c,.view.jsx-67e68d25a3fd494c{color:var(--text-dark);font-size:13px}.info.jsx-67e68d25a3fd494c,.author.jsx-67e68d25a3fd494c{flex-direction:row;align-items:center;display:flex}.author.jsx-67e68d25a3fd494c .name.jsx-67e68d25a3fd494c{color:var(--color-author,var(--color-accent-dark));font-weight:700}@media (max-width:1000px){.author.jsx-67e68d25a3fd494c,.at.jsx-67e68d25a3fd494c,.view.jsx-67e68d25a3fd494c{font-size:11px}}@media (min-width:1001px){.title.jsx-67e68d25a3fd494c{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:1000px){.title.jsx-67e68d25a3fd494c{height:auto;margin:0;font-size:24px;display:block}.main.jsx-67e68d25a3fd494c{display:block;position:relative;overflow:hidden}.image.jsx-67e68d25a3fd494c{margin:0}.info.jsx-67e68d25a3fd494c{display:none}}");u.__hash="67e68d25a3fd494c";let f=e=>{let{name:n}=e;return(0,t.jsxs)("span",{className:"jsx-".concat(u.__hash)+" author",children:[(0,t.jsx)("span",{className:"jsx-".concat(u.__hash)+" name",children:n}),(0,t.jsx)(a.default,{id:u.__hash,children:u})]})},m=e=>{let{link:s,title:i,image:r,since:o,author:l,stats:c,styleName:m,onClick:x,titleAlwaysWhite:p}=e;return m.indexOf("small")>-1?(0,t.jsx)("a",{href:s,onClick:x,children:(0,t.jsxs)("div",{className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" main",children:[(0,t.jsx)("div",{style:{backgroundImage:"url(".concat(r,")")},className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" image",children:(0,t.jsx)("img",{src:r,alt:i,className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" real-image"})}),(0,t.jsxs)("div",{className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" content",children:[(0,t.jsx)("span",{className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" "+"title thread-title ".concat(p&&"always-white"),children:i}),(0,t.jsxs)("div",{className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" info",children:[(0,t.jsx)(f,{...l}),(0,t.jsxs)("span",{className:"jsx-".concat(h.__hash," jsx-").concat(u.__hash)+" at",children:[" - ",(0,t.jsx)(n.f,{value:o})]})]})]}),(0,t.jsx)(a.default,{id:u.__hash,children:u}),(0,t.jsx)(a.default,{id:h.__hash,children:h})]})}):(0,t.jsx)("a",{href:s,children:(0,t.jsxs)("div",{className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" main",children:[(0,t.jsx)("div",{style:{backgroundImage:"url(".concat(r,")")},className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" image",children:(0,t.jsx)("img",{src:r,alt:i,className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" real-image"})}),(0,t.jsxs)("div",{className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" content",children:[(0,t.jsx)("span",{className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" "+"title ".concat(p&&"always-white"),children:i}),(0,t.jsxs)("div",{className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" info",children:[(0,t.jsx)(f,{...l}),(0,t.jsxs)("span",{className:"jsx-".concat(d.__hash," jsx-").concat(u.__hash)+" at",children:[" - ",(0,t.jsx)(n.f,{value:o})]})]})]}),(0,t.jsx)(a.default,{id:u.__hash,children:u}),(0,t.jsx)(a.default,{id:d.__hash,children:d})]})})};e.s(["f",0,e=>{let{styleName:a,onClick:n,...s}=e;if(a){if(a.indexOf("full")>-1)return(0,t.jsx)(o,{...s,onClick:n});if(a.indexOf("lite")>-1)return(0,t.jsx)(c,{...s,onClick:n});if(a.indexOf("horizontal")>-1)return(0,t.jsx)(m,{...e,onClick:n})}return(0,t.jsx)("div",{children:"Error: Please specific type for article: full, lite or horizontal."})}],710505)},438311,e=>{var t=e.i(391398),a=e.i(145246),n=e.i(191788);let s=new String(".pagination.jsx-73e051160c8b81b3{white-space:nowrap;align-items:center;font-size:.8rem;display:flex;position:relative}.pagination.jsx-73e051160c8b81b3 .pagination--header.jsx-73e051160c8b81b3{margin-right:10px}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3{flex-flow:wrap;display:flex}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .page.jsx-73e051160c8b81b3{text-align:center;box-sizing:border-box;border:1px solid var(--border-dark);min-width:26px;height:26px;color:var(--text-dark);opacity:.5;background-color:#0000;border-radius:3px;outline:none;margin:0 3px 3px 0;padding:0 5px;line-height:24px;display:inline-block}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .page.jsx-73e051160c8b81b3:hover{background-color:var(--border-dark);border:1px solid var(--border-dark);color:var(--text-light)}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .current.jsx-73e051160c8b81b3{background-color:var(--border-dark);border:1px solid var(--border-dark);color:var(--text-light);opacity:1;border-radius:3px}@media (max-width:500px){.pagination.jsx-73e051160c8b81b3 .pagination--header.jsx-73e051160c8b81b3{display:none}}");s.__hash="73e051160c8b81b3",e.s(["f",0,e=>{let{currentPage:i,totalPage:r,onSelected:o}=e,[l,c]=(0,n.useState)(i-3),d=e=>{o(e)};return(0,n.useEffect)(()=>{c(i-3)},[i]),(0,t.jsxs)("div",{className:"jsx-".concat(s.__hash),children:[r>1?(0,t.jsx)("div",{className:"jsx-".concat(s.__hash)+" pagination",children:(0,t.jsxs)("div",{className:"jsx-".concat(s.__hash)+" pagination--pages",children:[(0,t.jsx)("button",{onClick:()=>d(1),className:"jsx-".concat(s.__hash)+" "+"page ".concat(1===i?"current":""),children:"1"}),l>1&&(0,t.jsx)("button",{onClick:e=>{e.preventDefault(),l>0&&c(l-5)},className:"jsx-".concat(s.__hash)+" page",children:"←"},"window-back"),(0,t.jsx)("div",{className:"jsx-".concat(s.__hash),children:Array.apply(0,{length:5}).map(Number.call,Number).map(e=>e+l+1<r&&e+l+1>1&&(0,t.jsx)("button",{onClick:()=>d(e+l+1),className:"jsx-".concat(s.__hash)+" "+"page ".concat(i===e+l+1?"current":""),children:e+l+1}))}),l+5<r&&(0,t.jsx)("button",{onClick:e=>{e.preventDefault(),l<r-5&&c(l+5)},className:"jsx-".concat(s.__hash)+" page",children:"→"},"window-next"),(0,t.jsx)("button",{onClick:()=>d(r),className:"jsx-".concat(s.__hash)+" "+"page ".concat(i===r?"current":""),children:r})]})}):(0,t.jsx)("div",{className:"jsx-".concat(s.__hash)}),(0,t.jsx)(a.default,{id:s.__hash,children:s})]})}],438311)},184492,e=>{var t=e.i(391398),a=e.i(145246),n=e.i(191788);e.i(966278);var s=e.i(318398),i=e.i(886328),r=e.i(456310),o=e.i(574186);let l=new String("");l.__hash="3a28fab2c71b5470";let c=(0,i.default)(e=>{let{innerRef:a}=e;return(0,t.jsx)("div",{className:"mark-read-marker",ref:a})},{},{disconnectOnLeave:!1}),d=s.f.ApiConsumer(e=>{let{api:s,threadId:i}=e,d=null;return(0,t.jsxs)(n.Fragment,{children:[(0,t.jsx)(c,{onEnterViewport:()=>void(d=setTimeout(()=>{let e,t;e=new o.U(s),t=[{key:"thread_id",value:i}],s.onAuthenticated(()=>{e.trackEvent(r.f.Impression,s.getUserId(),t)})},2e3)),onLeaveViewport:()=>void(d&&clearTimeout(d))}),(0,t.jsx)(a.default,{id:l.__hash,children:l})]})});e.s(["f",0,d],184492)},412092,585757,e=>{var t=e.i(391398),a=e.i(145246);e.i(191788),e.i(966278);var n=e.i(318398),s=e.i(758568),i=e.i(368721),r=e.i(567166),o=e.i(913083);let l=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=arguments.length>2?arguments[2]:void 0,n=arguments.length>3?arguments[3]:void 0,s=[...t];return e&&n.length>0&&n.forEach(t=>{let n=e.find(e=>e.slot_name===t.key);if(n){let e={...a(n),isAds:!0,blockId:n.block_id};s.splice(t.index,0,e)}}),s},c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];for(var a=arguments.length,n=Array(a>2?a-2:0),s=2;s<a;s++)n[s-2]=arguments[s];return l(e,t,e=>(0,o.U)(e.thread),n)};e.s(["f",0,c],585757);let d=new String(".main.jsx-5b54369c99a6d034{background-color:var(--post-background);box-shadow:var(--box-shadow-3);border-radius:8px}.heading.jsx-5b54369c99a6d034{flex-direction:row;justify-content:space-between;display:flex}.title.jsx-5b54369c99a6d034{color:var(--inverse-text);text-transform:uppercase;border-radius:4px 0;padding:10px 33px 10px 10px;font-size:16px;font-weight:700;position:relative}.body.jsx-5b54369c99a6d034{padding:18px 12px 12px;position:relative}.icon.jsx-5b54369c99a6d034{position:absolute;right:-12px}");d.__hash="5b54369c99a6d034";let h=e=>{let{title:n,icon:s,color:i,more:r,moreText:o,children:l}=e;return(0,t.jsxs)("div",{className:"jsx-".concat(d.__hash)+" main",children:[(0,t.jsxs)("div",{className:"jsx-".concat(d.__hash)+" heading",children:[(0,t.jsxs)("div",{style:{backgroundColor:i},className:"jsx-".concat(d.__hash)+" title",children:[n,(0,t.jsx)("span",{className:"jsx-".concat(d.__hash)+" icon",children:s})]}),r?(0,t.jsx)("a",{href:r,className:"jsx-".concat(d.__hash)+" all",children:o}):null]}),(0,t.jsx)("div",{className:"jsx-".concat(d.__hash)+" body",children:l}),(0,t.jsx)(a.default,{id:d.__hash,children:d})]})};var u=e.i(710505),f=e.i(959677),m=e.i(575835),x=e.i(574186);let p=new String(".article.jsx-32393645e1c1526d{margin-bottom:12px}.view-more.jsx-32393645e1c1526d{width:100%;display:block}");p.__hash="32393645e1c1526d";let{PageName:g}=r.f,b=n.f.ApiConsumer(e=>{let{title:n,icon:s,more:i,articles:r,color:o,url:l,taFromBlock:c,api:d}=e,b=e=>{ga("send",{hitType:"event",eventCategory:m.f.tinhteHomeGAEventCategory,eventAction:m.f.gaEventClick,eventLabel:m.f.gaHomeThreadListItem,transport:"beacon"}),c&&(0,x.R)(d,{taAttributes:[{key:"thread_id",value:e.id},{key:"page_number",value:1}],taFromBlock:c})};return(0,t.jsxs)(h,{title:n,icon:s,more:i,color:o,moreText:"Xem tất cả bài viết ".concat(n.toLowerCase()),children:[r.map(e=>(0,t.jsx)("div",{className:"jsx-".concat(p.__hash)+" article",children:e.isAds?(0,t.jsx)(f.f,{blockId:e.blockId,pageName:g.WEB_HOME,children:(0,t.jsx)(u.f,{reverse:!0,styleName:"lite",taFromBlock:c,...e,onClick:()=>b(e)},e.id)}):(0,t.jsx)(u.f,{reverse:!0,styleName:"lite",taFromBlock:c,...e,onClick:()=>b(e)},e.id)},e.id)),l&&(0,t.jsx)("a",{href:l,onClick:()=>{ga("send",{hitType:"event",eventCategory:m.f.tinhteHomeGAEventCategory,eventAction:m.f.gaEventClick,eventLabel:m.f.gaHomeThreadListViewMore,transport:"beacon"})},className:"jsx-".concat(p.__hash)+" button button-full-size button-secondary",children:"Xem tất cả"}),(0,t.jsx)(a.default,{id:p.__hash,children:p})]})}),_=new String("");_.__hash="3a28fab2c71b5470";let{ContentSolutionSlot:{SPONSORED_TIPS:j}}=r.f,v=[],k=e=>{let{threads:n=v,title:s,icon:i,url:r,taFromBlock:o}=e;return(0,t.jsxs)("div",{className:"jsx-".concat(_.__hash)+" main",children:[(0,t.jsx)(b,{title:s||"Thủ thuật 2",icon:i,color:"var(--widget-label-background)",articles:n,url:r,taFromBlock:o}),(0,t.jsx)(a.default,{id:_.__hash,children:_})]})};k.apiFetches={threads:(e,t)=>{let{tagId:a,limit:n,blocks:i}=t;return{uri:"tags/".concat(a),params:{page:1,limit:n||8,fields_include:(0,o.Y)("content."),_bdImageApiThreadThumbnailWidth:"216",_bdImageApiThreadThumbnailHeight:"sw"},success:e=>c(i,(0,s.default)(e,"tagged",[]).filter(e=>"thread"===e.content_type).map(o.U),j)}}};let y=i.f.subscribe(n.f.ApiConsumer(k));e.s(["f",0,y],412092)},748667,e=>{var t=e.i(391398),a=e.i(145246),n=e.i(191788);e.i(966278);var s=e.i(318398),i=e.i(170723),r=e.i(574186),o=e.i(456310);let l=new String("");l.__hash="e43e7f1a484b1acb";let c=s.f.ApiConsumer(e=>{let{api:s,pageName:c,threadId:d,communityId:h}=e;return(0,n.useEffect)(()=>{i.default.initialize({currentPageName:c,idleTimeoutInSeconds:90}),i.default.callWhenUserLeaves(()=>{let e=i.default.getTimeOnCurrentPageInSeconds();if(e>0){let t=new r.U(s),a=o.f.Time_On_Page,n=[{key:"page_name",value:i.default.currentPageName},{key:"time_on_page",value:e},{key:"thread_id",value:d},{key:"community_id",value:h}];t.trackEvent(a,s.getUserId(),n)}}),i.default.callWhenUserReturns(()=>{i.default.resetAllRecordedPageTimes()})},[]),(0,t.jsx)(n.Fragment,{children:(0,t.jsx)(a.default,{id:l.__hash,children:l})})});e.s(["f",0,c],748667)},147308,e=>{var t=e.i(758568);e.s(["f",0,e=>({id:e.id,title:(0,t.default)(e,"snippet.title","Không tìm thấy"),thumb:(0,t.default)(e,"snippet.thumbnails.medium.url",""),duration:(0,t.default)(e,"contentDetails.duration","").replace(/[PTS]/g,"").replace(/[HM]/g,":"),stats:{view:(0,t.default)(e,"statistics.viewCount",0)}})])},558111,e=>{let t=Object.freeze({Home_Fact:"home_fact",Home_Featured_Threads:"home_featured_threads",Home_Quick_News:"home_quick_news",Home_Trending:"home_trending",Home_Creator:"home_creator",Home_Feature:"home_feature",Home_Question:"home_question",Home_Deep_Talk:"home_deep_talk",Home_24h_Overview:"home_24h_overview",Home_Trick:"home_trick",Home_Hot_Tag:"home_hot_tag",Home_Hot_Community:"home_hot_community",Creator_Featured_Threads:"creator_featured_threads",Creator_Trending:"creator_trending",Creator_Top_Chart:"creator_top_chart",Creator_Top_Rating:"creator_top_rating"});e.s(["f",0,t])}],41158,(e,t,a)=>{t.exports=e.r(539149)},170723,(e,t,a)=>{(()=>{((a,n)=>{let s;if(t.exports)return t.exports=n();if("function"!=typeof define||!define.amd)return a.TimeMe=n();void 0!==(s=a.TimeMe=n())&&e.v(s)})(e.e,()=>{let e={startStopTimes:{},idleTimeoutMs:3e4,currentIdleTimeMs:0,checkIdleStateRateMs:250,isUserCurrentlyOnPage:!0,isUserCurrentlyIdle:!1,currentPageName:"default-page-name",timeElapsedCallbacks:[],userLeftCallbacks:[],userReturnCallbacks:[],trackTimeOnElement:t=>{let a=document.getElementById(t);a&&(a.addEventListener("mouseover",()=>{e.startTimer(t)}),a.addEventListener("mousemove",()=>{e.startTimer(t)}),a.addEventListener("mouseleave",()=>{e.stopTimer(t)}),a.addEventListener("keypress",()=>{e.startTimer(t)}),a.addEventListener("focus",()=>{e.startTimer(t)}))},getTimeOnElementInSeconds:t=>{let a=e.getTimeOnPageInSeconds(t);return a||0},startTimer:(t,a)=>{if(t||(t=e.currentPageName),void 0===e.startStopTimes[t])e.startStopTimes[t]=[];else{let a=e.startStopTimes[t],n=a[a.length-1];if(void 0!==n&&void 0===n.stopTime)return}e.startStopTimes[t].push({startTime:a||new Date,stopTime:void 0})},stopAllTimers:()=>{let t=Object.keys(e.startStopTimes);for(let a=0;a<t.length;a++)e.stopTimer(t[a])},stopTimer:(t,a)=>{t||(t=e.currentPageName);let n=e.startStopTimes[t];void 0!==n&&0!==n.length&&void 0===n[n.length-1].stopTime&&(n[n.length-1].stopTime=a||new Date)},getTimeOnCurrentPageInSeconds:()=>e.getTimeOnPageInSeconds(e.currentPageName),getTimeOnPageInSeconds:t=>{let a=e.getTimeOnPageInMilliseconds(t);if(void 0!==a)return a/1e3},getTimeOnCurrentPageInMilliseconds:()=>e.getTimeOnPageInMilliseconds(e.currentPageName),getTimeOnPageInMilliseconds:t=>{let a=e.startStopTimes[t];if(void 0===a)return;let n=0;for(let e=0;e<a.length;e++){let t=a[e].startTime,s=a[e].stopTime;void 0===s&&(s=new Date),n+=s-t}return Number(n)},getTimeOnAllPagesInSeconds:()=>{let t=[],a=Object.keys(e.startStopTimes);for(let n=0;n<a.length;n++){let s=a[n],i=e.getTimeOnPageInSeconds(s);t.push({pageName:s,timeOnPage:i})}return t},setIdleDurationInSeconds:t=>{if(!1===isNaN(parseFloat(t)))e.idleTimeoutMs=1e3*t;else throw{name:"InvalidDurationException",message:"An invalid duration time ("+t+") was provided."}},setCurrentPageName:t=>{e.currentPageName=t},resetRecordedPageTime:t=>{delete e.startStopTimes[t]},resetAllRecordedPageTimes:()=>{let t=Object.keys(e.startStopTimes);for(let a=0;a<t.length;a++)e.resetRecordedPageTime(t[a])},userActivityDetected:()=>{e.isUserCurrentlyIdle&&e.triggerUserHasReturned(),e.resetIdleCountdown()},resetIdleCountdown:()=>{e.isUserCurrentlyIdle=!1,e.currentIdleTimeMs=0},callWhenUserLeaves:(t,a)=>{e.userLeftCallbacks.push({callback:t,numberOfTimesToInvoke:a})},callWhenUserReturns:(t,a)=>{e.userReturnCallbacks.push({callback:t,numberOfTimesToInvoke:a})},triggerUserHasReturned:()=>{if(!e.isUserCurrentlyOnPage){e.isUserCurrentlyOnPage=!0,e.resetIdleCountdown();for(let t=0;t<e.userReturnCallbacks.length;t++){let a=e.userReturnCallbacks[t],n=a.numberOfTimesToInvoke;(isNaN(n)||void 0===n||n>0)&&(a.numberOfTimesToInvoke-=1,a.callback())}}e.startTimer()},triggerUserHasLeftPageOrGoneIdle:()=>{if(e.isUserCurrentlyOnPage){e.isUserCurrentlyOnPage=!1;for(let t=0;t<e.userLeftCallbacks.length;t++){let a=e.userLeftCallbacks[t],n=a.numberOfTimesToInvoke;(isNaN(n)||void 0===n||n>0)&&(a.numberOfTimesToInvoke-=1,a.callback())}}e.stopAllTimers()},callAfterTimeElapsedInSeconds:(t,a)=>{e.timeElapsedCallbacks.push({timeInSeconds:t,callback:a,pending:!0})},checkIdleState:()=>{for(let t=0;t<e.timeElapsedCallbacks.length;t++)e.timeElapsedCallbacks[t].pending&&e.getTimeOnCurrentPageInSeconds()>e.timeElapsedCallbacks[t].timeInSeconds&&(e.timeElapsedCallbacks[t].callback(),e.timeElapsedCallbacks[t].pending=!1);!1===e.isUserCurrentlyIdle&&e.currentIdleTimeMs>e.idleTimeoutMs?(e.isUserCurrentlyIdle=!0,e.triggerUserHasLeftPageOrGoneIdle()):e.currentIdleTimeMs+=e.checkIdleStateRateMs},visibilityChangeEventName:void 0,hiddenPropName:void 0,listenForVisibilityEvents:(t,a)=>{t&&e.listenForUserLeavesOrReturnsEvents(),a&&e.listForIdleEvents()},listenForUserLeavesOrReturnsEvents:()=>{void 0!==document.hidden?(e.hiddenPropName="hidden",e.visibilityChangeEventName="visibilitychange"):void 0!==document.mozHidden?(e.hiddenPropName="mozHidden",e.visibilityChangeEventName="mozvisibilitychange"):void 0!==document.msHidden?(e.hiddenPropName="msHidden",e.visibilityChangeEventName="msvisibilitychange"):void 0!==document.webkitHidden&&(e.hiddenPropName="webkitHidden",e.visibilityChangeEventName="webkitvisibilitychange"),document.addEventListener(e.visibilityChangeEventName,()=>{document[e.hiddenPropName]?e.triggerUserHasLeftPageOrGoneIdle():e.triggerUserHasReturned()},!1),window.addEventListener("blur",()=>{e.triggerUserHasLeftPageOrGoneIdle()}),window.addEventListener("focus",()=>{e.triggerUserHasReturned()})},listForIdleEvents:()=>{document.addEventListener("mousemove",()=>{e.userActivityDetected()}),document.addEventListener("keyup",()=>{e.userActivityDetected()}),document.addEventListener("touchstart",()=>{e.userActivityDetected()}),window.addEventListener("scroll",()=>{e.userActivityDetected()}),setInterval(()=>{!0!==e.isUserCurrentlyIdle&&e.checkIdleState()},e.checkIdleStateRateMs)},websocket:void 0,websocketHost:void 0,setUpWebsocket:t=>{if(window.WebSocket&&t){let a=t.websocketHost;try{e.websocket=new WebSocket(a),window.onbeforeunload=()=>{e.sendCurrentTime(t.appId)},e.websocket.onopen=()=>{e.sendInitWsRequest(t.appId)},e.websocket.onerror=e=>{console&&console.log("Error occurred in websocket connection: "+e)},e.websocket.onmessage=e=>{console&&console.log(e.data)}}catch(e){console&&console.error("Failed to connect to websocket host.  Error:"+e)}}},websocketSend:t=>{e.websocket.send(JSON.stringify(t))},sendCurrentTime:t=>{let a={type:"INSERT_TIME",appId:t,timeOnPageMs:e.getTimeOnCurrentPageInMilliseconds(),pageName:e.currentPageName};e.websocketSend(a)},sendInitWsRequest:t=>{e.websocketSend({type:"INIT",appId:t})},initialize:t=>{let a,n,s=e.idleTimeoutMs||30,i=e.currentPageName||"default-page-name",r=!0,o=!0;t&&(s=t.idleTimeoutInSeconds||s,i=t.currentPageName||i,a=t.websocketOptions,n=t.initialStartTime,!1===t.trackWhenUserLeavesPage&&(r=!1),!1===t.trackWhenUserGoesIdle&&(o=!1)),e.setIdleDurationInSeconds(s),e.setCurrentPageName(i),e.setUpWebsocket(a),e.listenForVisibilityEvents(r,o),e.startTimer(void 0,n)}};return e})}).call(e.e)}]);