1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5175],{46144:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/library",function(){return r(60575)}])},60575:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return In}});var t=r(47568),i=r(26042),a=r(69396),o=r(97582),s=r(35944),d=r(98998),u=r(40191),c=r(7297),l=r(68806),m=r(6812),f=r(73359),v=r(6897),h=r(66887);function Z(){var e=(0,c.Z)(["\n fragment UserListContents on TUser {\n ...UserFollowInfoBlocks\n }\n ","\n"]);return Z=function(){return e},e}function g(){var e=(0,c.Z)(["\n fragment UserListContent on RecommendedUsers {\n userList {\n ...UserListContents\n }\n nextCursor\n }\n ","\n"]);return g=function(){return e},e}var p=(0,l.Ps)(Z(),h.G),I=(0,l.Ps)(g(),p),E=r(220);function y(){var e=(0,c.Z)(["\n fragment EditorListContent on TUser {\n ...UserProfileOnTUser\n userId\n }\n ","\n"]);return y=function(){return e},e}var b=(0,l.Ps)(y(),E.B),R=r(56072),T=r(49520);function S(){var e=(0,c.Z)(["\n fragment UserRankingInLibrary on UserRankingItem {\n ...UserRankingBlock\n }\n ","\n"]);return S=function(){return e},e}function k(){var e=(0,c.Z)(["\n fragment CommentRankingInLibrary on CommentRankingItem {\n ...CommentRankingBlock\n }\n ","\n"]);return k=function(){return e},e}function L(){var e=(0,c.Z)(["\n fragment RecommendedExpertInLibrary on RecommendedExpert {\n hasMore\n nextCursor\n recommendedTheme {\n displayName\n recommendedThemeId\n recommendedUsers {\n badges {\n height\n badge: imageUrl\n width\n }\n displayName\n displayTitle\n userId\n }\n }\n }\n"]);return L=function(){return e},e}function x(){var e=(0,c.Z)(["\n fragment RecommendedExpertsInLibrary on RecommendedExperts {\n recommendedExperts {\n ...RecommendedExpertInLibrary\n }\n }\n ","\n"]);return x=function(){return e},e}var w=(0,l.Ps)(S(),R.j),B=(0,l.Ps)(k(),T.j),N=(0,l.Ps)(L()),C=(0,l.Ps)(x(),N);function _(){var e=(0,c.Z)(["\n query LibraryPage {\n ...BaseQuery\n }\n ","\n"]);return _=function(){return e},e}function A(){var e=(0,c.Z)(["\n query UserRankingPage {\n weeklyUserRanking {\n ...UserRankingInLibrary\n }\n }\n ","\n"]);return A=function(){return e},e}function M(){var e=(0,c.Z)(["\n query CommentRankingPage($limit: Int) {\n dailyCommentRanking(limit: $limit) {\n ...CommentRankingInLibrary\n }\n }\n ","\n"]);return M=function(){return e},e}function P(){var e=(0,c.Z)(["\n query UserListPage($cursor: Int) {\n recommendedUsers(cursor: $cursor) {\n ...UserListContent\n }\n }\n ","\n"]);return P=function(){return e},e}function U(){var e=(0,c.Z)(["\n query ExpertListPage($usersLimit: Int) {\n allCategoryExperts(usersLimit: $usersLimit) {\n ...RecommendedExpertsInLibrary\n }\n }\n ","\n"]);return U=function(){return e},e}function O(){var e=(0,c.Z)(["\n query ExpertsThemeTab($recommendedThemeId: Int!, $limit: Int, $cursor: Int) {\n expertsByThemeCategory(\n recommendedThemeId: $recommendedThemeId\n limit: $limit\n cursor: $cursor\n ) {\n ...RecommendedExpertInLibrary\n }\n }\n ","\n"]);return O=function(){return e},e}function $(){var e=(0,c.Z)(["\n query ProPickerPage($cursor: Int) {\n recommendedThemes(cursor: $cursor) {\n recommendedThemeList {\n displayName\n recommendedThemeId\n recommendedUsers {\n badges {\n badge: imageUrl\n height\n width\n }\n displayName\n displayTitle\n followers\n followings\n userId\n }\n }\n nextCursor\n }\n }\n"]);return $=function(){return e},e}function D(){var e=(0,c.Z)(["\n query EditorListPage {\n editors {\n ...EditorListContent\n }\n }\n ","\n"]);return D=function(){return e},e}var X={},q=(0,l.Ps)(_(),v.j);var G=(0,l.Ps)(A(),w);var Y=(0,l.Ps)(M(),B);var z=(0,l.Ps)(P(),I);var F=(0,l.Ps)(U(),C);var V=(0,l.Ps)(O(),N);var H=(0,l.Ps)($());var W=(0,l.Ps)(D(),b);var Q=r(31951),j=r(70917),K=r(37616),J=function(e){var n=e.commentRankingContents,r=e.referrerQueryParams;return(0,s.tZ)(K.Q,{fragments:n,referrerQueryParams:r,hideTopDivider:!0,userFollowButtonLogParams:{from:"LIBRARY"}})},ee=function(e){return(0,s.tZ)(J,(0,i.Z)({},e))},ne=r(65950),re=r(45357),te=r(39423),ie=r(77462),ae=r(67265),oe=(0,j.iv)("padding:0 ",re.$u.SIZE16,";@media (min-width:",re.RR.MEDIUM,"){padding:0;}"),se=(0,j.iv)("display:grid;grid-gap:0 ",re.$u.SIZE40,";border-top:1px solid ",re.kf.BASE_SECONDARY,";@media (min-width:",re.RR.LARGE,"){grid-template-columns:repeat(2,1fr);}"),de=(0,j.iv)("padding:",re.$u.SIZE24," ",re.$u.SIZE16,";border-bottom:1px solid ",re.kf.BASE_PRIMARY,";@media (min-width:",re.RR.MEDIUM,"){padding:",re.$u.SIZE24," 0;}"),ue=function(e){var n=e.editors,r=(0,ae.bU)().t;return(0,s.BX)(s.HY,{children:[(0,s.BX)("div",{css:oe,children:[(0,s.tZ)(ie.L,{base:{y:re.$u.SIZE24}}
1),(0,s.tZ)(te.Z,{base:{textStyle:"BOLD.XX_LARGE.TIGHT"},children:r["library.page.editor.title"]}),(0,s.tZ)(ie.L,{base:{y:re.$u.SIZE16}})]}),(0,s.tZ)("ul",{css:se,children:n.map((function(e,n){return(0,s.tZ)("li",{css:de,children:(0,s.tZ)(ne.I,{fragment:(0,a.Z)((0,i.Z)({},e),{user:e.userId}),avatarSize:40,nameSizes:{medium:{textStyle:"BOLD.BASE.TIGHT"}},showFollowButton:!0,followButtonPosition:"right",logParams:{sectionId:"editorList",index:n},logParamsForFollow:{from:"LIBRARY"},styleInListItem:{stretchWidth:!0}})},e.userId)}))})]})},ce=function(e){return(0,s.tZ)(ue,(0,i.Z)({},e))},le=r(20006),me=["recommended","expert","editor","ranking","comment","user"],fe="recommended";var ve=r(29815),he=r(67294),Ze=r(246),ge=r.n(Ze),pe=r(44183),Ie=r(13621),Ee=r(46455),ye=function(e){var n=e.recommendedUsers,r=n.nextCursor,a=n.userList,d=(0,he.useState)(a),u=d[0],c=d[1],l=(0,he.useState)(r||null),f=l[0],v=l[1],h=function(e){var n=(0,i.Z)({},X,e);return m.a(z,n)}({variables:{cursor:r}}),Z=h.loading,g=h.fetchMore,p=(0,he.useCallback)((0,t.Z)((function(){var e;return(0,o.__generator)(this,(function(n){switch(n.label){case 0:return[4,g({variables:{cursor:f}})];case 1:return e=n.sent().data,c((function(n){return(0,ve.Z)(n).concat((0,ve.Z)(e.recommendedUsers.userList))})),e.recommendedUsers.nextCursor?v(e.recommendedUsers.nextCursor):v(null),[2]}}))})),[g,f]);return(0,s.tZ)(ge(),{loadMore:p,hasMore:Boolean(f)&&!Z,loader:(0,s.BX)(Ie.k,{base:{direction:"column",align:"center"},children:[(0,s.tZ)(ie.L,{base:{y:re.$u.SIZE64}}),(0,s.tZ)(Ee.TK,{size:Ee.FJ.L})]},0),children:(0,s.tZ)(pe.r,{fragments:u,logParams:{sectionId:"userList",from:"LIBRARY"}})})},be=function(e){return(0,s.tZ)(ye,(0,i.Z)({},e))},Re=r(16567),Te=function(e){var n=e.fragments;return(0,s.tZ)(Re.r,{fragments:n,hideTopDivider:!0,userFollowButtonLogParams:{from:"LIBRARY"}})},Se=function(e){return(0,s.tZ)(Te,(0,i.Z)({},e))},ke=r(79657),Le=r(49984),xe=r(31099),we=r(87063),Be=r(33464),Ne=r(18897),Ce=r(76552),_e=r(11699),Ae=r(65096),Me=function(e){var n=e.themes,r=e.selectedThemeId,t=e.onClick,i=(0,ae.bU)().t,a=(0,xe.Vp)().sendEventLog;return(0,s.BX)(_e.w,{children:[(0,s.tZ)(Ae.E,{text:i["library.page.propicker.nav-all"],active:"all"===r,size:"small",sizes:{medium:"medium"},onClick:function(){t("all"),a({eventType:"TAP_MODULE",moduleName:"all",moduleValue:"all"})}}),n.map((function(e){return(0,s.tZ)(Ae.E,{text:e.displayName,active:e.recommendedThemeId===r,size:"small",sizes:{medium:"medium"},onClick:function(){t(e.recommendedThemeId),a({eventType:"TAP_MODULE",moduleName:e.displayName,moduleValue:e.recommendedThemeId.toString()})}},e.recommendedThemeId)}))]})},Pe=r(71005),Ue=r(51363),Oe=(0,j.iv)("display:flex;flex-direction:column;gap:",re.$u.SIZE24,";margin:",re.$u.SIZE24," 0 0;"),$e=(0,j.iv)("display:flex;align-items:center;justify-content:space-between;height:",re.$u.SIZE72,";padding:0 ",re.$u.SIZE16,";@media (min-width:",re.RR.MEDIUM,"){padding:0;}"),De=(0,j.iv)("display:grid;grid-gap:0 ",re.$u.SIZE40,";border-top:1px solid ",re.kf.BASE_SECONDARY,";@media (min-width:",re.RR.MEDIUM,"){grid-template-columns:repeat(2,1fr);}"),Xe=(0,j.iv)("display:flex;gap:",re.$u.SIZE8,";align-items:center;justify-content:space-between;padding:",re.$u.SIZE24," ",re.$u.SIZE16,";border-bottom:1px solid ",re.kf.BASE_SECONDARY,";@media (min-width:",re.RR.MEDIUM,"){padding:",re.$u.SIZE24," 0;}"),qe=(0,j.iv)("padding:0 ",re.$u.SIZE16,";margin:",re.$u.SIZE16," 0 0;@media (min-width:",re.RR.MEDIUM,"){padding:0;}"),Ge=function(e){var n=e.recommendedThemeList,r=void 0===n?[]:n,t=(0,Ne.k)().sessionUser,i=(0,he.useState)("all"),a=i[0],o=i[1];return(0,s.BX)(s.HY,{children:[(0,s.tZ)("div",{css:qe,children:(0,s.tZ)(Me,{themes:r,onClick:function(e){o(e)},selectedThemeId:a})}),(0,s.tZ)("div",{css:Oe,children:r.filter((function(e){return"all"===a?e:e.recommendedThemeId===a})).map((function(e){return(0,s.tZ)(Ye,{theme:e,sessionUser:t},e.recommendedThemeId)}))})]})},Ye=function(e){var n=e.theme,r=e.sessionUser,d=(0,ae.bU)().t,u=(0,xe.Vp)().sendEventLog,c=(0,he.useRef)(null),l=(0,we.s)(c,{once:!0}),m=n.recommendedUsers.map((function(e){return e.userId})),f=(0,Be.Ur)(m,{enabled:!!r}).data,v=(0,Be.ql)(),h=v.mutateAsync,Z=v.isPending,g=(0,Be.q)(),p=g.mutateAsync,I=g.isPending,E=Z||I,y=(0,he.useCallback)((function(){u({eventType:"INVIEW_SECTION",sectionId:n.displayName,level:2})}),[u,n.displayName]);(0,he.useEffect)((function(){l&&y()}),[l]);var b=function(){var e=(0,t.Z)((function(){var e;return(0,o.__generator)(this,(function(r){switch(r.label){case 0:return e={theme:n.displayName,from:"LIBRARY"},f?[4,p({recommendedThemeId:n.recommendedThemeId,userIds:m})]:[3,2];case 1:return r.sent(),u((0,i.Z)({eventType:"UNFOLLOW_ALL"},e)),[3,4];case 2:return[4,h({recommendedThemeId:n.recommendedThemeId,userIds:m})];case 3:r.sent(),u((0,i.Z)({eventType:"FOLLOW_ALL"},e)),r.label=4;case 4:return[2]}}
1))}));return function(){return e.apply(this,arguments)}}();return(0,s.BX)("div",{children:[(0,s.BX)("div",{css:$e,ref:c,children:[(0,s.tZ)(te.Z,{base:{textStyle:"BOLD.XX_LARGE.TIGHT"},children:n.displayName}),(0,s.tZ)(Ue.M,{children:function(e){var n=e.handleClickRegister;return(0,s.tZ)(Pe.TK,{text:f?d["library.page.propicker.all-following"]:d["library.page.propicker.all-follow"],size:"small",type:"button",variant:"tertiary",active:f,onClick:r?b:n,loading:E})}})]}),(0,s.tZ)("div",{css:De,children:n.recommendedUsers.map((function(e,r){return(0,s.BX)("div",{css:Xe,children:[(0,s.tZ)(ne.I,{fragment:(0,a.Z)((0,i.Z)({},e),{user:e.userId}),logParams:{sectionId:n.displayName,index:r},avatarSize:40,nameSizes:{medium:{textStyle:"BOLD.BASE.TIGHT"}}}),(0,s.tZ)(Ce.B,{userId:e.userId,size:"small"})]},e.userId)}))})]})},ze=function(e){var n=e.themes,r=n.recommendedThemeList,d=n.nextCursor,u=(0,he.useState)(r),c=u[0],l=u[1],f=function(e){var n=(0,i.Z)({},X,e);return m.a(H,n)}({variables:{cursor:d}}),v=f.loading,h=f.fetchMore;return(0,he.useEffect)((function(){var e=function(){var e=(0,t.Z)((function(){var e,n;return(0,o.__generator)(this,(function(r){switch(r.label){case 0:e=function(){var e,r,t;return(0,o.__generator)(this,(function(i){switch(i.label){case 0:return[4,h({variables:{cursor:n}})];case 1:return r=i.sent(),n=null===(e=r.data)||void 0===e?void 0:e.recommendedThemes.nextCursor,l((function(e){var n;return(0,ve.Z)(e).concat((0,ve.Z)(null!==(t=null===(n=r.data)||void 0===n?void 0:n.recommendedThemes.recommendedThemeList)&&void 0!==t?t:[]))})),[2]}}))},n=d,r.label=1;case 1:return n?[5,(0,o.__values)(e())]:[3,3];case 2:return r.sent(),[3,1];case 3:return[2]}}
1))}));return function(){return e.apply(this,arguments)}}();d&&!v&&e()}),[h,v,d]),(0,s.tZ)(Ge,(0,a.Z)((0,i.Z)({},e),{recommendedThemeList:c}))},Fe=r(14924),Ve=r(828),He=r(11163),We=r(62587),Qe=r(27439),je=(0,j.iv)("display:flex;flex-direction:column;gap:",re.$u.SIZE24,";margin:",re.$u.SIZE24," 0 0;"),Ke=(0,j.iv)("display:flex;align-items:center;height:",re.$u.SIZE72,";padding:0 ",re.$u.SIZE16,";@media (min-width:",re.RR.MEDIUM,"){padding:0;}"),Je=(0,j.iv)("display:grid;grid-gap:0 ",re.$u.SIZE40,";border-top:1px solid ",re.kf.BASE_SECONDARY,";@media (min-width:",re.RR.MEDIUM,"){grid-template-columns:repeat(2,1fr);}"),en=(0,j.iv)("display:flex;gap:",re.$u.SIZE8,";align-items:center;justify-content:space-between;padding:",re.$u.SIZE24," ",re.$u.SIZE16,";border-bottom:1px solid ",re.kf.BASE_SECONDARY,";@media (min-width:",re.RR.MEDIUM,"){padding:",re.$u.SIZE24," 0;}"),nn=(0,j.iv)("padding:0 ",re.$u.SIZE16,";margin:",re.$u.SIZE16," 0 0;@media (min-width:",re.RR.MEDIUM,"){padding:0;}"),rn=function(e){return(0,j.iv)("display:flex;align-items:center;justify-content:center;margin-top:",e?re.$u.SIZE40:re.$u.SIZE24,";@media (min-width:",re.RR.MEDIUM,"){& button{max-width:400px;& svg{width:",re.$u.SIZE12,";height:",re.$u.SIZE12,";}}}")},tn=function(e){var n=e.recommendedExperts,r=e.recommendedExpertsByTheme,t=e.themeId,i=e.loadings,a=e.onIntersection,o=e.onNavigationChipClick,d=e.onLoadMore,u=(0,he.useCallback)((function(e){o(e)}),[o]),c=r?[r]:n;return(0,s.BX)(s.HY,{children:[(0,s.tZ)("div",{css:nn,children:(0,s.tZ)(an,{recommendedExperts:n,selectedThemeId:t,onClick:u})}),(0,s.tZ)("div",{css:je,children:c.map((function(e){var n,r=(null===(n=i.find((function(n){return n.themeId===e.recommendedTheme.recommendedThemeId})))||void 0===n?void 0:n.loading)||!1;return(0,s.tZ)(on,{theme:e,loading:r,usesInfiniteScroll:"all"!==t,onIntersection:a,onLoadMore:d},e.recommendedTheme.recommendedThemeId)}))})]})},an=function(e){var n=e.recommendedExperts,r=e.selectedThemeId,t=e.onClick,i=(0,ae.bU)().t;return(0,s.BX)(_e.w,{children:[(0,s.tZ)(Ae.E,{text:i["library.page.expert.nav-all"],active:"all"===r,size:"small",sizes:{medium:"medium"},onClick:function(){return t("all")}}),n.map((function(e){return(0,s.tZ)(Ae.E,{text:e.recommendedTheme.displayName,active:e.recommendedTheme.recommendedThemeId===r,size:"small",sizes:{medium:"medium"},onClick:function(){return t(e.recommendedTheme.recommendedThemeId)}},e.recommendedTheme.recommendedThemeId)}))]})},on=function(e){var n,r=e.theme,d=e.loading,u=e.usesInfiniteScroll,c=void 0!==u&&u,l=e.onIntersection,m=e.onLoadMore,f=(0,he.useRef)(null),v=(0,he.useRef)(null),h=(0,we.s)(v,{once:!0}),Z=(0,he.useState)((n=r.recommendedTheme.recommendedThemeId,"ThemeExpertUserSection_".concat(n)))[0];(0,he.useEffect)((function(){h&&l(Z)}),[h,Z]);var g=(0,ae.bU)().t,p=(0,he.useMemo)((function(){return r.recommendedTheme.recommendedUsers.map((function(e,n){return(0,s.BX)("div",{css:en,children:[(0,s.tZ)(ne.I,{fragment:(0,a.Z)((0,i.Z)({},e),{user:e.userId}),logParams:{sectionId:Z,index:n},avatarSize:40,nameSizes:{medium:{textStyle:"BOLD.BASE.TIGHT"}}}),(0,s.tZ)(Ce.B,{userId:e.userId,size:"small"})]},e.userId)}))}),[Z,r.recommendedTheme.recommendedUsers]),I=(0,he.useCallback)((0,t.Z)((function(){return(0,o.__generator)(this,(function(e){switch(e.label){case 0:return"number"!==typeof r.nextCursor?[3,2]:[4,m(r.recommendedTheme.recommendedThemeId,50,r.nextCursor)];case 1:e.sent(),e.label=2;case 2:return[2]}}
1))})),[m,r.nextCursor,r.recommendedTheme.recommendedThemeId]);return(0,s.BX)("div",{ref:f,children:[(0,s.tZ)("div",{css:Ke,ref:v,children:(0,s.tZ)(te.Z,{base:{textStyle:"BOLD.XX_LARGE.TIGHT"},children:r.recommendedTheme.displayName})}),c?(0,s.tZ)(ge(),{initialLoad:!1,hasMore:r.hasMore&&!d,loader:(0,s.tZ)("div",{css:rn(d),children:(0,s.tZ)(Ee.TK,{size:Ee.FJ.L})},"loader"),loadMore:I,children:(0,s.tZ)("div",{css:Je,children:p})}):(0,s.BX)(s.HY,{children:[(0,s.tZ)("div",{css:Je,children:p}),r.hasMore&&"number"===typeof r.nextCursor&&(0,s.tZ)("div",{css:rn(d),children:d?(0,s.tZ)(Ee.TK,{size:Ee.FJ.L}):(0,s.tZ)(We.W,{type:"button",variant:"tertiary",text:g["common.load_more"],size:"small",icon:{element:(0,s.tZ)(Qe.r,{}),position:"right"},onClick:I})})]})]})},sn=r(89435),dn="etid",un=function(e){var n=e.recommendedExperts,r=e.recommendedExpertsByTheme,d=(0,xe.Vp)().sendEventLog,u=(0,He.useRouter)(),c=(0,he.useMemo)((function(){var e=Number(u.query.etid);return Number.isNaN(e)?"all":e}),[u.query]),l=(0,he.useCallback)((function(e){d({eventType:"INVIEW_SECTION",sectionId:e,level:2})}),[d]),m=(0,he.useCallback)(function(){var e=(0,t.Z)((function(e){var n;return(0,o.__generator)(this,(function(r){switch(r.label){case 0:return d({eventType:"TAP_MODULE",moduleName:"ExpertTheme",moduleValue:e.toString()}),n=(0,Q.xl)("library.expert",{},{options:{absolute:!1},query:(0,a.Z)((0,i.Z)({},u.query),(0,Fe.Z)({},dn,e))}),[4,u.push(n)];case 1:return r.sent(),[2]}}))}));return function(n){return e.apply(this,arguments)}}(),[u,d]),v=(0,he.useState)(n.map((function(e){return{loading:!1,themeId:e.recommendedTheme.recommendedThemeId}}))),h=v[0],Z=v[1],g=(0,he.useState)(n),p=g[0],I=g[1],E=(0,he.useState)(r),y=E[0],b=E[1],R=(0,Ve.Z)(function(e){var n=(0,i.Z)({},X,e);return f.t(V,n)}(),1)[0],T=(0,he.useCallback)(function(){var e=(0,t.Z)((function(e,n,r){var t,s;return(0,o.__generator)(this,(function(o){return s=function(e,n){return n?{hasMore:n.expertsByThemeCategory.hasMore,nextCursor:n.expertsByThemeCategory.nextCursor,recommendedTheme:(0,a.Z)((0,i.Z)({},e.recommendedTheme),{recommendedUsers:Array.from(new Map((0,ve.Z)(e.recommendedTheme.recommendedUsers).concat((0,ve.Z)(n.expertsByThemeCategory.recommendedTheme.recommendedUsers)).map((function(e){return[e.userId,e]}))).values())})}:e},(t=function(n){h.forEach((function(r){r.themeId===e&&Z((function(r){return r.map((function(r){return r.themeId===e?(0,a.Z)((0,i.Z)({},r),{loading:n}):r}))}))}))})(!0),R({variables:{recommendedThemeId:e,limit:n,cursor:r},fetchPolicy:"cache-first"}).then((function(n){var r=n.data;"all"===c?I((function(n){return n.map((function(n){return n.recommendedTheme.recommendedThemeId===e?s(n,r):n}))})):b((function(e){return e?s(e,r):e})),t(!1)})).catch((function(e){(0,sn.vU)("Error loading more experts:",e),t(!1)})),[2]}))}));return function(n,r,t){return e.apply(this,arguments)}}(),[R,h,c]);return(0,s.tZ)(tn,(0,a.Z)((0,i.Z)({},e),{themeId:c,recommendedExperts:p,recommendedExpertsByTheme:y,loadings:h,onIntersection:l,onNavigationChipClick:m,onLoadMore:T}))},cn=(0,j.iv)("padding:",re.$u.SIZE64," 0 0;margin:0 auto;@media (min-width:",re.RR.MEDIUM,"){max-width:",re.i0.MEDIUM,";}@media (min-width:",re.RR.LARGE,"){max-width:",re.i0.LARGE,";}@media (min-width:",re.RR.X_LARGE,"){max-width:",re.i0.X_LARGE,";}"),ln=(0,j.iv)("margin:",re.$u.SIZE8," 0 0;"),mn=(0,j.iv)("display:flex;justify-content:center;padding:",re.$u.SIZE24,";"),fn=(0,j.iv)("padding:0 ",re.$u.SIZE16,";@media (min-width:",re.RR.MEDIUM,"){padding:0;}"),vn=function(e){var n=e.tabName,r=(0,ke.xD)({defaultTab:n,deleteParamsWhenTabChange:[dn]}),t=r.control,o=r.tab,d=r.transitioning,u=(0,ae.bU)().t,c=(0,xe.Vp)().sendEventLog;return(0,s.tZ)(Le.ZA,{htmlMeta:(0,le.mz)(u,o),children:(0,s.BX)("div",{css:cn,children:[(0,s.tZ)("div",{css:fn,children:(0,s.tZ)(te.Z,{el:"h2",base:{textStyle:"BOLD.XX_LARGE.TIGHT"},sizes:{medium:{textStyle:"BOLD.XXXX_LARGE.TIGHT"}},children:u["library.header"]})}),(0,s.BX)(ke.mQ,(0,a.Z)((0,i.Z)({},t),{children:[(0,s.tZ)(ke.td,{cssStyle:ln,children:me.map((function(e){return(0,s.tZ)(ke.E2,{tab:e,onClick:function(){switch(e){case"re
1commended":c({eventType:"RECOMMEND_TAB"});break;case"editor":break;case"ranking":c({eventType:"OPEN_RANKING"});break;case"comment":c({eventType:"OPEN_COMMENT_RANKING"});break;case"user":c({eventType:"OPEN_RECOMMENDS"});break;case"expert":c({eventType:"OPEN_EXPERTS"})}},children:u["library.nav.".concat(e)]},e)}))}),me.map((function(r){return(0,s.tZ)(ke.x4,{tab:r,children:d?(0,s.tZ)("div",{css:mn,children:(0,s.tZ)(Ee.TK,{size:Ee.FJ.L})}):r!==n?null:(0,s.tZ)(hn,(0,i.Z)({},e))},r)}))]}))]})})},hn=function(e){var n,r,t=e.tabName;return"recommended"===t?(0,s.tZ)(ze,{themes:e.data.recommendedThemes}):"editor"===t?(0,s.tZ)(ce,{editors:e.data.editors}):"ranking"===t?(0,s.tZ)(Se,{fragments:e.data.weeklyUserRanking}):"comment"===t?(0,s.tZ)(ee,{commentRankingContents:e.data.dailyCommentRanking,referrerQueryParams:{ref:"library",block:"commentRanking"}}):"user"===t?(0,s.tZ)(be,{recommendedUsers:e.data.recommendedUsers}):"expert"===t?(0,s.tZ)(un,{recommendedExperts:null===(n=e.data.allCategoryExperts)||void 0===n?void 0:n.recommendedExperts,recommendedExpertsByTheme:null===(r=e.themeTabData)||void 0===r?void 0:r.expertsByThemeCategory}):(0,s.tZ)(s.HY,{})},Zn=function(e){return(0,s.tZ)(vn,(0,i.Z)({},e))},gn=r(98835),pn=function(e){var n=(0,xe.Vp)().sendEventLog;return(0,gn.s)((function(){switch(n({eventType:"OPEN_PAGE"}),e.tabName){case"recommended":n({eventType:"RECOMMEND_TAB"});break;case"editor":break;case"ranking":n({eventType:"OPEN_RANKING"});break;case"comment":n({eventType:"OPEN_COMMENT_RANKING"});break;case"user":n({eventType:"OPEN_RECOMMENDS"});break;
1case"expert":n({eventType:"OPEN_EXPERTS"})}})),(0,s.tZ)(Zn,(0,i.Z)({},e))};pn.getInitialProps=function(){var e=(0,t.Z)((function(e){var n,r,s,c,l,m,f,v,h,Z,g,p,I,E,y,b,R,T,S;return(0,o.__generator)(this,(function(k){switch(k.label){case 0:return n=(0,u.in)(null,e),r=e.query,s="string"===typeof(null===r||void 0===r?void 0:r.t)&&(L=null===r||void 0===r?void 0:r.t,void 0!==me.find((function(e){return e===L})))?r.t:fe,[4,n.query({query:q})];case 1:return c=k.sent(),l=c.data,v={sessionUser:null!==(m=l.sessionUser)&&void 0!==m?m:null,allocationResults:null!==(f=null===l||void 0===l?void 0:l.allocationResults)&&void 0!==f?f:null,initialApolloState:n.cache.extract(!0)},h=[],"string"===typeof(null===r||void 0===r?void 0:r.t)&&"media"===r.t&&(0,d.uX)((0,Q.xl)("media_list",{}),null===e||void 0===e?void 0:e.res,{permanent:!0}),"ranking"!==s?[3,3]:[4,n.query({query:G})];case 2:return(Z=k.sent().data).weeklyUserRanking.map((function(e){return h.push(e.user.user)})),[2,(0,a.Z)((0,i.Z)({},v),{tabName:s,data:Z,targetIds:h})];case 3:return"comment"!==s?[3,5]:[4,n.query({query:Y,variables:{limit:30}})];case 4:return(g=k.sent().data).dailyCommentRanking.map((function(e){var n;e.comment.picker&&h.push(null===(n=e.comment.picker)||void 0===n?void 0:n.user)})),[2,(0,a.Z)((0,i.Z)({},v),{tabName:s,data:g,targetIds:h})];case 5:return"recommended"!==s?[3,7]:[4,n.query({query:H,variables:{cursor:null}})];case 6:return(p=k.sent().data).recommendedThemes.recommendedThemeList.flatMap((function(e){return e.recommendedUsers.map((function(e){return h.push(e.userId)}))})),[2,(0,a.Z)((0,i.Z)({},v),{tabName:s,data:p,targetIds:h})];case 7:return"editor"!==s?[3,9]:[4,n.query({query:W})];case 8:return(I=k.sent().data).editors.map((function(e){return h.push(e.userId)})),[2,(0,a.Z)((0,i.Z)({},v),{tabName:s,data:I,targetIds:h})];case 9:return"user"!==s?[3,11]:[4,n.query({query:z,variables:{cursor:null}})];case 10:return(E=k.sent().data).recommendedUsers.userList.map((function(e){return h.push(e.userId)})),[2,(0,a.Z)((0,i.Z)({},v),{tabName:s,data:E,targetIds:h})];case 11:return"expert"!==s?[3,14]:(y=function(){var e=(0,t.Z)((function(){var e;return(0,o.__generator)(this,(function(t){switch(t.label){case 0:return e=Number(r.etid),Number.isNaN(e)?[2]:[4,n.query({query:V,variables:{cursor:0,limit:50,recommendedThemeId:e},fetchPolicy:"cache-first"})];case 1:return[2,t.sent().data]}}))}));return function(){return e.apply(this,arguments)}}(),[4,y()]);case 12:return null===(b=k.sent())||void 0===b||b.expertsByThemeCategory.recommendedTheme.recommendedUsers.forEach((function(e){return h.push(e.userId)})),[4,n.query({query:F,variables:{usersLimit:10},fetchPolicy:"cache-first"})];case 13:return(R=k.sent().data).allCategoryExperts.recommendedExperts.forEach((function(e){return e.recommendedTheme.recommendedUsers.forEach((function(e){return h.push(e.userId)}))})),[2,(0,a.Z)((0,i.Z)({},v),{tabName:s,data:R,themeTabData:b,targetIds:h})];case 14:return[4,n.query({query:H})];case 15:return T=k.sent(),S=T.data,[2,(0,a.Z)((0,i.Z)({},v),{tabName:fe,data:S,targetIds:h})]}var L}))}));return function(n){return e.apply(this,arguments)}}();var In=pn},49520:function(e,n,r){"use strict";r.d(n,{j:function(){return c}});var t=r(7297),i=r(68806),a=r(19157),o=r(16809),s=r(87631),d=r(220);function u(){var e=(0,t.Z)(["\n fragment CommentRankingBlock on CommentRankingItem {\n rank\n news {\n ...NewsTitle\n ...NewsMeta\n newsId\n read\n adId\n ...SidePeekNews\n }\n comment {\n comment\n likeCount\n picker {\n ...UserProfileOnTUser\n }\n }\n }\n ","\n ","\n ","\n ","\n"]);return u=function(){return e},e}var c=(0,i.Ps)(u(),a.l,o.c,s.P,d.B)},37616:function(e,n,r){"use strict";r.d(n,{Q:function(){return D}});var t=r(26042),i=r(69396),a=r(35944),o=r(67294),s=r(70917),d=r(12447),u=r(45357),c=r(31099),l=r(47568),m=r(97582),f=r(67265),v=r(76552),h=r(65950),Z=r(13621),g=r(96015),p=r(86838),I=r(77462),E=r(39423),y=r(49536),b=r(31951),R=r(40475),T=r(87047),S=r(69359),k=r(68746),L=r(5562),x="comment-ranking-block__comment",w=(0,s.iv)("padding:",u.$u.SIZE16,";background-color:",u.G.SUBTLE_SECONDARY,";border-radius:",u.wU.MEDIUM,";"),B=(0,s.iv)("@media (hover:hover){&:hover{.",x,"{",u.eC,";}}}"),N=(0,s.iv)(".",T.SQ.block,"{.",E.J.block,"{",u.Fv,";}}"),C=function(e){var n,r,o,d,l,m,C,_,A=e.fragment,M=e.index,P=e.referrerQueryParams,U=e.onIntersection,O=e.onClick,$=e.userFollowButtonLogParams,D=e.showFlashedLabel,X=void 0!==D&&D,q=(0,f.bU)().t,G=(0,c.Rc)(U),Y=(0,b.Vl)().generateUrl;return(0,a.tZ)("div",{ref:G,children:(0,a.BX)(Z.k,{base:{spacing:{x:u.$u.SIZE16}},children:[(0,a.tZ)(p.O,{number:A.rank}),(0,a.BX)(g.B,{base:{flex:1},children:[(0,a.BX)("div",{css:w,children:[(0,a.tZ)(y.f,{href:Y("news.summary",{newsId:A.news.newsId},{query:(0,i.Z)((0,t.Z)({},P),{ref:"".concat(P.ref,"_").concat(null===(n=A.comment.picker)||void 0===n?void 0:n.user)})}),cssStyle:B,onClick:O,children:(0,a.tZ)("div",{className:x,children:(0,a.tZ)(L.U,{base:{textStyle:"NORMAL.SMALL.RELAXED"},color:u.d9.BASE_SECONDARY,rows:7,el:"p",wordBreak:"break-all",fixedHeight:!0,children:(0,R.hU)(null!==(d=A.comment.comment)&&void 0!==d?d:"")})})}),(0,a.tZ)(S.i,{base:{spacing:{top:u.$u.SIZE16,bottom:u.$u.SIZE16}}}),(0,a.tZ)("div",{children:(0,a.BX)(y.f,{href:Y("news.summary",{newsId:A.news.newsId},{query:P}),cssStyle:(_=A.news.read,(0,s.iv)(_&&N," &:visited{",N,"}@media (hover:hover){&:hover{.",T.SQ.block,"{",u.eC,";}}}
1")),onClick:O,children:[(0,a.tZ)(T.KP,{fragment:A.news,showFlashedLabel:X}),(0,a.tZ)(I.L,{base:{y:u.$u.SIZE4}}),(0,a.tZ)(k.z,{fragment:A.news,date:null!==(l=A.news.publishedAt)&&void 0!==l?l:void 0})]})})]}),(0,a.tZ)(I.L,{base:{y:u.$u.SIZE16}}),(0,a.tZ)(h.I,{nameTextStyle:"BOLD.BASE.TIGHT",fragment:(0,i.Z)((0,t.Z)({},A.comment.picker),{user:null!==(m=null===(r=A.comment.picker)||void 0===r?void 0:r.user)&&void 0!==m?m:0}),avatarSize:40,queryParams:P,logParams:{sectionId:"commentRanking",index:M}}),(0,a.tZ)(I.L,{base:{y:u.$u.SIZE8}}),(0,a.BX)(Z.k,{base:{align:"center"},children:[(0,a.tZ)(g.B,{base:{flex:1},children:(0,a.BX)(E.Z,{base:{textStyle:"NORMAL.XX_SMALL.NONE"},color:u.d9.BASE_SECONDARY,children:[q["ranking.weekly_comment_like_ranking.like_count"],(0,a.tZ)(E.Z,{base:{textStyle:"BOLD.LARGE.NONE"},color:u.d9.BASE_PRIMARY,children:A.comment.likeCount})]})}),(0,a.tZ)(v.B,{userId:null!==(C=null===(o=A.comment.picker)||void 0===o?void 0:o.user)&&void 0!==C?C:0,logParams:$,size:"small"})]})]})]})})},_=r(89859),A=r(6105),M=function(e){var n,r=e.fragment,s=e.referrerQueryParams,f=(0,c.Vp)().sendEventLog,v=(0,d.G)("(min-width: ".concat(u.RR.MEDIUM,")")),h=(0,A.ui)(r.news,s).openSidePeekNewsSummary,Z=(0,o.useCallback)((function(){var n;f({eventType:"INVIEW_NEWS_ITEM",sectionId:"commentRanking",index:e.index,newsId:e.fragment.news.newsId,sponsored:(0,_.Jg)(e.fragment.news),adId:null!==(n=e.fragment.news.adId)&&void 0!==n?n:void 0})}),[e.fragment.news,e.index,f]),g=(0,o.useCallback)(function(){var n=(0,l.Z)((function(n){var r,t,i;return(0,m.__generator)(this,(function(a){return!(0,A.do)(n)&&v&&h(n),f({eventType:"TAP_NEWS_ITEM",sectionId:"commentRanking",index:e.index,newsId:e.fragment.news.newsId,sponsored:(0,_.Jg)(e.fragment.news),adId:null!==(t=e.fragment.news.adId)&&void 0!==t?t:void 0,userId:null!==(i=null===(r=e.fragment.comment.picker)||void 0===r?void 0:r.user)&&void 0!==i?i:0}),[2]}))}));return function(e){return n.apply(this,arguments)}}(),[v,h,null===(n=e.fragment.comment.picker)||void 0===n?void 0:n.user,e.fragment.news,e.index,f]);return(0,a.tZ)(C,(0,i.Z)((0,t.Z)({},e),{onIntersection:Z,onClick:g}))},P=function(e){return(0,s.iv)("display:",e?"block":"none",";")},U=(0,s.iv)("display:grid;grid-template-columns:1fr;@media (min-width:",u.RR.LARGE,"){grid-template-columns:1fr 1fr;gap:0 40px;}"),O=(0,s.iv)("margin:",u.$u.SIZE16,";@media (min-width:",u.RR.MEDIUM,"){margin:0;}"),$=function(e){var n=e.fragments,r=e.referrerQueryParams,t=e.hideTopDivider,i=e.onIntersection,o=e.userFollowButtonLogParams,s=e.showFlashedLabel,l=void 0!==s&&s,m=(0,d.G)("(min-width: ".concat(u.RR.LARGE,")")),f=(0,c.Rc)(i);return(0,a.tZ)("div",{css:U,ref:f,children:n.map((function(e,i){var s=m?n.length-2<i+1:n.length===i+1,d=m?0===i||1===i:0===i;return(0,a.BX)("div",{children:[t&&d?(0,a.tZ)("div",{css:{marginTop:u.$u.SIZE22}}):(0,a.tZ)(S.i,{base:{spacing:{bottom:u.$u.SIZE22}}}),(0,a.tZ)("div",{css:O,children:(0,a.tZ)(M,{fragment:e,referrerQueryParams:r,index:i,userFollowButtonLogParams:o,showFlashedLabel:l})}),(0,a.tZ)(I.L,{base:{y:u.$u.SIZE22}}),(0,a.tZ)("div",{css:P(s),children:(0,a.tZ)(S.i,{base:{}})})]},e.rank)}))})},D=function(e){var n=(0,c.Vp)().sendEventLog,r=(0,o.useCallback)((function(){n({eventType:"INVIEW_SECTION",sectionId:"commentRanking",level:3})}),[n]);return(0,a.tZ)($,(0,i.Z)((0,t.Z)({},e),{onIntersection:r}))}},39224:function(e,n,r){"use strict";r.d(n,{C:function(){return p}});var t=r(26042),i=r(35944),a=r(69396),o=r(70917),s=r(45357),d=r(67265),u=r(65950),c=r(39423),l=r(76552),m=(0,o.iv)("display:flex;flex:1;flex-direction:column;gap:",s.$u.SIZE16,";"),f=(0,o.iv)("display:flex;align-items:center;justify-content:space-between;padding:0 0 0 ",s.$u.SIZE48,";"),v=(0,o.iv)("display:flex;gap:",s.$u.SIZE16,";"),h=(0,o.iv)("display:flex;flex-direction:column;gap:",s.$u.SIZE4,";"),Z=(0,o.iv)("border-left:1px solid ",s.kf.BASE_SECONDARY,";"),g=function(e){var n=e.fragment,r=e.logParams,o=(0,d.bU)().t;return(0,i.BX)("div",{css:m,children:[(0,i.tZ)(u.I,{fragment:(0,a.Z)((0,t.Z)({},n),{user:n.userId}),avatarSize:40,nameSizes:{medium:{textStyle:"BOLD.BASE.TIGHT"}},logParams:r}),(0,i.BX)("div",{css:f,children:[(0,i.BX)("div",{css:v,children:[(0,i.BX)("div",{css:h,children:[(0,i.tZ)(c.Z,{base:{textStyle:"NORMAL.XX_SMALL.NONE",color:s.d9.BASE_SECONDARY},children:o["library.page.user.follow"]}),(0,i.tZ)(c.Z,{base:{textStyle:"BOLD.SMALL.NORMAL"},children:n.followings})]}),(0,i.tZ)("div",{css:Z}),(0,i.BX)("div",{css:h,children:[(0,i.tZ)(c.Z,{base:{textStyle:"NORMAL.XX_SMALL.NONE",color:s.d9.BASE_SECONDARY},children:o["library.page.user.follower"]}),(0,i.tZ)(c.Z,{base:{textStyle:"BOLD.SMALL.NORMAL"},children:n.followers})]})]}),(0,i.tZ)(l.B,{userId:n.userId,size:"small",logParams:{from:r&&r.from}})]})]})},p=function(e){return(0,i.tZ)(g,(0,t.Z)({},e))}},66887:function(e,n,r){"use strict";r.d(n,{G:function(){return u}});var t=r(7297),i=r(68806),a=r(220);function o(){var e=(0,t.Z)(["\n fragment UserFollowInfoBlock on TUser {\n ...UserProfileOnTUser\n followings\n followers\n userId\n }\n ","\n"]);return o=function(){return e},e}var s=(0,i.Ps)(o(),a.B);function d(){var e=(0,t.Z)(["\n fragment UserFollowInfoBlocks on TUser {\n ...UserFollowInfoBlock\n }\n ","\n"]);return d=function(){return e},e}var u=(0,i.Ps)(d(),s)},44183:function(e,n,r){"use strict";r.d(n,{r:function(){return m}});var t=r(26042),i=r(35944),a=r(69396),o=r(70917),s=r(39224),d=r(45357),u=(0,o.iv)("display:grid;grid-gap:0 ",d.$u.SIZE40,";@media (min-width:",d.RR.LARGE,"){grid-template-columns:repeat(2,1fr);}"),c=(0,o.iv)("padding:",d.$u.SIZE24," ",d.$u.SIZE16,";border-bottom:1px solid ",d.kf.BASE_PRIMARY,";@media (min-width:",d.RR.MEDIUM,"){padding:",d.$u.SIZE24," 0;}"),l=function(e){var n=e.fragments,r=e.logParams;return(0,i.tZ)("ul",{css:u,children:n.map((function(e,n){return(0,i.tZ)("li",{css:c,children:(0,i.tZ)(s.C,{fragment:e,logParams:r&&(0,a.Z)((0,t.Z)({},r),{index:n})})},e.userId)}))})},m=function(e){return(0,i.tZ)(l,(0,t.Z)({},e))}},56072:function(e,n,r){"use strict";r.d(n,{j:function(){return s}});var t=r(7297),i=r(68806),a=r(220);function o(){var e=(0,t.Z)(["\n fragment UserRankingBlock on UserRankingItem {\n rank\n likeCount\n user {\n ...UserProfileOnTUser\n }\n }\n ","\n"]);return o=function(){return e},e}var s=(0,i.Ps)(o(),a.B)},16567:function(e,n,r){"use strict";r.d(n,{r:function(){return k}});var t=r(26042),i=r(69396),a=r(35944),o=r(67294),s=r(70917),d=r(12447),u=r(45357),c=r(31099),l=r(67265),m=r(76552),f=r(65950),v=r(13621),h=r(96015),Z=r(86838),g=r(77462),p=r(39423),I=function(e){var n=e.fragment,r=e.index,t=e.userFollowButtonLogParams,i=(0,l.bU)().t;return(0,a.BX)(v.k,{base:{spacing:{x:u.$u.SIZE16}},children:[(0,a.tZ)(Z.O,{number:n.rank}),(0,a.BX)(h.B,{base:{flex:1},children:[(0,a.tZ)(f.I,{nameTextStyle:"BOLD.BASE.TIGHT",fragment:n.user,avatarSize:40,queryParams:{ref:"index",block:"userRanking"},logParams:{sectionId:"userRanking",index:r}}),(0,a.tZ)(g.L,{base:{y:u.$u.SIZE8}}),(0,a.BX)(v.k,{base:{align:"center"},children:[(0,a.tZ)(h.B,{base:{flex:1},children:(0,a.BX)(p.Z,{base:{textStyle:"NORMAL.XX_SMALL.NONE"},color:u.d9.BASE_SECONDARY,children:[i["ranking.weekly_like_user_ranking.like_count"],(0,a.tZ)(p.Z,{base:{textStyle:"BOLD.LARGE.NONE"},color:u.d9.BASE_PRIMARY,children:n.likeCount})]})}),(0,a.tZ)(m.B,{userId:n.user.user,size:"small",logParams:t})]})]})]})},E=function(e){return(0,a.tZ)(I,(0,t.Z)({},e))},y=r(69359),b=function(e){return(0,s.iv)("display:",e?"block":"none",";")},R=(0,s.iv)("display:grid;grid-template-columns:1fr;@media (min-width:",u.RR.LARGE,"){grid-template-columns:1fr 1fr;gap:0 40px;}"),T=(0,s.iv)("margin:",u.$u.SIZE16,";@media (min-width:",u.RR.MEDIUM,"){margin:0;}"),S=function(e){var n=e.fragments,r=e.hideTopDivider,t=void 0!==r&&r,i=e.onIntersection,o=e.userFollowButtonLogParams,s=(0,d.G)("(min-width: ".concat(u.RR.LARGE,")")),l=(0,c.Rc)(i);return(0,a.tZ)("div",{css:R,ref:l,children:n.map((function(e,r){var i=s?n.length-2<r+1:n.length===r+1,d=s?0===r||1===r:0===r;return(0,a.BX)("div",{children:[t&&d?(0,a.tZ)("div",{css:{marginTop:u.$u.SIZE22}}
1):(0,a.tZ)(y.i,{base:{spacing:{bottom:u.$u.SIZE22}}}),(0,a.tZ)("div",{css:T,children:(0,a.tZ)(E,{fragment:e,userFollowButtonLogParams:o,index:r})}),(0,a.tZ)(g.L,{base:{y:u.$u.SIZE22}}),(0,a.tZ)("div",{css:b(i),children:(0,a.tZ)(y.i,{base:{}})})]},e.rank)}))})},k=function(e){var n=(0,c.Vp)().sendEventLog,r=(0,o.useCallback)((function(){n({eventType:"INVIEW_SECTION",sectionId:"userRanking",level:3})}),[n]);return(0,a.tZ)(S,(0,i.Z)((0,t.Z)({},e),{onIntersection:r}))}},86838:function(e,n,r){"use strict";r.d(n,{O:function(){return Z}});var t=r(26042),i=r(35944),a=r(7297),o=r(70917),s=r(67294),d=r(45357);function u(){var e=(0,a.Z)(["\n color: ",";\n background-color: ",";\n "]);return u=function(){return e},e}function c(){var e=(0,a.Z)(["\n color: ",";\n background-color: ",";\n "]);return c=function(){return e},e}function l(){var e=(0,a.Z)(["\n color: ",";\n background-color: ",";\n "]);return l=function(){return e},e}function m(){var e=(0,a.Z)(["\n color: ",";\n background-color: ",";\n "]);return m=function(){return e},e}function f(){var e=(0,a.Z)(["\n color: ",";\n background-color: ",";\n "]);return f=function(){return e},e}var v=(0,o.iv)("display:inline-flex;align-items:center;justify-content:center;width:",d.$u.SIZE32,";min-width:",d.$u.SIZE32,";height:",d.$u.SIZE32,";font-size:",d.Bf.X_LARGE,";font-weight:",d.U9.BOLD,";border-radius:",d.wU.MEDIUM,";"),h=function(e){var n=e.number,r=(0,s.useMemo)((function(){switch(n){case 1:return(0,o.iv)(u(),d.d9.OUTLINE_PRIMARY,d.Tv.ONE);case 2:return(0,o.iv)(c(),d.d9.OUTLINE_PRIMARY,d.Tv.TWO);case 3:return(0,o.iv)(l(),d.d9.OUTLINE_PRIMARY,d.Tv.THREE);case 4:return(0,o.iv)(m(),d.d9.OUTLINE_PRIMARY,d.Tv.FOUR);default:return(0,o.iv)(f(),d.d9.OUTLINE_PRIMARY,d.Tv.FIVE_OVER)}}),[n]);return(0,i.tZ)("span",{css:[v,r],children:n})},Z=function(e){return(0,i.tZ)(h,(0,t.Z)({},e))}},79657:function(e,n,r){"use strict";r.d(n,{E2:function(){return S},mQ:function(){return I},td:function(){return R},x4:function(){return k},xD:function(){return w}});var t=r(14924),i=r(26042),a=r(69396),o=r(99534),s=r(35944),d=r(70917),u=r(67294),c=r(11163),l=r(45357),m=r(39423),f=r(44311),v=r(88796),h=r(87063),Z=r(31099),g=r(98835),p=(0,u.createContext)(null),I=function(e){var n=e.children,r=(0,o.Z)(e,["children"]);return(0,s.tZ)(p.Provider,{value:r,children:n})};function E(){return(0,u.useContext)(p)}var y=(0,d.iv)("border-bottom:1px solid ",l.kf.BASE_SECONDARY,";"),b=(0,d.iv)("display:flex;align-items:stretch;"),R=function(e){var n=e.children,r=e.cssStyle,t=(0,f.T)(void 0),i=t.scrollRef,a=t.handleScroll;return(0,g.s)((function(){var e=i.current;if(e){var n=e.querySelector("[role='tab'][aria-selected=true]");if(n){var r=e.getBoundingClientRect(),t=n.getBoundingClientRect();e.scrollTo({left:t.left-r.left-(r.width-t.width)/2})}}})),(0,s.tZ)("div",{role:"tablist",css:[r,y],children:(0,s.tZ)(v.Ms,{ref:i,onScroll:a,fullWidth:!0,children:(0,s.tZ)("div",{css:b,children:n})})})},T=function(e){return(0,d.iv)("display:flex;flex-shrink:0;justify-content:center;width:fit-content;/* active \u306e\u3068\u304d\u306f border \u5206\u3092\u5f15\u304f */\n padding:17.5px 24px ",e?14.5:17.5,"px;letter-spacing:",l.LK.TIGHT,";appearance:none;cursor:",e?"default":"pointer",";background-color:inherit;border:none;",e?"border-bottom: 3px solid ".concat(l.lV.BASE_PRIMARY,";"):""," outline:none;@media (hover:hover){&:hover{background-color:",l.G.BASE_PRIMARY_HOVER,";}}")},S=function(e){var n=e.tab,r=e.children,t=e.cssStyle,d=(0,o.Z)(e,["tab","children","cssStyle"]),c=E(),f=c.tab,v=c.onChange,g=n===f,p=(0,Z.Vp)().sendEventLog,I=(0,u.useCallback)((function(){p({eventType:"INVIEW_TAB",tab:n})}),[p,n]),y=(0,u.useCallback)((function(e){var r;v(n),null===(r=d.onClick)||void 0===r||r.call(d,e),p({eventType:"TAP_TAB",tab:n})}),[n,p,v,d]),b=(0,u.useRef)(null),R=(0,h.s)(b,{once:!0}),S=(0,u.useRef)(!1);return(0,u.useEffect)((function(){!S.current&&R&&(S.current=!0,I())}),[I,n,R]),(0,s.tZ)("button",(0,a.Z)((0,i.Z)({},d),{id:L(n),ref:b,role:"tab",type:"button",css:[T(g),t],onClick:y,"aria-selected":g,"aria-controls":x(n),tabIndex:g?void 0:-1,disabled:g,children:(0,s.tZ)(m.Z,{color:l.d9.BASE_PRIMARY,base:{textStyle:"BOLD.SMALL.NORMAL"},children:r})}))},k=function(e){var n=e.cssStyle,r=e.tab,t=e.children,i=E(),a=i.tab,o=i.onChange,d=i.hiddenContentsSearchable,c=(0,u.useRef)(null),l=r===a;return(0,u.useLayoutEffect)((function(){var e=c.current;if(e&&d){l?e.removeAttribute("hidden"):e.setAttribute("hidden","until-found");var n=function(){o(r)};return e.addEventListener("beforematch",n),function(){e.removeEventListener("beforematch",n)}}}),[l,o,r,d]),(0,s.tZ)("div",{ref:c,id:x(r),css:n,role:"tabpanel",tabIndex:0,"aria-labelledby":L(r),hidden:!l,children:t})};function L(e){return"tab-".concat(e)}function x(e){return"tab-panel-".concat(e)}function w(e){var n=e.defaultTab,r=e.queryKey,o=void 0===r?"t":r,s=e.shallow,d=e.replace,l=void 0!==d&&d,m=e.deleteParamsWhenTabChange,f=(0,c.useRouter)(),v=f.query[o],h=(0,u.useState)((function(){return"function"===typeof n?n(v):n}
1)),Z=h[0],g=h[1],p=(0,u.useState)(!1),I=p[0],E=p[1],y=(0,u.useCallback)((function(e){g(e),E(!0);var n=(0,i.Z)({},f.query);m&&m.forEach((function(e){delete n[e]}));var r={pathname:f.pathname,query:(0,a.Z)((0,i.Z)({},n),(0,t.Z)({},o,e))};(l?f.replace(r,void 0,{shallow:s}):f.push(r,void 0,{shallow:s})).finally((function(){E(!1)}))}),[f,s,o,l,m]);return{control:(0,u.useMemo)((function(){return{tab:Z,onChange:y}}),[Z,y]),tab:Z,setTab:y,transitioning:I}}}},function(e){e.O(0,[5277,6058,1881,3238,6,1561,349,9727,4604,9984,8746,9774,3463,2888,179],(function(){return n=46144,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
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.