https://kmedia.vn/_next/static/chunks/2161.7305d4bd0fbe2e04.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2161],{5079:()=>{},9383:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]])},14225:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]])},25321:(e,t,n)=>{"use strict";n.d(t,{DE:()=>l,Ln:()=>a});let a="content",i={content:"/content/uploads/","wp-content":"/wp-content/uploads/"};function l(e){return i[e]}},64577:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},65377:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]])},68562:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("upload",[["path",{d:"M12 3v12",key:"1x0j5s"}],["path",{d:"m17 8-5-5-5 5",key:"7q97r8"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}]])},72161:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>w});var a=n(95155),i=n(81402),l=n(9383),r=n(9005),s=n(91161),d=n(86210),c=n(89034),o=n(94088),u=n(92298),h=n(12115),m=n(65377),k=n(68562),f=n(14225),p=n(64577),g=n(25321);let y=new Intl.DateTimeFormat("vi-VN",{dateStyle:"short",timeStyle:"short"});async function x(e){let t=await e.text(),n=t?JSON.parse(t):null;if(!e.ok||!n)throw Error(n?.message||`Kh\xf4ng thể tải thư viện ảnh (${e.status}).`);return n}function b({onClose:e,onSelect:t}){let n,[i,l]=(0,h.useState)([]),[s,c]=(0,h.useState)([]),[o,u]=(0,h.useState)([]),[v,j]=(0,h.useState)(g.Ln),[A,S]=(0,h.useState)(""),[N,w]=(0,h.useState)("newest"),[E,C]=(0,h.useState)(""),[T,L]=(0,h.useState)(""),[_,M]=(0,h.useState)(null),[P,D]=(0,h.useState)(1),[$,O]=(0,h.useState)(1),[H,K]=(0,h.useState)(0),[q,F]=(0,h.useState)(!1),[J,R]=(0,h.useState)(!0),[I,U]=(0,h.useState)(!1),[z,V]=(0,h.useState)(null),[Y,B]=(0,h.useState)(0),W=(0,h.useRef)(null),X=(0,h.useRef)(null),Z=i.find(e=>e.relativePath===_)??null;async function G(e=Z){if(e){U(!0),V(null);try{let n;n=null==e.id?(await x(await fetch("/api/kmd-admin/media/files/",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"register",relativePath:e.relativePath})}))).media:e,t(n)}catch(e){V(e instanceof Error?e.message:"Kh\xf4ng thể chọn ảnh.")}finally{U(!1)}}}(0,h.useEffect)(()=>{let e=window.setTimeout(()=>L(E.trim()),250);return()=>window.clearTimeout(e)},[E]),(0,h.useEffect)(()=>{let e=new AbortController,t=new URLSearchParams({page:String(P),pageSize:"80",sort:N,library:v});return A&&t.set("folder",A),T&&t.set("q",T),R(!0),V(null),fetch(`/api/kmd-admin/media/files/?${t}`,{signal:e.signal}).then(e=>x(e)).then(e=>{l(e.items),c(e.folders),u(e.libraries),K(e.allTotal),O(e.totalPages),F(e.canUpload)}).catch(e=>{e instanceof DOMException&&"AbortError"===e.name||V(e instanceof Error?e.message:"Kh\xf4ng thể tải thư viện ảnh.")}).finally(()=>{e.signal.aborted||R(!1)}),()=>e.abort()},[T,A,v,P,Y,N]),(0,h.useEffect)(()=>{function t(t){if("Escape"===t.key&&e(),"Tab"!==t.key||!X.current)return;let n=[...X.current.querySelectorAll('button:not(:disabled),input:not(:disabled),[href],[tabindex]:not([tabindex="-1"])')].filter(e=>!e.hidden);if(!n.length)return;let a=n[0],i=n.at(-1);t.shiftKey&&document.activeElement===a?(t.preventDefault(),i?.focus()):t.shiftKey||document.activeElement!==i||(t.preventDefault(),a.focus())}let n=document.body.style.overflow;return document.body.style.overflow="hidden",window.requestAnimationFrame(()=>X.current?.querySelector('input[type="search"], input:not([type])')?.focus()),document.addEventListener("keydown",t),()=>{document.body.style.overflow=n,document.removeEventListener("keydown",t)}},[e]);let Q=v===g.Ln&&A?A:function(e=new Date){return`${e.getUTCFullYear()}/${String(e.getUTCMonth()+1).padStart(2,"0")}`}();async function ee(e){if(e?.length){U(!0),V(null);try{for(let t of Array.from(e)){let e=new FormData;e.set("file",t),e.set("folder",Q),await x(await fetch("/api/kmd-admin/media/upload/",{method:"POST",body:e}))}j(g.Ln),S(Q),D(1),B(e=>e+1)}catch(e){V(e instanceof Error?e.message:"Tải ảnh thất bại.")}finally{W.current&&(W.current.value=""),U(!1)}}}return(0,a.jsxs)("div",{className:"kmd-ed-modal",role:"dialog","aria-modal":"true","aria-labelledby":"kmd-media-title",children:[(0,a.jsx)("button",{className:"kmd-ed-scrim",type:"button",onClick:e,"aria-label":"Đ\xf3ng thư viện ảnh"}),(0,a.jsxs)("div",{ref:X,className:"kmd-ed-media",children:[(0,a.jsxs)("header",{className:"kmd-ed-media__header",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"kmd-ed-eyebrow",children:"KMEDIA CMS"}),(0,a.jsx)("h2",{id:"kmd-media-title",children:"Thư viện ảnh"}),(0,a.jsxs)("p",{className:"kmd-ed-path",children:[(0,g.DE)(v),A?`${A}/`:""]})]}),(0,a.jsxs)("div",{className:"kmd-ed-media__header-actions",children:[(0,a.jsxs)("span",{className:"kmd-ed-count",children:[H," ảnh"]}),(0,a.jsx)("button",{className:"kmd-ed-icon-button",type:"button",onClick:e,"aria-label":"Đ\xf3ng",children:(0,a.jsx)(r.A,{"aria-hidden":"true"})})]})]}),(0,a.jsxs)("div",{className:"kmd-ed-media__tools",children:[(0,a.jsxs)("label",{className:"kmd-ed-search",children:[(0,a.jsx)(m.A,{"aria-hidden":"true"}),(0,a.jsx)("span",{className:"kmd-ed-sr-only",children:"T\xecm ảnh"}),(0,a.jsx)("input",{value:E,onChange:e=>{C(e.target.value),D(1)},placeholder:"T\xecm t\xean ảnh, ALT hoặc đường dẫn..."})]}),(0,a.jsxs)("label",{className:"kmd-ed-filter",children:[(0,a.jsx)("span",{children:"Sắp xếp"}),(0,a.jsxs)("select",{value:N,onChange:e=>{w(e.target.value),D(1)},children:[(0,a.jsx)("option",{value:"newest",children:"Mới nhất"}),(0,a.jsx)("option",{value:"oldest",children:"Cũ nhất"})]})]}),q?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("input",{ref:W,type:"file",accept:"image/*",multiple:!0,hidden:!0,onChange:e=>void ee(e.target.files)}),(0,a.jsxs)("span",{className:"kmd-ed-path",children:[(0,g.DE)(g.Ln),Q,"/"]}),(0,a.jsxs)("button",{className:"kmd-ed-button kmd-ed-button--primary",type:"button",disabled:I,onClick:()=>W.current?.click(),children:[(0,a.jsx)(k.A,{"aria-hidden":"true"})," Tải ảnh"]})]}):null]}),(0,a.jsxs)("div",{className:"kmd-ed-media__body",children:[(0,a.jsxs)("aside",{className:"kmd-ed-folders","aria-label":"Thư mục media",children:[(0,a.jsx)("div",{className:"kmd-ed-libraries",role:"group","aria-label":"Kho ảnh",children:o.map(e=>(0,a.jsx)("button",{type:"button",className:v===e.key?"is-active":"","aria-pressed":v===e.key,onClick:()=>{var t;(t=e.key)!==v&&(j(t),c([]),S(""),M(null),D(1))},children:e.label},e.key))}),(0,a.jsxs)("button",{type:"button",className:A?"":"is-active",onClick:()=>{S(""),D(1)},children:[(0,a.jsx)(d.A,{"aria-hidden":"true"})," Tất cả"]}),s.map(e=>(0,a.jsxs)("button",{type:"button",className:A===e.path?"is-active":"",onClick:()=>{S(e.path),D(1)},children:[(0,a.jsx)(f.A,{"aria-hidden":"true"}),(0,a.jsx)("span",{children:e.label}),(0,a.jsx)("small",{children:e.count})]},e.path))]}),(0,a.jsxs)("main",{className:"kmd-ed-assets","aria-busy":J,children:[z?(0,a.jsx)("div",{className:"kmd-ed-alert",role:"alert",children:z}):null,J?(0,a.jsx)("div",{className:"kmd-ed-loading",children:"Đang tải thư viện..."}):null,J||i.length?null:(0,a.jsxs)("div",{className:"kmd-ed-empty",children:[(0,a.jsx)(d.A,{"aria-hidden":"true"}),(0,a.jsx)("strong",{children:"Kh\xf4ng c\xf3 ảnh ph\xf9 hợp"}),(0,a.jsx)("span",{children:"Thử từ kh\xf3a hoặc thư mục kh\xe1c."})]}),(0,a.jsx)("div",{className:"kmd-ed-asset-grid",children:i.map(e=>{let t=e.relativePath===_;return(0,a.jsxs)("button",{type:"button",className:`kmd-ed-asset${t?" is-active":""}`,onClick:()=>M(e.relativePath),onDoubleClick:()=>{M(e.relativePath),G(e)},children:[(0,a.jsx)("img",{src:e.url,alt:e.alt||e.title||"",loading:"lazy"}),(0,a.jsx)("span",{children:e.title||e.relativePath.split("/").at(-1)}),t?(0,a.jsx)("i",{children:(0,a.jsx)(p.A,{"aria-hidden":"true"})}):null]},e.relativePath)})}),$>1?(0,a.jsxs)("div",{className:"kmd-ed-pager",children:[(0,a.jsx)("button",{type:"button",disabled:P<=1,onClick:()=>D(e=>e-1),children:"Trước"}),(0,a.jsxs)("span",{children:[P," / ",$]}),(0,a.jsx)("button",{type:"button",disabled:P>=$,onClick:()=>D(e=>e+1),children:"Sau"})]}):null]}),(0,a.jsx)("aside",{className:"kmd-ed-media-detail",children:Z?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"kmd-ed-media-detail__preview",children:(0,a.jsx)("img",{src:Z.url,alt:Z.alt||""})}),(0,a.jsx)("h3",{children:Z.title||Z.relativePath.split("/").at(-1)}),(0,a.jsxs)("p",{children:[Z.width??"—"," \xd7 ",Z.height??"—"," px"]}),(0,a.jsxs)("p",{children:["Tải l\xean ",Number.isNaN((n=new Date(Z.uploadedAt)).getTime())?"—":y.format(n)]}),(0,a.jsx)("p",{className:"kmd-ed-path",children:Z.url}),(0,a.jsxs)("label",{children:["ALT text",(0,a.jsx)("input",{value:Z.alt,readOnly:!0})]})]}):(0,a.jsxs)("div",{className:"kmd-ed-empty",children:[(0,a.jsx)(d.A,{"aria-hidden":"true"}),(0,a.jsx)("strong",{children:"Chọn một ảnh"}),(0,a.jsx)("span",{children:"Th\xf4ng tin ảnh sẽ hiện tại đ\xe2y."})]})})]}),(0,a.jsxs)("footer",{className:"kmd-ed-media__footer",children:[(0,a.jsx)("button",{className:"kmd-ed-button",type:"button",onClick:e,children:"Hủy"}),(0,a.jsxs)("button",{className:"kmd-ed-button kmd-ed-button--primary",type:"button",disabled:!Z||I,onClick:()=>void G(),children:[(0,a.jsx)(p.A,{"aria-hidden":"true"})," D\xf9ng ảnh n\xe0y"]})]})]})]})}n(5079);let v=()=>({version:1,nodes:{}});async function j(e){let t=await e.text(),n=null;try{n=t?JSON.parse(t):null}catch{n=null}if(!e.ok||!n)throw Error(n?.message||`Y\xeau cầu thất bại (${e.status}).`);return n}function A(e){return document.querySelector(`[data-kmd-k="${CSS.escape(e)}"]`)}function S(e,t){let n=A(e.key);if(!n)return;let a=t?.hidden===!0;if(n.classList.toggle("kmd-ed-hidden-preview",a),a?n.dataset.kmdHidden="1":delete n.dataset.kmdHidden,n.removeAttribute("hidden"),n.removeAttribute("aria-hidden"),"text"===e.kind&&(n.textContent=t?.text??e.original.text??""),"link"===e.kind&&n.setAttribute("href",t?.href??e.original.href??""),"image"===e.kind&&n instanceof HTMLImageElement){let a=!!t?.src;!function(e,t,n){if(!t){delete e.dataset.kmdFluid,e.style.removeProperty("--kmd-original-aspect");return}let a=Number(e.getAttribute("width")),i=Number(e.getAttribute("height")),l=n.width||a,r=n.height||i;if(l>0&&r>0)e.style.setProperty("--kmd-original-aspect",`${l} / ${r}`);else{let t=e.getBoundingClientRect();t.width>0&&t.height>0&&e.style.setProperty("--kmd-original-aspect",`${t.width} / ${t.height}`)}e.dataset.kmdFluid="1"}(n,a,e.original);let i=n.closest("picture");for(let e of[n,...i?Array.from(i.querySelectorAll("source")):[]])if(a)void 0===e.dataset.kmdSrcset&&(e.dataset.kmdSrcset=e.getAttribute("srcset")??""),e.removeAttribute("srcset");else if(void 0!==e.dataset.kmdSrcset){let t=e.dataset.kmdSrcset;t&&e.setAttribute("srcset",t),delete e.dataset.kmdSrcset}n.src=t?.src??e.original.src??"",n.alt=t?.alt??e.original.alt??""}}function N(e){let t=(e.textContent??"").replace(/\s+/g," ");return"1"===e.dataset.kmdW?t:t.trim()}function w({onClose:e}){let[t,n]=(0,h.useState)(null),[m,k]=(0,h.useState)(v),[f,p]=(0,h.useState)(""),[g,y]=(0,h.useState)(null),[x,E]=(0,h.useState)(null),[C,T]=(0,h.useState)(null),[L,_]=(0,h.useState)(null),[M,P]=(0,h.useState)("Đang tải dữ liệu chỉnh sửa..."),[D,$]=(0,h.useState)(null),O=(0,h.useRef)(null),H=(0,h.useRef)(m),K="u"<typeof document?null:d

