wendang-react 0.6.4 → 0.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE.md +1 -1
- package/README.md +28 -1
- package/dist/bindings/yjs.js +1 -1
- package/dist/chunks/{MindMapCanvas-CVXQXNOg.js → MindMapCanvas-BA3FYy8p.js} +1 -1
- package/dist/chunks/{MindMapViewer-BI8zbQM1.js → MindMapViewer-B1_uaMHB.js} +7 -7
- package/dist/chunks/{extensions-C1fCBnEs.js → extensions-D4JlN-IP.js} +16 -14
- package/dist/chunks/mind-map-defaults-B9SSENmK.js +1 -0
- package/dist/chunks/{mind-topic-text-Bn1waxff.js → mind-topic-text-C7pIS6L9.js} +14 -15
- package/dist/chunks/worksheet-engine-Dz6P8Kiq.js +1 -0
- package/dist/document/viewer.js +4 -4
- package/dist/document.js +67 -74
- package/dist/mindmap/viewer.js +1 -1
- package/dist/mindmap.js +3 -3
- package/dist/spreadsheet.js +1 -1
- package/dist/styles/tokens.css +1 -1
- package/dist/styles/video-embed.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/engine/editor/video-block-controls.d.ts +13 -0
- package/dist/types/engine/shared/color-preview.d.ts +1 -0
- package/dist/types/engine/shared/mind-map-defaults.d.ts +3 -0
- package/dist/types/renderer/media.d.ts +2 -1
- package/integrity.json +58 -43
- package/package.json +3 -3
- package/dist/chunks/mind-map-controller-Ce76mETT.js +0 -1
- package/dist/chunks/worksheet-engine-c84sdD4N.js +0 -1
- /package/third-party-notices/{wendang-export@0.6.3-LICENSE.txt → wendang-export@0.6.5-LICENSE.txt} +0 -0
- /package/third-party-notices/{wendang-export@0.6.3-NOTICE.md.txt → wendang-export@0.6.5-NOTICE.md.txt} +0 -0
package/dist/mindmap/viewer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{M as e,a as i}from"../chunks/MindMapViewer-
|
|
1
|
+
"use client";import{M as e,a as i}from"../chunks/MindMapViewer-B1_uaMHB.js";export{e as MindMapBlock,i as MindMapViewer};
|
package/dist/mindmap.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as r,b as n,u as a}from"./chunks/i18n-B0kCsIjc.js";import{Editor as o}from"@tiptap/core";import u from"@tiptap/starter-kit";import{T as l,H as c,M as s,a as i,b as d,c as m,d as p,l as v}from"./chunks/locale-DWpIJ_9X.js";import{forwardRef as h,useRef as f,useState as w,useEffect as g,useImperativeHandle as C}from"react";import{
|
|
2
|
-
return e("section",{"aria-label":
|
|
3
|
-
/* @__PURE__ */t("div",{ref:
|
|
1
|
+
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{c as r,b as n,u as a}from"./chunks/i18n-B0kCsIjc.js";import{Editor as o}from"@tiptap/core";import u from"@tiptap/starter-kit";import{T as l,H as c,M as s,a as i,b as d,c as m,d as p,l as v}from"./chunks/locale-DWpIJ_9X.js";import{forwardRef as h,useRef as f,useState as w,useEffect as g,useImperativeHandle as C}from"react";import{readMindMap as S}from"wendang/mindmap";import{c as y,a as b}from"./chunks/mind-map-defaults-B9SSENmK.js";import{u as E,a as k}from"./chunks/hooks-C53Dp0pr.js";import{MindMapCanvas as x}from"./chunks/MindMapCanvas-BA3FYy8p.js";const I=h(function MindMapEditor2(h,I){var j,M,R;const A=r(),N=A.text,B=E(h),H=n(),J=E(H),D=f(null),[O,T]=w(null),U=f(null),[q,F]=w(""),K=f(null),V=f(h.value??h.defaultValue??y(A)),W=k();g(()=>{var e,t;if(!S(V.current))return void F(N("思维导图格式无效"));const r=new o({element:D.current,editable:!B.current.disabled,extensions:[v(A),u.configure({trailingNode:!1}),l,c,s,i,d,m,p],content:{type:"doc",content:[B.current.value??V.current]},onUpdate:({editor:e})=>{var t,r,n;K.current=null==(t=e.getJSON().content)?void 0:t[0],V.current=K.current,null==(n=(r=B.current).onChange)||n.call(r,K.current)}});U.current=r;const n=b(r,()=>0,{get pageId(){return B.current.resourceId},canComment:()=>!!B.current.canComment&&!!J.current.comments,canExport:()=>!!B.current.allowExport,status:()=>B.current.saveStatus??"",fetchAttachment:e=>{var t;return((null==(t=J.current.attachments)?void 0:t.fetch)??a)(e)},get uploadImage(){var e;return null==(e=J.current.attachments)?void 0:e.uploadImage},awareness:B.current.collabAwareness,viewState:B.current.viewState});return T(n),W.markReady(),null==(t=(e=B.current).onReady)||t.call(e),()=>{n.dispose(),r.destroy(),U.current=null}},[null==(M=null==(j=h.value)?void 0:j.attrs)?void 0:M.id,h.collabAwareness,h.viewState]),g(()=>{const e=U.current;e&&(e.setEditable(!h.disabled,!1),e.view.dispatch(e.state.tr.setMeta("content-capabilities",!0)))},[h.disabled]),g(()=>{var e,t;h.value&&h.value!==K.current&&U.current&&(S(h.value)?U.current.commands.setContent({type:"doc",content:[h.value]},{emitUpdate:!1}):null==(t=(e=B.current).onError)||t.call(e,new Error(N("思维导图格式无效"))))},[h.value]);const snapshot=()=>{var e,t;return(null==(t=null==(e=U.current)?void 0:e.getJSON().content)?void 0:t[0])??B.current.value??V.current};C(I,()=>({isReady:W.isReady,whenReady:W.whenReady,getSnapshot:snapshot,async prepareSnapshot(){if(!U.current||!O||O.hasActiveText())throw new Error(N("请先完成主题输入"));return snapshot()},undo:()=>(null==O?void 0:O.undo())??!1,redo:()=>(null==O?void 0:O.redo())??!1,focus:()=>{var e,t,r;return null==(r=null==(t=null==(e=D.current)?void 0:e.parentElement)?void 0:t.querySelector(".mind-canvas-stage"))?void 0:r.focus()}}));const X=S(h.value??V.current);/* @__PURE__ */
|
|
2
|
+
return e("section",{"aria-label":N("思维导图编辑器"),className:"wr-mind-editor",children:[
|
|
3
|
+
/* @__PURE__ */t("div",{ref:D,hidden:!0,"aria-hidden":"true"}),q&&/* @__PURE__ */t("p",{role:"alert",children:q}),O&&X&&(null==(R=O.snapshot())?void 0:R.id)===X.id&&/* @__PURE__ */t(x,{inline:!0,model:X,controller:O,allowExport:h.allowExport,showSaveHint:h.showSaveHint,saveStatus:h.saveStatus,pageId:h.resourceId,canComment:h.canComment,openComments:h.openComments,onCommentsChanged:h.onCommentsChanged},X.id)]})});export{I as MindMapEditor,b as createMindMapController};
|
package/dist/spreadsheet.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{c as t,a as n}from"./chunks/i18n-B0kCsIjc.js";import{forwardRef as a,useRef as l,useState as c,useEffect as s,useImperativeHandle as u}from"react";import{emptyWorkbook as i,validateWorkbook as o}from"wendang/spreadsheet";import{u as d,a as h,b as p}from"./chunks/hooks-C53Dp0pr.js";const m=a(function SpreadsheetEditor2(a,m){const v=t(),f=v.text,g=l(null),w=l(null),E=d(a),b=l(a.value??a.defaultValue??i("react-workbook")),y=l(null),[k,R]=c(""),[j,C]=c(!0),x=h(),
|
|
1
|
+
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{c as t,a as n}from"./chunks/i18n-B0kCsIjc.js";import{forwardRef as a,useRef as l,useState as c,useEffect as s,useImperativeHandle as u}from"react";import{emptyWorkbook as i,validateWorkbook as o}from"wendang/spreadsheet";import{u as d,a as h,b as p}from"./chunks/hooks-C53Dp0pr.js";const m=a(function SpreadsheetEditor2(a,m){const v=t(),f=v.text,g=l(null),w=l(null),E=d(a),b=l(a.value??a.defaultValue??i("react-workbook")),y=l(null),[k,R]=c(""),[j,C]=c(!0),x=h(),S=n().theme,q=d(a.theme??S),fail=e=>{var r,t;R(p(e).message),null==(t=(r=E.current).onError)||t.call(r,p(e))};s(()=>{const e=g.current;if(!e)return;let r=!1,t=null;const n=document.createElement("div");return n.style.cssText="height:100%;min-height:0",e.append(n),import("./chunks/worksheet-engine-Dz6P8Kiq.js").then(async e=>{var a,l;r||(t=e.createWorksheetEngine(n,o(E.current.value??b.current),()=>{var e,n;if(!r&&t&&!E.current.disabled)try{y.current=t.snapshot(),null==(n=(e=E.current).onChange)||n.call(e,y.current)}catch(e){fail(e)}},{theme:q.current}),w.current=t,await t.setLocale(v.locale),r||(t.setEditable(!E.current.disabled),x.markReady(),C(!1),null==(l=(a=E.current).onReady)||l.call(a)))}).catch(e=>{r||(fail(e),C(!1))}),()=>{r=!0,w.current=null,queueMicrotask(()=>{null==t||t.dispose(),n.remove()})}},[]),s(()=>{if(a.value&&w.current&&a.value!==y.current)try{w.current.replace(o(a.value)),w.current.setEditable(!E.current.disabled)}catch(e){fail(e)}},[a.value]),s(()=>{var e;null==(e=w.current)||e.setEditable(!a.disabled)},[a.disabled]),s(()=>{var e;null==(e=w.current)||e.setTheme(a.theme??S)},[a.theme,S]),s(()=>{var e;null==(e=w.current)||e.setLocale(v.locale).catch(fail)},[v.locale]);const snapshot=()=>{var e;return(null==(e=w.current)?void 0:e.snapshot())??E.current.value??b.current};return u(m,()=>({isReady:x.isReady,whenReady:x.whenReady,getSnapshot:snapshot,snapshot:snapshot,async prepareSnapshot(){if(!w.current)throw new Error(f("工作表尚未就绪"));return await w.current.finishEditing(),o(w.current.snapshot())},isEditing:()=>{var e;return(null==(e=w.current)?void 0:e.isEditing())??!1},finishEditing:async()=>{var e;await(null==(e=w.current)?void 0:e.finishEditing())},settleCalculation:async()=>{var e;await(null==(e=w.current)?void 0:e.settleCalculation())},replace(e){if(!w.current)throw new Error(f("工作表尚未就绪"));w.current.replace(o(e)),w.current.setEditable(!E.current.disabled)},dispose(){var e;null==(e=w.current)||e.dispose(),w.current=null}})),/* @__PURE__ */e("section",{className:"wendang-spreadsheet","aria-label":f("工作表编辑器"),children:[j&&/* @__PURE__ */r("p",{role:"status",children:f("正在加载工作表…")}),k&&/* @__PURE__ */r("p",{role:"alert",children:k}),
|
|
2
2
|
/* @__PURE__ */r("div",{ref:g,className:"worksheet-grid"})]})});export{m as SpreadsheetEditor};
|
package/dist/styles/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"./content-tokens.css"
|
|
1
|
+
@import"./content-tokens.css";:where(.wendang-root,.wendang,.wendang-portal) .color-transparency-grid{display:block;flex:none;width:18px;height:18px;min-height:18px;border-radius:2px;background:repeating-conic-gradient(var(--color-border-strong, #b9c3d2) 0% 25%,var(--color-surface, #fff) 0% 50%) 0 0 / 8px 8px}:where(.wendang-root,.wendang,.wendang-portal) .callout-color-choice .color-transparency-grid{position:absolute;inset:3px;width:auto;height:auto}.wendang{--color-bg: #f6f8fc;--color-surface: #fff;--color-surface-subtle: #f5f7fa;--color-text: #1f2937;--color-text-muted: #667085;--color-text-faint: #7c8798;--color-border: #dce2eb;--color-border-strong: #b9c3d2;--color-accent: var(--wendang-accent, #2f6feb);--color-accent-soft: #eaf1ff;--color-danger: #cf3d48;--color-success: #21814b;--color-warning: #ad6b12;--comment-mark-bg: #ffe58f;--comment-mark-line: #d48806;--comment-mark-bg-reply: #ffd66688;--comment-mark-line-reply: #ff9900;--comment-mark-bg-active: #ffc53d;--comment-mark-line-active: #ad6800;--content-width: 100%;--shadow-pop: 0 10px 32px #14284a20;--content-scroll-offset: 80px;--color-code-bg: #f1f5fa;color:var(--color-text);background:var(--color-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;min-width:0;min-height:0}.wendang[data-wendang-theme=dark]{--color-bg: #17191e;--color-surface: #202329;--color-surface-subtle: #292d35;--color-text: #e5e9f0;--color-text-muted: #b2bdcd;--color-text-faint: #8f9cb0;--color-border: #3b4350;--color-border-strong: #606c7e;--color-accent-soft: #243653;--content-text-color: #e8e8ec;--content-heading-color: #f0f0f3;--content-table-header-bg: #2a2e38;--content-table-grid-color: #424753;--color-code-bg: #20242c;--comment-mark-bg: #4a3a12;--comment-mark-line: #e8b923;--comment-mark-bg-reply: #5c4813;--comment-mark-line-reply: #ffc53d;--comment-mark-bg-active: #6b5416;--comment-mark-line-active: #ffc53d}.wendang-root{min-height:0;min-width:0;height:100%}.wendang-portal{position:relative;z-index:1000}:is(.wendang,.wendang-popup-scope) :where(button,input,textarea):not(:where(.mind-topic-input)){font:inherit;box-sizing:border-box}:is(.wendang,.wendang-popup-scope) :where(a){color:var(--color-accent)}:is(.wendang,.wendang-popup-scope) :where(button){cursor:pointer}:is(.wendang,.wendang-popup-scope) .muted{color:var(--color-text-muted)}:is(.wendang,.wendang-popup-scope) .small{font-size:12px}:is(.wendang,.wendang-popup-scope) :where(input:not([type=checkbox]):not([type=radio]),textarea):not(.worksheet-grid *):not(:where(.mind-topic-input)){background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:6px 8px}:is(.wendang,.wendang-popup-scope) :where(.error-banner,.error){color:var(--color-danger)}:is(.wendang,.wendang-popup-scope) :where(.notice){color:var(--color-text-muted)}.wendang{--doc-text-gray: #646a73;--doc-text-red: #d92c2c;--doc-text-orange: #b95d0b;--doc-text-yellow: #8a6c0a;--doc-text-green: #237b35;--doc-text-blue: #1971c2;--doc-text-purple: #7048e8;--doc-highlight-gray-soft: #f1f3f5;--doc-highlight-red: #ffe3e3;--doc-highlight-orange: #fff0db;--doc-highlight-yellow: #fff3bf;--doc-highlight-green: #d3f9d8;--doc-highlight-blue: #d0ebff;--doc-highlight-purple: #e5dbff;--doc-highlight-gray: #dee2e6;--doc-highlight-gray-strong: #ced4da;--doc-highlight-red-strong: #ffc9c9;--doc-highlight-orange-strong: #ffd8a8;--doc-highlight-yellow-strong: #ffec99;--doc-highlight-green-strong: #b2f2bb;--doc-highlight-blue-strong: #a5d8ff;--doc-highlight-purple-strong: #d0bfff}.wendang[data-wendang-theme=dark]{--doc-text-gray: #b8beca;--doc-text-red: #ff9b9b;--doc-text-orange: #ffc078;--doc-text-yellow: #f6d37a;--doc-text-green: #8ce99a;--doc-text-blue: #91caff;--doc-text-purple: #d0bfff;--doc-highlight-gray-soft: #32353d;--doc-highlight-red: #563138;--doc-highlight-orange: #523a2a;--doc-highlight-yellow: #4a4226;--doc-highlight-green: #294737;--doc-highlight-blue: #293f5b;--doc-highlight-purple: #42335b;--doc-highlight-gray: #424650;--doc-highlight-gray-strong: #555b66;--doc-highlight-red-strong: #713f47;--doc-highlight-orange-strong: #6a4b31;--doc-highlight-yellow-strong: #635732;--doc-highlight-green-strong: #355c44;--doc-highlight-blue-strong: #355476;--doc-highlight-purple-strong: #554273}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.doc-video-embed{width:100%;min-width:0;border:1px solid var(--color-border, #dce2eb);border-radius:8px;overflow:hidden;background:var(--color-surface, #fff)}.doc-video-embed .video-placeholder{min-height:220px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--color-surface-subtle, #f5f7fa)}.doc-video-embed .video-play-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:2px;border-radius:50%;color:var(--color-accent, #2f6feb);background:var(--color-accent-soft, #eaf1ff);font-size:18px;line-height:1;text-indent:2px}.doc-video-embed .video-placeholder strong{font-size:14px;font-weight:600;color:var(--color-text, #1f2937)}.doc-video-embed .video-id{font-size:12px;color:var(--color-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.doc-video-embed .video-load{margin-top:4px;padding:7px 20px;color:var(--color-accent, #2f6feb);background:var(--color-accent-soft, #eaf1ff);border:0;border-radius:6px;cursor:pointer;font:inherit;font-size:13px}.doc-video-embed .video-load:hover{background:color-mix(in srgb,var(--color-accent, #2f6feb) 16%,transparent)}.doc-video-embed iframe{display:block;width:100%;aspect-ratio:16 / 9;min-height:200px;border:0;background:#111}.doc-video-embed .video-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;font-size:12px;border-top:1px solid var(--color-border, #dce2eb);background:var(--color-surface, #fff)}.doc-video-embed .video-footer a{color:var(--color-accent, #2f6feb)}.doc-video-embed button:focus-visible,.doc-video-embed a:focus-visible{outline:2px solid var(--color-accent, #2f6feb);outline-offset:2px}
|
|
1
|
+
.doc-video-embed{width:100%;min-width:0;border:1px solid var(--color-border, #dce2eb);border-radius:8px;overflow:hidden;background:var(--color-surface, #fff)}.doc-video-embed .video-placeholder{min-height:220px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--color-surface-subtle, #f5f7fa)}.doc-video-embed .video-play-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:2px;border-radius:50%;color:var(--color-accent, #2f6feb);background:var(--color-accent-soft, #eaf1ff);font-size:18px;line-height:1;text-indent:2px}.doc-video-embed .video-placeholder strong{font-size:14px;font-weight:600;color:var(--color-text, #1f2937)}.doc-video-embed .video-id{font-size:12px;color:var(--color-text-muted, #667085);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.doc-video-embed .video-load{margin-top:4px;padding:7px 20px;color:var(--color-accent, #2f6feb);background:var(--color-accent-soft, #eaf1ff);border:0;border-radius:6px;cursor:pointer;font:inherit;font-size:13px}.doc-video-embed .video-load:hover{background:color-mix(in srgb,var(--color-accent, #2f6feb) 16%,transparent)}.doc-video-embed iframe{display:block;width:100%;aspect-ratio:16 / 9;min-height:200px;border:0;background:#111}.doc-video-embed .video-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 14px;font-size:12px;border-top:1px solid var(--color-border, #dce2eb);background:var(--color-surface, #fff)}.doc-video-embed .video-footer a{color:var(--color-accent, #2f6feb)}.doc-video-embed button:focus-visible,.doc-video-embed a:focus-visible{outline:2px solid var(--color-accent, #2f6feb);outline-offset:2px}.video-editor-node{position:relative;outline:none}.video-editor-node.is-video-selected>div>.doc-video-embed,.video-editor-node:focus-visible>div>.doc-video-embed{outline:2px solid var(--color-accent, #2f6feb);outline-offset:3px}.video-block-tools{position:fixed;z-index:260;width:max-content;max-width:calc(100vw - 16px);color:var(--color-text, #1f2937);font:13px/1.5 var(--font-sans, system-ui, sans-serif)}.video-block-tools[hidden],.video-block-tools [hidden]{display:none!important}.video-block-toolbar{display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:5px;overflow-x:auto;border:1px solid var(--color-border, #dce2eb);border-radius:9px;background:var(--color-surface, #fff);box-shadow:0 4px 18px #0000001a,0 1px 3px #0000000a}.video-block-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:32px;height:32px;padding:5px 7px;border:0;border-radius:5px;color:inherit;background:transparent;cursor:pointer;font:inherit;white-space:nowrap}.video-block-tools button:hover{background:var(--color-surface-subtle, #f5f7fa)}.video-block-tools button[aria-pressed=true]{color:var(--color-accent, #2f6feb);background:var(--color-accent-soft, #eaf1ff)}.video-block-tools button:disabled{opacity:.4;cursor:default}.video-block-tools button:focus-visible,.video-block-tools input:focus-visible{outline:2px solid var(--color-accent, #2f6feb);outline-offset:1px}.video-block-tools .video-block-delete{color:var(--color-danger, #d92d20);margin-left:3px;border-left:1px solid var(--color-border, #dce2eb);border-radius:0 5px 5px 0}.video-block-link-form{position:fixed;display:flex;flex-direction:column;gap:7px;width:min(560px,calc(100vw - 32px));box-sizing:border-box;margin:0;padding:10px;border:1px solid var(--color-border, #dce2eb);border-radius:8px;background:var(--color-surface, #fff);box-shadow:var(--shadow-pop, 0 4px 18px #0000001a);overflow-anchor:none}.video-block-link-row{display:flex;align-items:center;gap:8px}.video-block-link-field{position:relative;display:flex;align-items:center;flex:1;min-width:0}.video-block-link-icon{position:absolute;left:10px;top:9px;color:var(--color-text-faint, #98a2b3);pointer-events:none}.video-block-link-form .video-block-link-field textarea{min-width:0;width:100%;box-sizing:border-box;height:34px;min-height:34px;max-height:110px;padding:7px 10px 7px 32px;border:1px solid var(--color-border-strong, #b9c5d6);border-radius:6px;background:var(--color-surface, #fff);color:inherit;font:inherit;line-height:18px;outline:none;resize:none;overflow-wrap:anywhere;word-break:break-all;overflow-y:hidden}.video-block-link-form .video-block-link-field textarea::placeholder{color:var(--color-text-faint, #98a2b3)}.video-block-link-form .video-block-link-field textarea:focus{border-color:var(--color-accent, #2f6feb);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent, #2f6feb) 18%,transparent);outline:none}.video-block-link-form .video-block-link-field textarea[aria-invalid=true]{border-color:var(--color-danger, #d92d20)}.video-block-link-form .video-block-link-field textarea[aria-invalid=true]:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-danger, #d92d20) 16%,transparent)}.video-block-tools .video-block-link-confirm{flex:none;height:34px;min-width:64px;padding:0 16px;border:1px solid var(--color-accent, #2f6feb);border-radius:6px;background:var(--color-accent, #2f6feb);color:#fff;font-weight:500}.video-block-tools .video-block-link-confirm:hover{background:color-mix(in srgb,var(--color-accent, #2f6feb) 88%,#000)}.video-block-tools .video-block-link-confirm:disabled{opacity:1;border-color:var(--color-border, #dce2eb);background:var(--color-surface-subtle, #f5f7fa);color:var(--color-text-faint, #98a2b3);cursor:not-allowed}.video-block-link-arrow{position:absolute;width:9px;height:9px;transform:translate(-50%) rotate(45deg);background:var(--color-surface, #fff);pointer-events:none}.video-block-link-arrow[data-side=below]{top:-5px;border-left:1px solid var(--color-border, #dce2eb);border-top:1px solid var(--color-border, #dce2eb)}.video-block-link-arrow[data-side=above]{bottom:-5px;border-right:1px solid var(--color-border, #dce2eb);border-bottom:1px solid var(--color-border, #dce2eb)}.video-block-link-form p{margin:0;font-size:12px;color:var(--color-danger, #d92d20);overflow-wrap:anywhere}.video-block-link-form p:empty{display:none}.video-block-feedback{padding:8px 12px;margin-top:8px;border:1px solid var(--color-border, #dce2eb);border-radius:6px;background:var(--color-surface, #fff);overflow-wrap:anywhere;max-width:340px;box-sizing:border-box}@media(max-width:480px){.video-block-toolbar{gap:2px}.video-block-tools .video-block-loading{padding-inline:5px}}
|