1(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[2615],{l2jd:function(e,t,a){"use strict";a.d(t,{P:function(){return PopoverMenu},S:function(){return d}});var n=a("+OUp"),i=a.n(n),r=a("kDxR"),l=a("ELYh"),o=a("rBCA"),s=a("iBNF");let c=o.A.div` 2 position: relative; 3 display: content; 4 5 .popover-menu__btn { 6 /* position: relative; */ 7 > span { 8 width: 100%; 9 height: 100%; 10 > img { 11 width: 100%; 12 height: 100%; 13 } 14 } 15 } 16 17 .popover-menu__content { 18 position: absolute; 19 z-index: 10; 20 width: 320px; 21 padding: 8px; 22 border: none; 23 background: #fff; 24 border-radius: 8px; 25 box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); 26 27 &::before { 28 position: absolute; 29 width: 16px; 30 height: 8px; 31 background: #fff; 32 content: ''; 33 } 34 35 &.--position { 36 &-top { 37 bottom: calc(100% + 8px); 38 39 &.--align { 40 &-start { 41 left: 0; 42 43 &::before { 44 top: 100%; 45 left: 16px; 46 clip-path: polygon(0 0, 50% 100%, 100% 0); 47 } 48 } 49 50 &-end { 51 left: 100%; 52 transform: translateX(calc(-100% + 1rem)); 53 54 &::before { 55 top: 100%; 56 right: 16px; 57 clip-path: polygon(0 0, 50% 100%, 100% 0); 58 } 59 } 60 } 61 } 62 63 &-right { 64 left: calc(100% + 8px); 65 66 &.--align { 67 &-start { 68 top: 0; 69 70 &::before { 71 top: 16px; 72 left: 0; 73 width: 8px; 74 height: 16px; 75 clip-path: polygon(0 50%, 100% 0%, 100% 100%); 76 transform: translateX(-100%); 77 } 78 } 79 80 &-end { 81 top: 100%; 82 transform: translateX(calc(-100% + 1rem)); 83 84 &::before { 85 bottom: 16px; 86 left: 0; 87 width: 8px; 88 height: 16px; 89 clip-path: polygon(0 50%, 100% 0%, 100% 100%); 90 transform: translateX(-100%); 91 } 92 } 93 } 94 } 95 96 &-bottom { 97 top: calc(100% + 8px); 98 99 &.--align { 100 &-start { 101 left: 0; 102 103 &::before { 104 bottom: 100%; 105 left: 16px; 106 clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 107 } 108 } 109 110 &-end { 111 left: 100%; 112 transform: translateX(calc(-100% + 1rem)); 113 114 &::before { 115 right: 16px; 116 bottom: 100%; 117 clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 118 } 119 } 120 } 121 } 122 123 &-left { 124 left: -8px; 125 transform: translateX(-100%); 126 127 &.--align { 128 &-start { 129 top: 0; 130 131 &::before { 132 top: 16px; 133 left: 100%; 134 width: 8px; 135 height: 16px; 136 clip-path: polygon(0 0%, 100% 50%, 0% 100%); 137 transform: translateX(0); 138 } 139 } 140 141 &-end { 142 bottom: 0; 143 144 &::before { 145 bottom: 16px; 146 left: 100%; 147 width: 8px; 148 height: 16px; 149 clip-path: polygon(0 0%, 100% 50%, 0% 100%); 150 transform: translateX(0); 151 } 152 } 153 } 154 } 155 } 156 } 157 158 &[data-is-marrybaby='true'] { 159 .popover-menu__content { 160 padding: 0; 161 border-radius: 12px; 162 /* &::before { 163 display: none; 164 } */ 165 } 166 } 167`,d=o.A.div` 168 display: flex; 169 /* max-height: 300px; */ 170 flex-direction: column; 171 cursor: default; 172 173 .__header { 174 position: relative; 175 display: flex; 176 align-items: center; 177 justify-content: center; 178 padding: 1rem 0; 179 margin-bottom: 8px; 180 181 .__back-btn { 182 position: absolute; 183 top: 50%; 184 left: 8px; 185 width: 16px; 186 height: 16px; 187 cursor: pointer; 188 transform: translateY(-50%); 189 } 190 } 191 192 .tree-text-description { 193 padding-right: 8px; 194 padding-left: 8px; 195 margin-top: -8px; 196 margin-bottom: 8px; 197 font-size: 14px; 198 font-weight: 400; 199 line-height: 22px; 200 text-align: left; 201 } 202
203 .__content { 204 overflow: auto; 205 flex: 1; 206 } 207 208 .__list { 209 .__item { 210 position: relative; 211 &.bold-item { 212 font-weight: 700; 213 } 214 &:last-child { 215 .__btn { 216 margin-bottom: 0; 217 } 218 } 219 220 .__btn { 221 position: relative; 222 display: flex; 223 width: 100%; 224 height: 40px; 225 align-items: center; 226 padding: 0 1rem; 227 border: none; 228 margin-bottom: 8px; 229 color: ${s.w.colors.gray800}; 230 cursor: pointer; 231 text-align: left; 232 transition: background 0.3s; 233 234 /* for better gtm tracking result */ 235 * { 236 pointer-events: none; 237 } 238 &.--checked { 239 color: ${s.w.colors.gray500}; 240 pointer-events: none; 241 } 242 243 &:hover { 244 background: ${s.w.colors.gray100}; 245 } 246 247 .__icon { 248 width: 16px; 249 height: 16px; 250 margin-right: 0.4rem; 251 } 252 253 & > span { 254 position: relative; 255 256 & > img { 257 width: 16px; 258 height: 16px; 259 margin-right: 0.4rem; 260 } 261 } 262 } 263 264 .__toggle { 265 position: absolute; 266 top: 50%; 267 right: 16px; 268 width: 16px; 269 height: 16px; 270 pointer-events: none; 271 transform: translateY(-50%); 272 } 273 } 274 } 275 &[data-is-marrybaby='true'] { 276 .__header { 277 padding: 1rem; 278 } 279 .tree-text-description { 280 padding: 0 1rem; 281 } 282 .__list { 283 .__item { 284 &:first-child { 285 .__btn { 286 border-top-left-radius: 12px; 287 border-top-right-radius: 12px; 288 } 289 } 290 &:last-child { 291 .__btn { 292 border-bottom-left-radius: 12px; 293 border-bottom-right-radius: 12px; 294 } 295 } 296 .__btn { 297 height: unset; 298 padding: 1rem; 299 margin-bottom: 0; 300 &:hover { 301 background: ${s.w.mbColors.lightPink}; 302 } 303 } 304 } 305 } 306 } 307`,PopoverMenu=({className:e,style:t,toggleButtonContent:a,position:o="bottom",align:s="end",children:d,buttonProps:p})=>{let{data:{env:{isMarryBaby:m}}}=(0,n.useContext)(l.T),[g,u]=(0,n.useState)(!1),h=(0,n.useRef)(null),v=(0,n.useRef)(g);return(0,n.useEffect)(()=>{var e;v.current=g,g&&(null===(e=h.current)||void 0===e||e.focus())},[g]),(0,n.useEffect)(()=>{let clickHandler=e=>{var t;(null===(t=h.current)||void 0===t?void 0:t.contains(e.target))||!v.current||u(!1)};return window.addEventListener("click",clickHandler,{passive:!0}),()=>{window.removeEventListener("click",clickHandler)}},[]),i().createElement(c,{"data-is-marrybaby":m,className:e,style:t},i().createElement(r.B,Object.assign({theme:m?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>u(e=>!e)},p),a),g?i().createElement("div",{ref:h,className:`popover-menu__content --position-${o} --align-${s}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof d?d({setShow:u}):d):null)}},"Cpu+":function(e,t,a){"use strict";a.d(t,{C:function(){return h},I:function(){return ImagePreviewPopup},P:function(){return PostSingleImageViewPopup},a:function(){return PostImagePreview},b:function(){return v}});var n=a("+OUp"),i=a.n(n),r=a("xRwJ"),l=a("NaoI"),o=a("C4n1"),s=a("ELYh"),c=a("vH4S"),d=a("Kowz"),p=a("rBCA"),m=a("yabo"),g=a("iBNF"),u=a("gEnE"),h="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e",v="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.05 18.06 4 12.038l6.05-6.025M4.002 12.035h15'/%3e%3c/svg%3e";let b=p.A.div` 308 padding: 14px 16px 14px 17px; 309 background: ${e=>e.bgColor}; 310 border-left: 3px solid ${e=>e.highlight}; 311 312 ${l.M.mbUp} { 313 padding: 12px 12px 12px 17px; 314 } 315`,f=p.A.div` 316 display: flex; 317`,x=p.A.div` 318 font-size: 12px; 319 line-height: 18px; 320 321 &[data-has-icon='true'] { 322 margin-left: 10px; 323 } 324`,w=p.A.div` 325 flex-shrink: 0; 326`,y=p.A.div` 327 display: grid; 328 grid-gap: 3px; 329 grid-template-columns: 1fr 1fr; 330 grid-template-rows: auto; 331 332 .img-wrapper { 333 position: relative; 334 overflow: hidden; 335 width: 100%; 336 padding-top: 56.25%; 337 grid-column: auto; 338 339 & > img { 340 cursor: zoom-in; 341 } 342 343 .img-preview-blur { 344 position: absolute; 345 top: 50%; 346 left: 50%; 347 width: 110%; 348 height: 110%; 349 /* Add the blur effect */ 350 -webkit-filter: blur(8px); 351 filter: blur(8px); 352 object-fit: cover; 353 object-position: center; 354 opacity: 0.8; 355 transform: translate(-50%, -50%); 356 } 357 .img-preview { 358 position: absolute; 359 top: 0; 360 left: 0; 361 width: 100%; 362 height: 100%; 363 object-fit: contain; 364 object-position: center; 365 } 366 .img-more-overlay { 367 position: absolute; 368 top: 0; 369 left: 0; 370 display: flex; 371 width: 100%; 372 height: 100%; 373 align-items: center; 374 justify-content: center; 375 background: rgba(0, 0, 0, 0.5); 376 z-index: 4; 377 } 378 } 379 &[data-image-count='1'] { 380 .img-wrapper { 381 /* padding-top: 100%; */ 382 grid-column: 1/3; 383 } 384 } 385 &[data-image-count='2'] { 386 .img-wrapper { 387 /* padding-top: 100%; */ 388 } 389 } 390 &[data-image-count='3'] { 391 .img-wrapper { 392 &:first-child { 393 grid-column: 1/3; 394 } 395 } 396 } 397 &[data-image-count='4'] { 398 .img-wrapper { 399 /* padding-top: 100%; */ 400 } 401 } 402 &[data-image-count='5'] { 403 grid-template-columns: repeat(6, 1fr); 404 .img-wrapper { 405 /* padding-top: 100%; */ 406 grid-column: auto/ span 2; 407 408 &:first-child { 409 padding-top: 56.25%; 410 grid-column: 1/4; 411 } 412 &:nth-child(2) { 413 padding-top: 56.25%; 414 grid-column: 4/7; 415 } 416 } 417 } 418 419 &[data-is-marrybaby='true'] { 420 grid-gap: 8px; 421 .img-wrapper { 422 padding-top: 66.66%; 423 border-radius: 1rem; 424 .img-preview { 425 object-fit: cover; 426 } 427 } 428 &[data-image-count='3'] { 429 grid-template-columns: 1fr 1fr 1fr; 430 .img-wrapper { 431 &:first-child { 432 padding-top: 100%; 433 grid-column: 1/3; 434 grid-row: 1/3; 435 } 436 } 437 } 438 } 439`,E=p.A.div` 440 position: fixed;
441 z-index: 999; 442 top: 0; 443 left: 0; 444 display: flex; 445 overflow: hidden; 446 width: 100vw; 447 height: 100vh; 448 flex-direction: column; 449 background: white; 450 opacity: 0; 451 pointer-events: none; 452 transition: opacity 0.2s linear; 453 &[data-open='true'] { 454 opacity: 1; 455 pointer-events: auto; 456 } 457 .top-bar { 458 position: relative; 459 padding: 20px 40px; 460 .icon-arrow-left { 461 position: absolute; 462 top: 50%; 463 left: 20px; 464 height: 24px; 465 width: 24px; 466 cursor: pointer; 467 transform: translateY(-50%); 468 } 469 } 470 .container { 471 flex: 1; 472 overflow-y: auto; 473 .img-preview { 474 width: 100%; 475 min-width: 100%; 476 margin-bottom: 0.5rem; 477 cursor: pointer; 478 max-height: 100%; 479 object-fit: cover; 480 } 481 } 482`,k=(0,p.A)(e=>{var{icon:t,bgColor:a=g.w.colors.yellow50,highlightColor:n=g.w.colors.yellow800,message:r}=e,l=(0,m.a)(e,["icon","bgColor","highlightColor","message"]);return i().createElement(b,Object.assign({bgColor:a,highlight:n},l),i().createElement(f,null,t&&i().createElement(w,null,t),i().createElement(x,{"data-has-icon":!!t},r)))})` 483 margin-bottom: 16px; 484 &.noti-bottom { 485 border-left: none; 486 margin-top: 4px; 487 padding: 4px 8px; 488 margin-left: 16px; 489 margin-right: 16px; 490 border-radius: 4px; 491 } 492`,ImagePreviewPopup=({className:e,style:t,authorName:a,images:r,onClose:l,onOpenSingleView:s,alt:p})=>{let{t:m}=(0,o.u)(),[g,u]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{setTimeout(()=>{u(!0)},0)},[]),i().createElement(c.Portal,null,i().createElement(E,{className:e,style:t,"data-open":g},i().createElement("div",{className:"top-bar"},i().createElement("img",{className:"icon-arrow-left",src:v,onClick:l,alt:"go back",loading:"lazy"}),i().createElement(d.T,{size:"p2",weight:"bold",style:{textAlign:"center"}},m("previewPhotos.title",{name:a}))),i().createElement("div",{className:"container"},r.map((e,t)=>i().createElement("img",{className:"img-preview",key:t,src:e,onClick:()=>null==s?void 0:s(t),alt:p,loading:"lazy"})))),",")},C=p.A.div` 493 position: fixed; 494 z-index: 999; 495 top: 0; 496 left: 0; 497 display: flex; 498 width: 100%; 499 height: 100%; 500 flex-direction: column; 501 background: black; 502 opacity: 0; 503 pointer-events: none; 504 transition: opacity 0.2s linear; 505 &[data-open='true'] { 506 opacity: 1; 507 pointer-events: auto; 508 } 509`,N=p.A.div` 510 padding: 1rem; 511 background: white; 512 .icon-close { 513 width: 26px; 514 height: 26px; 515 cursor: pointer; 516 } 517`,_=p.A.div` 518 position: relative; 519 flex: 1; 520 overflow: hidden; 521 > img { 522 height: 100%; 523 width: 100%; 524 object-fit: contain; 525 object-position: center; 526 } 527`,T=p.A.div` 528 --inner-padding: max(16px, 20%); 529 height: 100%; 530 position: absolute; 531 left: 0; 532 padding: 8px; 533 padding-right: var(--inner-padding); 534 display: flex; 535 align-items: center; 536 top: 0; 537 cursor: pointer; 538 &[data-right] { 539 padding-right: 8px; 540 padding-left: var(--inner-padding); 541 left: unset; 542 right: 0; 543 } 544 &[data-disabled='true'] { 545 cursor: not-allowed; 546 } 547`,z=p.A.div` 548 border-radius: 50%; 549 background: rgba(0, 0, 0, 0.3); 550 display: flex; 551 align-items: center; 552 justify-content: center; 553 padding: 4px; 554 > img { 555 width: 16px; 556 height: 16px; 557 &[data-disabled='true'] { 558 opacity: 0.5; 559 } 560 } 561 ${l.M.tdUp} { 562 padding: 8px; 563 > img { 564 width: 30px; 565 height: 30px; 566 } 567 } 568`;var S="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m6 12.813 4-4-4-4'/%3e%3c/svg%3e";let PostSingleImageViewPopup=({initialViewIndex:e,images:t,onClose:a,alt:r})=>{let[l,o]=(0,n.useState)(e),[s,d]=(0,n.useState)(!1);(0,n.useEffect)(()=>{setTimeout(()=>{d(!0)},0)},[]);let p=null==t?void 0:t[l],m=0===l,g=!(null==t?void 0:t.length)||l===(null==t?void 0:t.length)-1;return i().createElement(c.Portal,null,i().createElement(C,{"data-open":s&&!!p},i().createElement(N,null,i().createElement("img",{src:h,className:"icon-close",onClick:a,alt:"close",loading:"lazy"})),p&&l>=0&&i().createElement(i().Fragment,null,i().createElement(_,null,i().createElement("img",{className:"img-preview",src:p,alt:r,loading:"lazy"}),i().createElement(T,{"data-disabled":m,onClick:()=>!m&&o(l-1)},i().createElement(z,null,i().createElement("img",{src:S,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":m,loading:"lazy"}))),i().createElement(T,{"data-right":!0,"data-disabled":g,onClick:()=>!g&&o(l+1)},i().createElement(z,null,i().createElement("img",{src:S,alt:"right arrow","data-disabled":g,loading:"lazy"})))))))},M=(0,u.s)(p.A.div` 569 position: absolute; 570 top: 0; 571 right: 0; 572 left: 0; 573 bottom: 0; 574 background: rgba(0, 0, 0, 0.4); 575 color: white; 576 display: flex; 577 align-items: center; 578 justify-content: center; 579 cursor: pointer; 580 `,"hhgcomp-sensitivemask-inner"),$=p.A.div``,P=p.A.div` 581 position: absolute; 582 bottom: 0; 583 left: 0; 584 width: 100%; 585 height: 100%; 586 z-index: 3; 587 background: white; 588 cursor: pointer; 589 590 &, 591 * { 592 // transition: all 300ms; 593 transform-origin: bottom left; 594 } 595 596 img { 597 transition: none; 598 } 599 .img-preview { 600 width: 100%; 601 } 602 &[data-is-blurred='true'] { 603 .img-preview { 604 /* Add the blur effect */ 605 -webkit-filter: blur(24px); 606 filter: blur(24px); 607 } 608 } 609 610 &[data-is-blurred='false'] { 611 background: transparent; 612 cursor: zoom-in; 613 614 ${M.classSelector} { 615 top: auto; 616 right: auto; 617 left: 8px; 618 bottom: 8px; 619 background: rgba(0, 0, 0, 0); 620 align-items: flex-end; 621 justify-content: flex-start; 622 } 623 } 624`,SensitiveMask=({image:e,showIcon:t=!0})=>
624{let[a,r]=(0,n.useState)(!0);return i().createElement(P,{"data-is-blurred":a,onClick:e=>a&&e.stopPropagation()},i().createElement("img",{loading:"lazy",className:"img-preview",src:e}),i().createElement(M,{onClick:e=>{e.stopPropagation(),r(!a)}},t&&i().createElement($,null,a?i().createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none"},i().createElement("path",{d:"M1.71 2.54a.996.996 0 0 1 0-1.41c.39-.39 1.03-.39 1.42 0l16.31 16.33a.996.996 0 1 1-1.41 1.41l-2.72-2.72c-1.34.52-2.79.82-4.31.82-5 0-9.27-3.11-11-7.5C.77 7.5 2.06 5.8 3.68 4.51zM16 9.47c0-2.76-2.24-5-5-5-.51 0-1 .1-1.47.24L7.36 2.54c1.15-.37 2.37-.57 3.64-.57 5 0 9.27 3.11 11 7.49-.69 1.76-1.79 3.3-3.18 4.53l-3.06-3.06c.14-.46.24-.95.24-1.46m-5 5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14L8.06 8.9c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07l1.57 1.57c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z",fill:"#fff"})):i().createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none"},i().createElement("path",{d:"M12 0C5.142 0 1.886 5.879 1.096 7.557c-.132.28-.132.604 0 .884C1.886 10.121 5.142 16 12 16c6.834 0 10.092-5.837 10.896-7.54a1.08 1.08 0 0 0 0-.92C22.092 5.836 18.834 0 12 0m0 3a5 5 0 1 1-.001 10.001 5 5 0 0 1 0-10.001m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6",fill:"#2D87F3"})))))},PostImagePreview=({className:e,images:t=[],style:a,authorName:c,isSensitive:d=!1,alt:p,positionAlert:m="top"})=>{let{data:{env:{isMarryBaby:g}}}=(0,n.useContext)(s.T),{t:u}=(0,o.u)(),h=`+ ${(t.length||0)-4}`,[v,b]=(0,n.useState)(!1),[f,x]=(0,n.useState)(-1),w=t.length>5,E=(0,n.useRef)(!1);return(0,n.useEffect)(()=>()=>{E.current&&(0,l.t)(!1)},[]),(0,n.useEffect)(()=>{v||f>=0?((0,l.t)(!0),E.current=!0):((0,l.t)(!1),E.current=!1)},[v,f]),i().createElement(i().Fragment,null,d&&"top"===m&&i().createElement(k,{message:u("sensitiveMask.contentWarningDescription"),icon:i().createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},i().createElement("path",{d:"M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z",fill:"#FE921D"}))}),i().createElement(y,{className:e,style:a,"data-image-count":w?5:t.length||0,"data-is-marrybaby":g,"data-cursor-pointer":!d},null==t?void 0:t.slice(0,5).map((e,t)=>{let a=4===t&&w;return i().createElement("div",{className:"img-wrapper",key:t,onClick:()=>{t>=4&&w?b(!0):x(t)}},d&&i().createElement(SensitiveMask,{image:e,showIcon:!a}),!g&&i().createElement("img",{loading:"lazy",className:"img-preview-blur",src:e,alt:p}),i().createElement("img",{loading:"lazy",className:"img-preview",src:e,alt:p}),a&&i().createElement("div",{className:"img-more-overlay"},i().createElement(r.H,{tag:"h1",as:"h2",color:"white"},h)))})),v&&i().createElement(ImagePreviewPopup,{authorName:c||"",images:t,onClose:()=>b(!1),onOpenSingleView:x,alt:p}),f>=0&&i().createElement(PostSingleImageViewPopup,{images:t,initialViewIndex:f,onClose:()=>x(-1),alt:p}),d&&"bottom"===m&&i().createElement(k,{message:u("sensitiveMask.contentWarningDescription.community"),className:"noti-bottom",icon:i().createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},i().createElement("path",{d:"M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z",fill:"#FE921D"}))}))}},q5EV:function(e,t,a){"use strict";a.d(t,{C:function(){return CardReactions},L:function(){return LabelSortPin},T:function(){return TagTopic},a:function(){return LabelPin},b:function(){return TreePopoverMenu},c:function(){return i}});var n,i,r=a("yabo"),l=a("+OUp"),o=a.n(l),s=a("C4n1"),c=a("yWIz"),d=a("vH4S"),p=a("Ng1G"),m=a("Kowz"),g=a("iBNF"),u=a("NaoI"),h=a("o6ax"),v=a("ELYh"),b=a("QktA"),f=a("xX6O"),x=a("rBCA"),w=a("xRwJ"),y=a("l2jd");let E=(0,l.createContext)({});var k={wrapper:"vvR-m49"};let LikeWrapper=e=>{var{children:t,className:a=""}=e,n=(0,r.a)(e,["children","className"]);let{isReplied:i,trackingCategory:s,trackingLabel:c,onLikeClick:p}=(0,l.useContext)(E);return o().createElement(d.Box,Object.assign({className:`${k.wrapper} ${a}`,"data-event-category":s,"data-event-action":i?"Like Comment Click":"Like Post Click","data-event-label":c},n,{onClick:()=>{null==p||p()}}),t)},ShareWrapper=e=>{var{children:t,className:a=""}=e,n=(0,r.a)(e,["children","className"]);let{trackingCategory:i,trackingLabel:s,onShareClick:c}=(0,l.useContext)(E);return o().createElement(d.Box,Object.assign({className:`${k.wrapper} ${a}`,"data-event-category":i,"data-event-action":"Share Icon Click","data-event-label":s},n,{onClick:()=>{null==c||c()}}),t)},CommentWrapper=e=>{var{children:t,className:a=""}=e,n=(0,r.a)(e,["children","className"]);let{isReplied:i,trackingCategory:s,trackingLabel:c,onCommentClick:p}=(0,l.useContext)(E);return o().createElement(d.Box,Object.assign({className:`${k.wrapper} ${a}`,"data-event-category":s,"data-event-action":i?"Reply Comment Click":"Comment Text Click","data-event-label":c},n,{onClick:e=>{e.preventDefault(),e.stopPropagation(),null==p||p()}}),t)},SaveWrapper=e=>{var{children:t,className:a=""}=e,n=(0,r.a)(e,["children","className"]);let{trackingCategory:i,trackingLabel:s,onSaveClick:c}=(0,l.useContext)(E);return o().createElement(d.Box,Object.assign({className:`${k.wrapper} ${a}`,"data-event-category":i,"data-event-action":"Save Post Click","data-event-label":s},n,{onClick:e=>{e.preventDefault(),e.stopPropagation(),null==c||c()}}),t)};var C={wrapper:"UhiT4m5",inner:"oEfeTkV",iconTxt:"_9GXHCn3",clickableIcon:"HCsrR0N",labelReaction:"Ierg-Fq",actions:"_674BTR4",statistical:"XlkglSM",releatedStatistical:"KyekKc3",statisticalNoAction:"TTfvZpR"};(n=i||(i={}))[n.post=1]="post",n[n.reply=2]="reply";let CardReactions=e=>
624{var{type:t,viewCount:a=0,loveCount:n=0,replyCount:d=0,replyPadding:p,liked:u,isReplied:b,isSaved:f,onCommentClick:x,onLikeClick:w,onShareClick:y,onSaveClick:k,onGoToUrl:N,className:_,style:T,showingMostEngaging:z,isMarryBaby:S,hasShare:M=!0,hasSave:$=!0,hasActionStatistical:P=!0,hasShowAction:A=!0,isReleatedPost:j=!1,isVertical:R=!1,trackingCategory:I="Together",trackingLabel:B="",children:L}=e,F=(0,r.a)(e,["type","viewCount","loveCount","replyCount","replyPadding","liked","isReplied","isSaved","onCommentClick","onLikeClick","onShareClick","onSaveClick","onGoToUrl","className","style","showingMostEngaging","isMarryBaby","hasShare","hasSave","hasActionStatistical","hasShowAction","isReleatedPost","isVertical","trackingCategory","trackingLabel","children"]);let{data:{env:{isMarryBaby:D}}}=(0,l.useContext)(v.T),V=S||D,{t:W}=(0,s.u)(),{isMobile:O}=(0,h.u)(),H=(0,l.useMemo)(()=>a>0||d>0,[a,d]),X=(0,l.useMemo)(()=>a>0||n>0||d>0,[a,n,d]),Y=(0,l.useCallback)(()=>o().createElement("div",{className:`${C.releatedStatistical} ${P?"":C.statisticalNoAction} session-statistical`},o().createElement("div",{className:"releated-post-statistical"},o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div",onClick:()=>{P&&(null==N||N())}},a>0&&o().createElement(o().Fragment,null,o().createElement(c.I.Eye,{size:18,isMarryBaby:V}),o().createElement("div",{className:C.labelReaction},a))),o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div",onClick:()=>{P&&(null==N||N(d>0?"":"?action=comment"))}},o().createElement("div",{className:C.labelReaction},d>0?W("comment.count",{count:d}):W("comment.now"))))),[H,P,V,a,d]),U=(0,l.useCallback)(()=>X?o().createElement("div",{className:`${C.statistical} ${P?"":C.statisticalNoAction} session-statistical`},o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div",onClick:()=>{P&&(null==N||N())}},a>0&&o().createElement(o().Fragment,null,o().createElement(c.I.Eye,{size:18,isMarryBaby:V}),o().createElement("div",{className:C.labelReaction},a))),O||R?o().createElement("div",{className:"wrapper-list-statistical"},n>0?o().createElement(m.T,{className:C.iconTxt,size:"p3",as:"div",onClick:()=>{P&&(null==N||N())}},o().createElement("div",{className:C.labelReaction},n," ",W("cardReactions.like"))):o().createElement("div",null),d>0&&o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div",onClick:()=>{P&&(null==N||N())}},o().createElement("div",{className:C.labelReaction},d," ",W("cardReactions.comment")))):o().createElement(o().Fragment,null,n>0?o().createElement(m.T,{className:C.iconTxt,size:"p3",as:"div",onClick:()=>{P&&(null==N||N())}},o().createElement(c.I.Heart,{isMarryBaby:V,isSolid:!1,size:18,color:"#737373"}),o().createElement("div",{className:C.labelReaction},n)):o().createElement("div",null),d>0&&o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div",onClick:()=>{P&&(null==N||N())}},o().createElement(c.I.Comment,{size:18,className:"txt-icon",isMarryBaby:V}),o().createElement("div",{className:C.labelReaction},d)))):"",[X,P,V,O,a,n,d]);return o().createElement(E.Provider,{value:{liked:u,loveCount:n,trackingCategory:I,trackingLabel:B,isReplied:b,onLikeClick:w,onShareClick:y,onCommentClick:x,onSaveClick:k}},L||o().createElement("div",Object.assign({className:`${C.wrapper} ${_}`,"data-show-most-engaging":z,"data-type":t===i.post?"post":"reply","data-reply-padding":t===i.reply&&p,"data-is-marrybaby":V,style:T},F),o().createElement("div",{className:`${C.inner} ${R?"direction-vertical":""}`},A&&o().createElement("div",{className:`${C.actions} session-action`},o().createElement(LikeWrapper,{className:`${C.clickableIcon} wrapper-action`},o().createElement(m.T,{className:C.iconTxt,size:"p3",as:"div"},o().createElement(c.I.Heart,{isMarryBaby:V,isSolid:u,size:18,color:u?V?g.w.mbColors.pink:g.w.colors.red800:"#737373"}),o().createElement("div",{className:C.labelReaction},W("cardReactions.like")))),M&&o().createElement(ShareWrapper,{className:`${C.clickableIcon} wrapper-action`},o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div"},o().createElement(c.I.Share,{size:18,isMarryBaby:V}),o().createElement("div",{className:C.labelReaction},W("share.title")))),$&&o().createElement(SaveWrapper,{className:`${C.clickableIcon} wrapper-action`},o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div"},f?o().createElement(c.I.Bookmark,{size:18,isMarryBaby:V,color:V?"#3E3F58":"#737373"}):o().createElement(c.I.Save,{size:18,isMarryBaby:V,color:V?"#3E3F58":"#737373"}),o().createElement("div",{className:C.labelReaction}
624,f?W("cardReactions.unSave"):W("cardReactions.save")))),o().createElement(CommentWrapper,{className:`${C.clickableIcon} wrapper-action`},o().createElement(m.T,{size:"p3",className:C.iconTxt,as:"div"},o().createElement(c.I.Comment,{size:18,className:"txt-icon",isMarryBaby:V}),o().createElement("div",{className:C.labelReaction},W("cardReactions.comment"))))),j?Y():U())))};CardReactions.LikeWrapper=LikeWrapper,CardReactions.ShareWrapper=ShareWrapper,CardReactions.CommentWrapper=CommentWrapper;let N=(0,d.createStyles)(e=>({wrapper:{display:"flex",flexWrap:"wrap",width:"100%",padding:"0.5rem 0",gap:"0.5rem"},item:{position:"relative",whiteSpace:"nowrap",padding:"5px 12px",background:e.colors.gray[0],borderRadius:"2rem",cursor:"pointer","-webkit-user-drag":"none",userSelect:"none",textDecoration:"none","*":{pointerEvents:"none"},"&:first-child":{marginLeft:0}},text:{}})),TagTopic=e=>{var{topics:t=[],onClick:a,className:n,style:i,trackingCategory:c="Together",locale:d="vi-VN",classNames:g,styles:u,unstyled:h,shortenedNumber:x=3,shortenedStyle:w}=e,y=(0,r.a)(e,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled","shortenedNumber","shortenedStyle"]);let{t:E}=(0,s.u)(),{classes:k}=N(void 0,{name:"TagTopic",classNames:g,styles:u,unstyled:h}),{data:{env:{togetherBasePath:C}},action:{sanitizeFunction:_}}=(0,l.useContext)(v.T),[T,z]=(0,l.useState)(!w);return o().createElement("div",Object.assign({onClick:a,className:`${k.wrapper} ${n}`,style:i},y),(T?t:t.slice(0,x)).map((e,t)=>{let a=(null==e?void 0:e.dueDateMonth)&&(null==e?void 0:e.dueDateMonth)!==0&&(null==e?void 0:e.dueDateYear)&&(null==e?void 0:e.dueDateYear)!==0;return o().createElement("a",{className:k.item,key:t,"data-event-category":c,"data-event-action":"Topic in Post Click","data-event-label":`${(0,v.l)(d)}${C}${e.url}`,href:e.isActive&&!e.isHidden?`${C}${e.url}/`:void 0},o().createElement(m.T,{size:"p4"},o().createElement("span",{style:Object.assign({},a&&{textTransform:"capitalize"}),dangerouslySetInnerHTML:{__html:a?`${(0,b.A)(new Date(2020,Number(e.dueDateMonth)-1,1),"MMMM",{locale:p.j[d]})}${d===f.L.Vietnam?"/":" "}${null==e?void 0:e.dueDateYear}`:(null==_?void 0:_(e.name))||e.name}})))}),!T&&t.length>x&&o().createElement("a",{className:k.item,href:"#",onClick:e=>{e.preventDefault(),z(!0)}},o().createElement(m.T,{size:"p4"},"+",E("tagTopic.moreTopics",{number:t.length-x}))))},_=x.A.div` 625 display: flex; 626 align-items: center; 627 justify-content: space-between; 628 padding: 16px; 629 cursor: pointer; 630 &[data-color='gray'] { 631 background: ${g.w.colors.neutral50}; 632 } 633 &[data-color='white'] { 634 border-bottom: 1px solid #e4e8ec; 635 background: ${g.w.colors.white}; 636 } 637 638 .popover-menu__btn { 639 display: flex; 640 min-width: 2rem; 641 height: 2rem; 642 align-items: center; 643 padding: 8px 0 !important; 644 border: none; 645 margin-left: 0.5rem; 646 background: transparent; 647 > span { 648 display: flex; 649 align-items: center; 650 } 651 652 &:hover { 653 background: transparent !important; 654 } 655 } 656 657 &.label-pinned { 658 border-radius: ${g.w.borderRadius} 6px 0 0; 659 .label-sort-pin-icon { 660 width: 16px; 661 height: 16px; 662 vertical-align: middle; 663 } 664 } 665 666 &[data-is-marrybaby='true'] { 667 padding: 0.75rem 1rem; 668 border-radius: 16px 16px 0px 0px; 669 &[data-color='white'] { 670 border-bottom: none; 671 } 672 &[data-color='gray'] { 673 background: #f3f3f3; 674 } 675 .popover-menu__btn { 676 width: unset; 677 } 678 679 &.label-pinned { 680 border-bottom: none; 681 background: #fff9eb; 682 border-radius: 1rem 1rem 0 0; 683 .label-sort-pin-icon { 684 margin-right: 8px; 685 } 686 .label-sort-pin-heading { 687 color: #fb8c00; 688 } 689 } 690 &.label-sorting { 691 ${u.M.tdUp} { 692 padding-bottom: 1.5rem; 693 margin-bottom: -0.75rem; 694 } 695 } 696 } 697`,LabelSortPin=({label:e,rightLabel:t,onClick:a,color:n,className:i,style:r})=>{let{data:{env:{isMarryBaby:s}}}=(0,l.useContext)(v.T);return o().createElement(_,{"data-is-marrybaby":s,"data-color":n,onClick:a,className:i,style:r},o().createElement(m.T,{className:"label-sort-pin-heading",size:s?"p4":"p3",weight:"bold"},e),t)},LabelPin=({onClick:e,color:t,className:a,style:n})=>{let{data:{env:{isMarryBaby:i}}}=(0,l.useContext)(v.T),{t:r}=(0,s.u)();return o().createElement(LabelSortPin,{label:o().createElement(o().Fragment,null,i&&o().createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.5 20 4.37-4.37'/%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.956 11.294a1 1 0 0 0 0 1.414l2.918 2.918 2.918 2.918a1 1 0 0 0 1.414 0l1.175-1.175a1 1 0 0 0 .293-.707v-3.936l2.9-2.9 2.3
6971.123c.282.015.56-.091.76-.291l.573-.574a1 1 0 0 0 0-1.414l-4.386-4.386a1 1 0 0 0-1.414 0l-.574.574a1 1 0 0 0-.29.76l.122 2.309-2.9 2.9H6.838a1 1 0 0 0-.707.293z' clip-rule='evenodd'/%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m16.57 9.83-2.9-2.9'/%3e%3c/svg%3e",loading:"lazy"})," ",r("label.pinnedPost")),rightLabel:!i&&o().createElement("img",{className:"label-sort-pin-icon",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23FEA21E' stroke-linecap='round' d='m7.186 7.682-3.504 6.132'/%3e%3cpath fill='%23FEA21E' stroke='%23FEA21E' stroke-linejoin='round' stroke-width='.5' d='M3.246 7.784a.25.25 0 0 0 .091.342l5.447 3.145a.25.25 0 0 0 .342-.092 3.39 3.39 0 0 0 .11-3.186l1.622-2.808a2.66 2.66 0 0 0 1.606-1.239.25.25 0 0 0-.092-.341l-4.19-2.42a.25.25 0 0 0-.341.092 2.66 2.66 0 0 0-.27 2.01L5.949 6.095a3.39 3.39 0 0 0-2.703 1.69Z'/%3e%3c/svg%3e",loading:"lazy"}),onClick:e,color:"white",className:`label-pinned ${a}`,style:n})},TreePopoverMenu=e=>{var{data:t}=e,a=(0,r.a)(e,["data"]);return o().createElement(y.P,Object.assign({},a),({setShow:e})=>o().createElement(Tree,{data:t,setShow:e}))},getCurrentDataFromPath=(e,t)=>{let a=t.split("."),n=e;return a.forEach(e=>{var t,a;e&&n&&(null==n?void 0:n.type)==="list"&&(n=null===(a=null===(t=null==n?void 0:n.list)||void 0===t?void 0:t[Number(e)])||void 0===a?void 0:a.subTree)}),n},Tree=({data:e,setShow:t})=>{var a;let[n,i]=(0,l.useState)(""),r=(0,l.useMemo)(()=>e&&getCurrentDataFromPath(e,n),[e,n]);if(!e||!r)return null;let handleItemClick=(e,{subTree:a,onClick:n=()=>null})=>{n&&n(),a?i(t=>t.split(".").concat(String(e)).join(".")):t&&t(!1)};return o().createElement(y.S,null,r.isShowheader?o().createElement("div",{className:"__header"},n?o().createElement("img",{className:"__back-btn",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m15 18-6-6 6-6'/%3e%3c/svg%3e",onClick:()=>i(e=>e.split(".").slice(0,-1).join(".")),loading:"lazy"}):null,r.title?o().createElement(w.H,{className:"__title",tag:"h6"},r.title):null):null,r.description?o().createElement(m.T,{className:"tree-text-description",color:g.w.colors.gray600,size:"p3",weight:"regular"},r.description):null,o().createElement("div",{className:"__content"},"jsx"===r.type?null===(a=null==r?void 0:r.jsxRenderer)||void 0===a?void 0:a.call(r,t):null,"list"===r.type?o().createElement("ul",{className:"__list"},Array.isArray(r.list)?r.list.map((e,t)=>o().createElement("li",{key:t,style:e.style,className:`__item ${e.className}`}," ",o().createElement("div",{className:`__btn ${e.selected?"--checked":""}`,onClick:()=>handleItemClick(t,e),"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},e.icon&&o().createElement("img",{className:"__icon",src:e.icon,loading:"lazy"}),o().createElement("span",null,e.label)),e.subTree?o().createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3e%3c/svg%3e",loading:"lazy"}):null,e.selected?o().createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%238C8C8C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 4 6 11.333 2.667 8'/%3e%3c/svg%3e",loading:"lazy"}):null)):null):null))}},TYy9:function(e,t,a){var n=a("XGnz");e.exports=function(e){return(null==e?0:e.length)?n(e,1):[]}}}]);
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.