1ocument.querySelector("main[data-kmd-template]"),q=K?.dataset.kmdTemplate,F=(0,h.useMemo)(()=>new Map(t?.manifest.nodes.map(e=>[e.key,e])??[]),[t]),J=x?F.get(x)??null:null,R=J?m.nodes[J.key]:void 0,I=!!(J&&R&&(void 0!==R.originalText&&R.originalText!==J.original.text||void 0!==R.originalSrc&&R.originalSrc!==J.original.src||void 0!==R.originalHref&&R.originalHref!==J.original.href)),U=!!t&&JSON.stringify(m)!==f,z=Object.keys(m.nodes).length,V=(0,h.useCallback)((e,t)=>{k(n=>{let a={...n.nodes};t&&Object.keys(t).length?a[e]=t:delete a[e];let i={version:1,nodes:a};return H.current=i,i})},[]);function Y(e){let t=O.current;if(!t)return;let n=t.element.dataset.kmdK;if(t.element.contentEditable="false",t.element.removeAttribute("role"),t.element.removeAttribute("aria-label"),e&&n){let e=F.get(n),a=N(t.element).slice(0,2e3);t.element.textContent=a,V(n,a===e?.original.text?null:{text:a,originalText:e?.original.text??""})}O.current=null}async function B(e=!1){if(!q||!t)return null;Y(!0),_("save"),$(null);try{let t=await j(await fetch(`/api/kmd-admin/site-editor/${q}/draft/`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({overrides:H.current})}));return y(t.revision.id),p(JSON.stringify(H.current)),e||P(`Đ\xe3 lưu bản nh\xe1p #${t.revision.revisionNo}.`),t.revision.id}catch(e){return $(e instanceof Error?e.message:"Kh\xf4ng thể lưu bản nh\xe1p."),null}finally{_(null)}}async function W(){if(q&&t?.canPublish){_("publish"),$(null);try{let e=g;if((U||!e)&&(e=await B(!0)),!e)return;await j(await fetch(`/api/kmd-admin/site-editor/${q}/publish/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({revisionId:e})})),y(null),p(JSON.stringify(H.current)),P("Đ\xe3 xuất bản. Nội dung public đang được l\xe0m mới.")}catch(e){$(e instanceof Error?e.message:"Kh\xf4ng thể xuất bản.")}finally{_(null)}}}return(0,h.useEffect)(()=>(document.documentElement.dataset.kmdEdit="on",document.querySelectorAll('[data-kmd-hidden="1"]').forEach(e=>{e.removeAttribute("hidden"),e.removeAttribute("aria-hidden"),e.classList.add("kmd-ed-hidden-preview")}),()=>{delete document.documentElement.dataset.kmdEdit,document.querySelectorAll(".kmd-ed-selected,.kmd-ed-hidden-preview").forEach(e=>{e.classList.remove("kmd-ed-selected","kmd-ed-hidden-preview"),"1"===e.dataset.kmdHidden&&(e.setAttribute("hidden",""),e.setAttribute("aria-hidden","true"))})}),[]),(0,h.useEffect)(()=>{if(!K)return;let e=e=>{if(!(e.target instanceof Element))return;let t=e.target.closest("a[href]");t&&K.contains(t)&&e.preventDefault()};return K.addEventListener("click",e,!0),K.addEventListener("auxclick",e,!0),()=>{K.removeEventListener("click",e,!0),K.removeEventListener("auxclick",e,!0)}},[K]),(0,h.useEffect)(()=>{if(!q){$("Trang n\xe0y kh\xf4ng hỗ trợ sửa nhanh."),P("Chỉ 9 trang template tĩnh mới c\xf3 thể chỉnh sửa trực tiếp.");return}let e=new AbortController;return fetch(`/api/kmd-admin/site-editor/${encodeURIComponent(q)}/`,{signal:e.signal}).then(e=>j(e)).then(e=>{let t=e.draft?.overrides??e.published?.overrides??v();for(let a of(n(e),k(t),H.current=t,p(JSON.stringify(t)),y(e.draft?.id??null),P(e.draft?`Đang xem bản nh\xe1p #${e.draft.revisionNo}`:"Sẵn s\xe0ng chỉnh sửa"),e.manifest.nodes)){let e=t.nodes[a.key];e&&S(a,e)}}).catch(e=>{e instanceof DOMException&&"AbortError"===e.name||$(e instanceof Error?e.message:"Kh\xf4ng thể mở tr\xecnh chỉnh sửa.")}),()=>e.abort()},[q]),(0,h.useEffect)(()=>{document.querySelector(".kmd-ed-selected")?.classList.remove("kmd-ed-selected"),x&&A(x)?.classList.add("kmd-ed-selected")},[x]),(0,h.useEffect)(()=>{if(t)return document.addEventListener("click",e,!0),document.addEventListener("paste",n,!0),document.addEventListener("keydown",a,!0),document.addEventListener("focusout",i,!0),()=>{document.removeEventListener("click",e,!0),document.removeEventListener("paste",n,!0),document.removeEventListener("keydown",a,!0),document.removeEventListener("focusout",i,!0)};function e(e){if(e.target.closest(".kmd-ed-toolbar,.kmd-ed-inspector,.kmd-ed-modal,.kmd-ed-launcher"))return;let t=e.target.closest("[data-kmd-k]");if(!t||!K?.contains(t))return;let n=t.dataset.kmdK,a=n?F.get(n):null;n&&a&&(e.preventDefault(),e.stopPropagation(),E(n),"text"===a.kind&&function(e,t){if(O.current?.element===e)return;Y(!0),O.current={element:e,before:e.textContent??""}

1,e.textContent=N(e),e.contentEditable="plaintext-only",e.setAttribute("role","textbox"),e.setAttribute("aria-label",`Sửa ${t.label}`),e.focus();let n=window.getSelection();n?.selectAllChildren(e),n?.collapseToEnd()}(t,a),"image"===a.kind&&T(n))}function n(e){let t=O.current?.element;t&&e.target===t&&(e.preventDefault(),document.execCommand("insertText",!1,e.clipboardData?.getData("text/plain")??""))}function a(e){let t=O.current;t&&("Escape"===e.key&&(e.preventDefault(),t.element.textContent=t.before,Y(!1)),"Enter"!==e.key||e.shiftKey||(e.preventDefault(),Y(!0)))}function i(e){O.current?.element===e.target&&Y(!0)}},[t,F,K]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"kmd-ed-toolbar",role:"region","aria-label":"Thanh c\xf4ng cụ chỉnh sửa nhanh",children:[(0,a.jsxs)("div",{className:"kmd-ed-toolbar__status",children:[(0,a.jsx)("span",{className:U?"is-dirty":""})," ",(0,a.jsx)("strong",{children:z})," thay đổi ",(0,a.jsx)("small",{children:M})]}),(0,a.jsxs)("div",{className:"kmd-ed-toolbar__actions",children:[(0,a.jsxs)("button",{type:"button",disabled:!U||!!L,onClick:()=>void B(),children:[(0,a.jsx)(i.A,{"aria-hidden":"true"}),"save"===L?"Đang lưu...":"Lưu nh\xe1p"]}),t?.canPublish?(0,a.jsxs)("button",{className:"is-primary",type:"button",disabled:!!L,onClick:()=>void W(),children:[(0,a.jsx)(l.A,{"aria-hidden":"true"}),"publish"===L?"Đang xuất bản...":"Xuất bản"]}):null,(0,a.jsxs)("button",{type:"button",onClick:e,children:[(0,a.jsx)(r.A,{"aria-hidden":"true"})," Tho\xe1t"]})]})]}),D?(0,a.jsx)("div",{className:"kmd-ed-toast",role:"alert",children:D}):null,J?(0,a.jsxs)("aside",{className:"kmd-ed-inspector","aria-label":"Thuộc t\xednh phần tử đang chọn",children:[(0,a.jsxs)("div",{className:"kmd-ed-inspector__head",children:[(0,a.jsx)("span",{children:J.kind}),(0,a.jsx)("strong",{children:J.label}),(0,a.jsx)("button",{type:"button",onClick:()=>E(null),"aria-label":"Đ\xf3ng bảng thuộc t\xednh",children:(0,a.jsx)(r.A,{"aria-hidden":"true"})})]}),I?(0,a.jsx)("p",{className:"kmd-ed-source-warning",children:"Nguồn HTML đ\xe3 đổi từ l\xfac bản chỉnh sửa n\xe0y được lưu. H\xe3y kiểm tra lại phần tử."}):null,"link"===J.kind?(0,a.jsxs)("label",{children:["Đường dẫn",(0,a.jsx)(s.A,{"aria-hidden":"true"}),(0,a.jsx)("input",{value:m.nodes[J.key]?.href??J.original.href??"",onChange:e=>(function(e){if(!J||"link"!==J.kind)return;let t=e.trim();V(J.key,t===J.original.href?null:{href:t,originalHref:J.original.href??""}),A(J.key)?.setAttribute("href",t)})(e.target.value)})]}):null,"image"===J.kind?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("label",{children:["ALT ảnh",(0,a.jsx)("input",{value:m.nodes[J.key]?.alt??J.original.alt??"",maxLength:500,onChange:e=>(function(e){if(!J||"image"!==J.kind)return;let t=m.nodes[J.key],n=t?.src??J.original.src??"";if(n===J.original.src&&e===(J.original.alt??"")){V(J.key,null),S(J);return}let a={...t,src:n,alt:e.slice(0,500),originalSrc:J.original.src??""};V(J.key,a);let i=A(J.key);i instanceof HTMLImageElement&&(i.alt=a.alt??"")})(e.target.value)})]}),(0,a.jsxs)("button",{className:"kmd-ed-inspector__wide",type:"button",onClick:()=>T(J.key),children:[(0,a.jsx)(d.A,{"aria-hidden":"true"})," Chọn ảnh kh\xe1c"]})]}):null,"block"===J.kind?(0,a.jsxs)("button",{className:"kmd-ed-inspector__wide",type:"button",onClick:function(){if(!J||"block"!==J.kind)return;let e=m.nodes[J.key]?.hidden!==!0;V(J.key,e?{hidden:!0}:null),S(J,e?{hidden:!0}:void 0)},children:[(0,a.jsx)(c.A,{"aria-hidden":"true"}),m.nodes[J.key]?.hidden?"Hiện lại khối":"Ẩn khối khi xuất bản"]}):(0,a.jsxs)("button",{className:"kmd-ed-inspector__wide",type:"button",onClick:function(){if(!x)return;let e=A(x),t=e?.parentElement;for(;t&&t!==K;){let e=t.dataset.kmdK;if(e&&F.has(e))return void E(e);t=t.parentElement}P("Phần tử n\xe0y kh\xf4ng c\xf3 phần tử chỉnh sửa cha.")},children:[(0,a.jsx)(o.A,{"aria-hidden":"true"})," Chọn phần tử cha"]}),(0,a.jsxs)("button",{className:"kmd-ed-inspector__wide",type:"button",disabled:!m.nodes[J.key],onClick:function(){J&&(V(J.key,null),S(J))},children:[(0,a.jsx)(u.A,{"aria-hidden":"true"})," Về bản gốc"]})]}):null,C?(0,a.jsx)(b,{onClose:()=>T(null),onSelect:function(e){if(!C)return;let t=F.get(C);if(!t)return;let n={src:e.url,alt:e.alt,mediaId:e.id,width:e.width,height:e.height,originalSrc:t.original.src??""};V(C,n),S(t,n),T(null)}}):null]})}}

1,81402:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]])},86210:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]])},89034:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("eye-off",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]])},91161:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]])},92298:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])},94088:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});let a=(0,n(30772).A)("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]])}}]);