https://app.knovya.com/assets/KnovyaAddBlockMenu-gu-b6iGu.js

1import{a as T,r as s,j as o}from"./index-XUakxwH1.js";import{u as $}from"./useTheme-dzNqm06A.js";import{g as R,f as W,a as H}from"./KnovyaBlockNoteEditor-xNb5cjec.js";import{Z as C}from"./z-layers-B_QVBESV.js";import"./NoteEditorPage-Sy17y0-T.js";import"./useWorkspaceHydration-92Q0og7e.js";import"./useFeatureFlags-BcEJXgXO.js";import"./offlineQueue-d2pU5yiz.js";import"./index-BjpRGTIT.js";import"./metaPatch-CMKXvtHe.js";import"./ai.service-Cnd4aZtq.js";import"./offlineNoteMutations-B-opqc_8.js";import"./noteTypeLabel-BlJj0oEE.js";import"./patchNoteListCache-Bh6Livme.js";import"./urlClassifier-B66D8pbe.js";import"./modalOdak-CijrSsx4.js";import"./upload-KWEehRoW.js";import"./image-D2yeXPT-.js";import"./notes.types-m6vNbsCw.js";import"./corner-down-left-DdTSeHsG.js";import"./mic-Bp0EvfjS.js";import"./index-DQtIVdOX.js";import"./index-C7-UTrNc.js";import"./code-xml-CjZqHGr2.js";import"./layout-grid-C6hkvCwz.js";import"./refresh-cw-DsJWFzOn.js";import"./copy-DFw0yT-S.js";import"./link-2-CBzSb_au.js";import"./chevron-up-Dywk45e2.js";import"./square-BtZt-_Pe.js";import"./dateUtils-BQgea4P7.js";import"./useMediaQuery-DPU5TFdf.js";import"./circle-check-big-B_IrfuIF.js";import"./colors-7_4cQYrj.js";import"./features-Bp0ISjIL.js";import"./circle-check-BdL5J5pX.js";import"./funnel-DGGG7tcz.js";import"./award-C75OhVVD.js";import"./list-BKdK5smj.js";import"./undo-2-BsjXKKpj.js";import"./pen-line-Bt4o1l9Z.js";import"./layout-template-Chv6M3uW.js";import"./templateIcons-BPiev6gg.js";import"./square-check-big-BltOVLC9.js";import"./editorShortcuts-Co5OdI6O.js";import"./pin-off-C4sLevSO.js";import"./lock-open-tr5l3T8z.js";import"./folder-input-DV02iHc8.js";import"./circle-DgVEtD5z.js";import"./baloncukKanonu-CWbF0YKL.js";import"./circle-x-D_YC8Vmn.js";import"./index-C7hX-WXB.js";import"./index-2qXozel0.js";import"./index-DtsgWWHD.js";import"./index-BGQXju4y.js";import"./index-Brxco3Dv.js";import"./timing-DEaBcW30.js";import"./hash-BKOg_QKm.js";import"./type-hEO9_FxM.js";import"./play-Ck-A0izy.js";import"./quote-wjOZkORk.js";import"./external-link-C73_6wRj.js";import"./portalRoot-3P6zGak6.js";import"./platformKeys-CWmihj3j.js";const z="var(--font-mono)",I="var(--font-body)";function _t({anchorRect:u,onSelect:f,onClose:p}){const{isDark:S,t}=$(),{t:m,i18n:B}=T("editor"),M=s.useMemo(()=>R(m),[m,B.language]),[b,A]=s.useState(""),[x,g]=s.useState(0),y=s.useRef(null),E=s.useRef(null),v=s.useMemo(()=>W(M,b),[M,b]),h=s.useMemo(()=>v.flatMap(e=>e.items),[v]),k=s.useMemo(()=>{const e=[];let a=0;for(const r of v)e.push(a),a+=r.items.length;return e},[v]);s.useEffect(()=>g(0),[b]),s.useEffect(()=>{const e=requestAnimationFrame(()=>E.current?.focus());return()=>cancelAnimationFrame(e)},[]),s.useEffect(()=>{const e=a=>{y.current&&!y.current.contains(a.target)&&p()};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[p]);const w=s.useCallback(e=>{if(y.current)switch(e.key){case"Escape":e.preventDefault(),e.stopImmediatePropagation(),p();break;case"ArrowDown":e.preventDefault(),e.stopImmediatePropagation(),g(a=>Math.min(a+1,h.length-1));break;case"ArrowUp":e.preventDefault(),e.stopImmediatePropagation(),g(a=>Math.max(a-1,0));break;case"Enter":h.length>0&&(e.preventDefault(),e.stopImmediatePropagation(),f(h[Math.min(x,h.length-1)].id));break}},[p,f,h,x]);s.useEffect(()=>(document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)),[w]),s.useEffect(()=>{const e=document.querySelectorAll(".bn-container");if(!e.length)return;const a=new Map;e.forEach(n=>a.set(n,n.scrollTop));const r=24,d=n=>{const i=n.target,l=i.closest?.(".bn-container")??i,c=a.get(l);c!=null&&Math.abs(l.scrollTop-c)>r&&p()};return e.forEach(n=>n.addEventListener("scroll",d,!0)),()=>e.forEach(n=>n.removeEventListener("scroll",d,!0))},[p]),s.useEffect(()=>{const e=()=>p();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[p]),s.useEffect(()=>{y.current?.querySelector(`[data-add-idx="${x}"]`)?.scrollIntoView({block:"nearest"})},[x]);const F=s.useMemo(()=>{if(!u)return{display:"none"};const e=250,a=8,r=Math.min(400,Math.floor(window.innerHeight*.5)),d=u.bottom+a,n=document.querySelector(".ProseMirror"),l=n?n.getBoundingClientRect().left+parseFloat(getComputedStyle(n).paddingLeft||"0"):u.right+4,c=d+r<window.innerHeight-20,L=Math.max(8,c?d:u.top-r-a),D=Math.max(8,Math.min(l,window.innerWidth-e-8));return{position:"fixed",top:L,left:D,width:e,maxHeight:r,zIndex:C.addBlockMenu,background:t.menuBg,border:`1px solid ${t.menuBdr}`,borderRadius:"var(--r-card)",boxShadow:t.menuShadow,backdropFilter:"blur(24px) saturate(1.4)",WebkitBackdropFilter:"blur(24px) saturate(1.4)",display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:I}},[u,t]),j=P(t,S);return o.jsxs("div",{ref:y,className:"kn-add-block-menu",role:"menu","aria-label":m("menu.addBlockLabel"),style:F,children:[o.jsx("div",{style:{padding:"8px 10px 6px",borderBottom:`1px solid ${t.bdr2}`,flexShrink:0},children:o.jsx("input",{ref:E,value:b,onChange:e=>A(e.target.value),placeholder:m("addBlock.filterPlaceholder"),style:{width:"100%",padding:"6px 10px",borderRadius:"var(--r-btn)",border:`1px solid ${t.bdr2}`,background:t.bg3,color:t.fg,fontSize:12,fontFamily:I,outline:"none"}})}),o.jsxs("div",{className:"k-editor-scroll",style:{flex:1,overflowY:"auto",padding:"2px 0 4px"},children:[h.length===0&&o.jsx("div",{style:{padding:"20px 14px",textAlign:"center",fontSize:12,color:t.fg3},children:m("addBlock.noMatch",{query:b})}),v.map((e,a)=>o.jsxs("div",{children:[e.label&&o.jsx("div",{style:{padding:"8px 14px 3px",fontSize:10,fontWeight:700,letterSpacing:".06em",color:t.fg3,textTransform:"uppercase",...a>0?{borderTop:`1px solid ${t.bdr2}`,marginTop:2,paddingTop:10}:{}},children:e.label}),e.grid?o.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:4,padding:"4px 8px 2px"},children:e.items.map((r,d)=>{const n=k[a]+d,i=n===x,l=r.icon;return o.jsxs("button",{"data-add-idx":n,role:"menuitem","aria-label":r.label,"aria-selected":i,tabIndex:i?0:-1,onClick:()=>f(r.id),onMouseEnter:()=>g(n),style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5,padding:"10px 6px",borderRadius:"var(--r-card)",border:`1px solid ${i?t.accGlow:t.gridItemBdr}`,background:i?t.gridItemHover:t.gridItemBg,cursor:"pointer",fontFamily:"inherit",transition:"all .12s ease",transform:i?"translateY(-1px)":"none",color:i?t.acc:t.fg3},children:[o.jsx(l,{size:14,strokeWidth:1.6}),o.jsx("span",{style:{fontSize:10.5,fontWeight:500,color:i?t.fg:t.fg2,transition:"color .1s"},children:r.label})]},r.id)})}):e.gradient?o.jsx("div",{style:{margin:"4px 6px 2px",borderRadius:"var(--r-card)",background:t.aiGrad,padding:"2px 0",border:`1px solid ${t.aiBdr}`},children:e.items.map((r,d)=>{const n=k[a]+d,i=n===x,l=r.icon;return o.jsxs("button",{"data-add-idx":n,role:"menuitem","aria-label":r.label,"aria-selected":i,tabIndex:i?0:-1,onClick:()=>f(r.id),onMouseEnter:()=>g(n),style:{width:"100%",display:"flex",alignItems:"center",gap:9,padding:"6px 12px",border:"none",cursor:"pointer",fontFamily:"inherit",textAlign:"left",background:i?t.aiGradHover:"transparent",borderRadius:"var(--r-btn)",transition:"all .08s",color:i?t.accBright:t.acc},children:[o.jsx(l,{size:14,strokeWidth:1.6}),o.jsx("span",{style:{fontSize:12.5,fontWeight:500,color:i?t.fg:t.fg2,transition:"color .08s"},children:r.label})]},r.id)})}):o.jsx("div",{style:{padding:"2px 0"},children:e.items.map((r,d)=>{const n=k[a]+d,i=n===x,l=r.icon,c=H(r.color,t);return o.jsxs("button",{"data-add-idx":n,role:"menuitem","aria-label":r.label,"aria-selected":i,tabIndex:i?0:-1,onClick:()=>f(r.id),onMouseEnter:()=>g(n),style:{width:"100%",display:"flex",alignItems:"center",gap:9,padding:"6px 14px",border:"none",cursor:"pointer",fontFamily:"inherit",textAlign:"left",background:i?r.accent?t.accDim:t.menuHover:r.accent?t.accDim:"transparent",transition:"all .06s"},children:[o.jsx("span",{style:{width:22,height:22,borderRadius:"var(--r-btn)",display:"flex",alignItems:"center",justifyContent:"center",background:r.accent?t.accDim:c?`${c}10`:"transparent",border:r.accent||c?`1px solid ${r.accent?t.accGlow:c+"20"}`:"none",flexShrink:0,color:r.accent?t.acc:c??(i?t.fg2:t.fg3)},children:o.jsx(l,{size:14,strokeWidth:1.6})}),o.jsx("span",{style:{flex:1,fontSize:12.5,fontWeight:r.accent?600:400,color:r.accent?t.acc:i?t.fg:t.fg2,transition:"color .06s"},children:r.label}),r.shortcut&&o.jsx("kbd",{style:{fontSize:9,fontFamily:z,color:t.fg3,background:S?"rgba(255,255,255,.04)":"rgba(31,35,38,.04)",padding:"1px 5px",borderRadius:"var(--r-chip

1)",border:`1px solid ${t.bdr}`,whiteSpace:"nowrap"},children:r.shortcut})]},r.id)})})]},e.id))]}),o.jsxs("div",{style:{padding:"5px 14px 7px",borderTop:`1px solid ${t.bdr2}`,display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0,background:t.menuBg},children:[o.jsxs("span",{style:{fontSize:9.5,color:t.fg3},children:[o.jsx("kbd",{style:j,children:"↑↓"})," ",m("slashMenu.footerNavigate")]}),o.jsxs("span",{style:{fontSize:9.5,color:t.fg3},children:[o.jsx("kbd",{style:j,children:"↵"})," ",m("slashMenu.footerInsert")]}),o.jsxs("span",{style:{fontSize:9.5,color:t.fg3},children:[o.jsx("kbd",{style:j,children:"esc"})," ",m("slashMenu.footerClose")]})]})]})}function P(u,f){return{fontSize:9,fontFamily:z,padding:"0 3px",border:`1px solid ${u.bdr}`,borderRadius:"var(--r-chip)",background:f?"rgba(255,255,255,.03)":"rgba(31,35,38,.03)"}}export{_t as KnovyaAddBlockMenu};