https://football.kapook.com/_next/static/chunks/8188.79a40090ef2312bd.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8188],{18188:(e,i,s)=>{s.r(i),s.d(i,{default:()=>z});var t=s(95155),n=s(154),l=s(83143),r=s(63660),o=s(57456),a=s(70355),c=s(67048),d=s(44615),g=s(3829),u=s(69602),h=s(3538),v=s(80430),A=s(61283),f=s(64689),p=s(80003),m=s(97239),x=s(36458),b=s(51905);function _(e){let{editor:i}=e;if(!i)return null;(0,n.er)({editor:i,selector:e=>{let{editor:i}=e;return{bold:i.isActive("bold"),italic:i.isActive("italic"),h2:i.isActive("heading",{level:2}),h3:i.isActive("heading",{level:3}),alignLeft:i.isActive({textAlign:"left"}),alignCenter:i.isActive({textAlign:"center"}),alignRight:i.isActive({textAlign:"right"}),bulletList:i.isActive("bulletList"),orderedList:i.isActive("orderedList"),highlight:i.isActive("highlight"),underline:i.isActive("underline"),strike:i.isActive("strike")}}});let s=[{icon:(0,t.jsx)(o.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleHeading({level:2}).run(),pressed:i.isActive("heading",{level:2})},{icon:(0,t.jsx)(a.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleHeading({level:3}).run(),pressed:i.isActive("heading",{level:3})},{icon:(0,t.jsx)(c.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleBold().run(),pressed:i.isActive("bold")},{icon:(0,t.jsx)(d.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleItalic().run(),pressed:i.isActive("italic")},{icon:(0,t.jsx)(g.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleUnderline().run(),pressed:i.isActive("underline")},{icon:(0,t.jsx)(u.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleStrike().run(),pressed:i.isActive("strike")},{icon:(0,t.jsx)(h.A,{className:"size-4"}),onClick:()=>i.chain().focus().setTextAlign("left").run(),pressed:i.isActive({textAlign:"left"})},{icon:(0,t.jsx)(v.A,{className:"size-4"}),onClick:()=>i.chain().focus().setTextAlign("center").run(),pressed:i.isActive({textAlign:"center"})},{icon:(0,t.jsx)(A.A,{className:"size-4"}),onClick:()=>i.chain().focus().setTextAlign("right").run(),pressed:i.isActive({textAlign:"right"})},{icon:(0,t.jsx)(f.A,{className:"size-4"}),onClick:()=>i.chain().focus().setTextAlign("justify").run(),pressed:i.isActive({textAlign:"justify"})},{icon:(0,t.jsx)(p.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleBulletList().run(),pressed:i.isActive("bulletList")},{icon:(0,t.jsx)(m.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleOrderedList().run(),pressed:i.isActive("orderedList")},{icon:(0,t.jsx)(x.A,{className:"size-4"}),onClick:()=>i.chain().focus().toggleHighlight().run(),pressed:i.isActive("highlight")}];return(0,t.jsx)("div",{className:"border rounded-md p-1 mb-1 bg-slate-50 space-x-2 z-50",children:s.map((e,i)=>

1(0,t.jsx)(b.l,{pressed:e.pressed,onPressedChange:e.onClick,className:" transition-all data-[state=on]:bg-slate-300 data-[state=on]:shadow-inner data-[state=on]:scale-95 ",children:e.icon},i))})}var j=s(12115),k=s(19148),N=s(12751);function z(e){let{content:i,onChange:s}=e,o=(0,n.hG)({extensions:[l.A.configure({heading:{levels:[2,3,4]},bulletList:{HTMLAttributes:{class:"list-disc ml-3"}},orderedList:{HTMLAttributes:{class:"list-decimal ml-3"}}}),N.Ay,r.Ay,k.A.configure({types:["heading","paragraph"]})],content:i,editorProps:{attributes:{}},onSelectionUpdate:e=>{let{editor:i}=e;console.log("bold:",i.isActive("bold")),console.log("italic:",i.isActive("italic")),console.log("h2:",i.isActive("heading",{level:2})),console.log("h3:",i.isActive("heading",{level:3})),console.log("align left:",i.isActive({textAlign:"left"})),console.log("align center:",i.isActive({textAlign:"center"})),console.log("align right:",i.isActive({textAlign:"right"}))},onUpdate:e=>{let{editor:i}=e,t=i.getHTML();console.log("RichEditor>>> onUpdate:",t),console.log(i.isActive("bold")),s(t)}});return((0,j.useEffect)(()=>{var e;if(!o)return;let s=(e=i||"",/<[a-z][\s\S]*>/i.test(e)?e:e.split(/\n{2,}/).map(e=>"<p>".concat(e.replace(/\n/g,"<br>"),"</p>")).join(""));s!==o.getHTML()&&o.commands.setContent(s)},[i,o]),o)?(0,t.jsxs)("div",{className:"",children:[(0,t.jsx)(_,{editor:o}),(0,t.jsx)("div",{className:"w-full flex justify-center bg-white rounded-lg border-2 border-blue-100 focus-within:border-blue-300 transition-colors",children:(0,t.jsx)("div",{className:"w-full max-w-[1038px]",children:(0,t.jsx)("div",{className:"h-[500px] overflow-y-auto",children:(0,t.jsx)(n.$Z,{editor:o,className:" h-full [&_.ProseMirror]:border-0 border-gray-100 [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none [&_.ProseMirror]:focus:outline-none [&_.ProseMirror_img]:mx-auto [&_.ProseMirror_img]:block rich-content [&_p]:mb-4 [&_strong]:font-bold [&_b]:font-bold [&_h2]:text-xl [&_h2]:font-bold [&_h2]:mt-4 [&_h3]:text-lg [&_h3]:font-semibold [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:list-decimal [&_ol]:pl-6 [&_img]:max-w-full [&_img]:h-auto [&_img]:mx-auto "})})})})]}):null}},51905:(e,i,s)=>{s.d(i,{l:()=>c});var t=s(95155);s(12115);var n=s(83101),l=s(1887),r=s(2821),o=s(75889);let a=(0,n.F)("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-muted"},size:{default:"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",sm:"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"}},defaultVariants:{variant:"default",size:"default"}});function c(e){let{className:i,variant:s="default",size:n="default",...c}=e;return(0,t.jsx)(l.b,{"data-slot":"toggle",className:function(){for(var e=arguments.length,i=Array(e),s=0;s<e;s++)i[s]=arguments[s];return(0,o.QP)((0,r.$)(i))}(a({variant:s,size:n,className:i})),...c})}}}]);