1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5253],{45253:function(e,i,t){t.r(i);var a=t(81595),l=t(1158),o=t(8946),r=t.n(o),n=t(2265),d=t(49089),s=t(13976),c=t(20793),p=t(30878),f=t(99968),m=t(64857),g=t(32768);let h=(0,l.default)("div",{target:"em44j4f0"})("position:relative;overflow:hidden;background:#f1f2f3;border-radius:10px 10px 0 0;margin-bottom:10px;display:block;height:auto;@media (max-width:1024px){margin-bottom:5px;}.resolution-image{display:flex;position:relative;padding-top:56.25%;img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;transform-origin:50% 65%;transition:transform 2s,filter 0.5s ease-out;}}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;display:flex;align-items:center;justify-content:center;border-radius:0 3px 0 0;opacity:0.7;&.--pause{background:#838383;}svg{color:#fff;filter:drop-shadow(0px 2px 2px #000);}}"),u=(0,l.default)("div",{target:"em44j4f1"})("cursor:pointer;position:relative;overflow:hidden;width:100%;min-width:auto;height:auto;display:flex;flex-direction:column;height:auto;&.card-h-href{display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr;grid-template-areas:'card-image card-image'\n 'card-detail card-detail';.card-image{grid-area:card-image;}.card-detail{grid-area:card-detail;display:flex;flex-direction:column;justify-content:space-around;}}&:hover{.card-image{img{transform:scale(1.1);}}.card-content{.title{color:#939393;}}}.card-content{padding:0;.title{position:relative;min-height:42px;background-position:0;font-size:16px;line-height:1.45;font-weight:400;color:var(--black-color);text-decoration:unset;transition:all 0.3s ease-in-out;@media (max-width:1024px){min-height:35px;font-size:16px;}}.line-clamp{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;white-space:normal;}}.card-footer{display:flex;align-items:center;justify-content:space-between;background:none;padding:0;font-family:var(--front-thin),sans-serif;.footer-left{display:flex;align-items:center;.play-btn{display:flex;margin-right:8px;svg{color:var(--black-color);}&.--pause svg{color:#ff4338;}}.badge{position:relative;font-size:14px;line-height:1.45;font-weight:600;padding-right:8px;color:var(--primary-color);&:before{content:'';position:absolute;bottom:4px;left:0;height:12px;width:2.5px;border-radius:10px;background-color:var(--primary-color);transform:rotate(180deg);}small{padding-left:10px;}}.time-ago,.count-view{display:flex;align-items:center;font-size:14px;line-height:1.45;font-weight:300;color:#939393;padding-right:8px;svg{margin-right:5px;}}}.footer-right{display:flex;align-items:center;justify-content:space-between;.video-remore{font-size:12px;line-height:1.45;font-weight:400;color:#939393;padding-right:8px;transition:all 0.3s ease-in-out;&:hover{color:var(--primary-color);}}}}");i.default=(0,n.memo)(e=>{var i,t,l;let{color:o="",className:v="",data:x,showTitle:b=!0,showTimeAgo:w=!1,showReadmore:y=!1,showCountView:k=!1,showFooter:N=!0,showBadge:Z=!1,eventDataLayer:_={},target:z="",path:B="",pause:E=!1}=e;if(r().isEmpty(x))return null;let[j,X]=(0,n.useState)(0),C=(0,p.Z)(),L=k&&j>(Number(s.hK)||0)&&C.isDesktop,S=Z&&(0,f.lC)(x,!1);return(0,n.useEffect)(()=>{X((null==x?void 0:x.pageviews)||0)},[x]),(0,a.tZ)(u,{className:"".concat(v," card-v-video"),color:o,children:(0,a.BX)("a",{href:"".concat((null==x?void 0:x.link)||B),"aria-label":null==x?void 0:x.title,target:"".concat("blank"===z?"_blank":"_self"),rel:"".concat("blank"===z?"noopener noreferrer nofollow":"follow"),title:null==x?void 0:x.title,tabIndex:-1,className:"card-h-href",onClick:()=>(0,c.dE)({..._}),children:[(0,a.BX)(h,{className:"card-image",children:[(0,a.tZ)(m.default,{external:!0,src:(null==x?void 0:null===(i=x.image_list)||void 0===i?void 0:i.xl)?"".concat(null==x?void 0:null===(t=x.image_list)||void 0===t?void 0:t.xl):r().isEmpty(null==x?void 0:x.image)?"".concat(s.T,"/default.webp"):"".concat(null==x?void 0:x.image),alt:null!==(l=null==x?void 0:x.alt_image)&&void 0!==l?l:null==x?void 0:x.title}),!0===x.is_video&&(0,a.tZ)("div",{className:"play-btn ".concat(E?"--pause":""),children:(0,a.tZ)(g.LEv,{size:100})})]}),(0,a.BX)("div",{className:"card-detail",children:[(0,a.tZ)("div",{className:"card-content",children:b&&(0,a.tZ)("h3",{className:"title line-clamp --2",children:null==x?void 0:x.title})}),N&&(0,a.BX)("div",{className:"card-footer",children:[(0,a.BX)("div",{className:"footer-left",children:[!!S&&(0,a.tZ)("div",{className:"badge",children:(0,a.tZ)("small",{children:S})}),w&&(0,a.tZ)("div",{className:"time-ago",children:(0,a.BX)("small",{children:[" ",(0,f.Sy)(null==x?void 0:x.published_at)]})}),L&&(0,a.BX)("div",{className:"count-view",children:[(0,a.tZ)(d.z5B,{size:12}),(0,a.tZ)("small",{children:(0,f.EL)(Number(j))})]})]}),(0,a.tZ)("div",{className:"footer-right",children:y&&(0,a.tZ)("small",{className:"video-remore",children:"à¸à¹à¸²à¸à¸à¹à¸..."})})]})]})]})})})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.