efficient-easel 1.0.1 → 1.1.1
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/README.md +8 -1
- package/dist/{chunk-RG7PFKCA.js → chunk-5LGAIELC.js} +3 -3
- package/dist/chunk-63GQKLJI.js +5 -0
- package/dist/{chunk-O5F46JWM.js → chunk-CG4OPQQX.js} +40 -40
- package/dist/{chunk-QTPJMJOJ.js → chunk-DCPFE4IO.js} +1 -1
- package/dist/{chunk-I64QM6DU.js → chunk-EOUMA3QT.js} +1 -1
- package/dist/{chunk-QFMJBBKM.js → chunk-FODNRCCO.js} +4 -4
- package/dist/chunk-K6ELD7N5.js +23 -0
- package/dist/{chunk-QRKKQGUO.js → chunk-P3GORPR4.js} +1 -1
- package/dist/chunk-PJP46U5L.js +9 -0
- package/dist/{chunk-FER7FCAG.js → chunk-THQB37AA.js} +1 -1
- package/dist/chunk-U4MJQAVH.js +1 -0
- package/dist/{chunk-XWR5YVA7.js → chunk-UFY6RNMT.js} +2 -2
- package/dist/chunk-YNOZ5NXW.js +14 -0
- package/dist/copy/copy.css +16 -1
- package/dist/copy/index.js +31 -31
- package/dist/easel/index.d.ts +1 -1
- package/dist/fields/fields.css +23 -74
- package/dist/fields/index.d.ts +48 -44
- package/dist/fields/index.js +1 -1
- package/dist/panel/index.js +14 -16
- package/dist/panel/panel.css +34 -22
- package/dist/screen/components/AddBlockRow.js +1 -1
- package/dist/screen/components/AddSidePanel.js +1 -1
- package/dist/screen/components/MediaSidePanel.js +1 -1
- package/dist/screen/components/ScreenChrome.js +1 -1
- package/dist/screen/components/ScreenMount.js +1 -1
- package/dist/screen/components/ScreenStoreProvider.js +1 -1
- package/dist/screen/components/SectionScreenShell.js +16 -16
- package/dist/screen/components/usePartBridge.js +1 -1
- package/dist/screen/index.js +1 -1
- package/dist/screen/lib/puck/use-section-ops.js +1 -1
- package/dist/screen/lib/screen-parts.js +1 -1
- package/dist/text-styles/index.js +33 -33
- package/dist/text-styles/text-styles.css +3 -3
- package/dist/tree/index.js +1 -1
- package/dist/tree/tree.css +9 -10
- package/dist/{types-VqL6t5HH.d.ts → types-DQp_i3dE.d.ts} +6 -2
- package/package.json +3 -3
- package/dist/chunk-4SWZAYKI.js +0 -5
- package/dist/chunk-GXFAQ7JN.js +0 -1
- package/dist/chunk-NLRW4BGG.js +0 -8
- package/dist/chunk-Q27BB5ZC.js +0 -14
- package/dist/chunk-WDXPWSP7.js +0 -24
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{DEFAULT_PANEL_WORDS as e}from"./chunk-QTLAVDJE.js";import{SettingsSwitch as a}from"./chunk-QLD57GBB.js";import{Tabs as l,CountBadge as n}from"efficient-shell/ui";import{jsx as i,jsxs as s,Fragment as r}from"react/jsx-runtime";import{isValidElement as t,cloneElement as c}from"react";function d(e){const a=e[0];if(!a?.htmlId||!a.htmlId.endsWith(`-tab-${a.id}`))return;const l=a.htmlId.slice(0,-`-tab-${a.id}`.length);return e.every(e=>e.htmlId===`${l}-tab-${e.id}`)?l:void 0}function o({items:a,activeId:t,onSelect:c,ariaLabel:o=e.settings,idPrefix:u,className:h}){
|
|
2
|
+
/* @__PURE__ */
|
|
3
|
+
return i("div",{className:"es-tabs-fit",children:/* @__PURE__ */i(l,{variant:"pill","aria-label":o,idPrefix:u??d(a),className:h?`es-tabs ${h}`:"es-tabs",value:t,onChange:c,items:a.map(e=>{const a="number"==typeof e.badge&&e.badge>0?/* @__PURE__ */i(n,{count:e.badge,tone:"accent"}):null;return e.icon?{id:e.id,tooltip:e.label,label:/* @__PURE__ */s(r,{children:[
|
|
4
|
+
/* @__PURE__ */s("span",{className:"es-tab-tip",children:[
|
|
5
|
+
/* @__PURE__ */i("span",{className:"es-tab-icon","aria-hidden":"true",children:e.icon}),
|
|
6
|
+
/* @__PURE__ */i("span",{className:"es-tab-word has-icon",children:e.label})]}),a]})}:{id:e.id,label:/* @__PURE__ */s(r,{children:[
|
|
7
|
+
/* @__PURE__ */i("span",{className:"es-tab-word",children:e.label}),a]})}})})})}function u(e){return Array.isArray(e)?e.some(u):t(e)}function h(e,l,n){if(!t(e)||e.type!==a)return e;const i=e.props;return i.ariaLabel||i.ariaLabelledBy?e:c(e,n?{ariaLabelledBy:n}:{ariaLabel:l})}function m({label:e,labelId:a,icon:l,value:n,hint:t,changed:c,htmlFor:d,action:o,children:m,className:p}){const b=u(m),f=u(o);if(!b&&!f)return null;const N=["es-field"];b||N.push("is-inline"),c&&N.push("is-changed"),p&&N.push(p);const g=/* @__PURE__ */s(r,{children:[l?/* @__PURE__ */i("span",{className:"es-field-icon","aria-hidden":"true",children:l}):null,
|
|
8
|
+
/* @__PURE__ */i("span",{className:"es-field-label",id:a,children:e})]});/* @__PURE__ */
|
|
9
|
+
return s("div",{className:N.join(" "),children:[
|
|
10
|
+
/* @__PURE__ */s("div",{className:"es-field-head",children:[d?/* @__PURE__ */i("label",{className:"es-field-name",htmlFor:d,children:g}):/* @__PURE__ */i("span",{className:"es-field-name",children:g}),null!=n?/* @__PURE__ */i("span",{className:"es-field-value",children:n}):null,f?h(o,e,a):null]}),b?/* @__PURE__ */i("div",{className:"es-field-ctl",children:m}):null,t?/* @__PURE__ */i("p",{className:"es-field-hint",children:t}):null]})}function p({title:e,open:a,onToggle:l,count:n,id:r,children:t,className:c}){const d=r?`${r}-body`:void 0;/* @__PURE__ */
|
|
11
|
+
return s("div",{className:c?`es-group ${c}`:"es-group",children:[
|
|
12
|
+
/* @__PURE__ */s("button",{type:"button",id:r,"aria-expanded":a,"aria-controls":d,className:"es-group-head",onClick:()=>l(!a),children:[e,"number"==typeof n&&n>0?/* @__PURE__ */i("span",{className:"es-group-count",children:n}):null,
|
|
13
|
+
/* @__PURE__ */i("span",{className:"es-group-sign","aria-hidden":"true"})]}),
|
|
14
|
+
/* @__PURE__ */i("div",{id:d,className:"es-group-body",hidden:!a,children:t})]})}var b=Object.freeze(["Content","Style","Layout","Animation"]);export{b as SETTINGS_BUCKETS,m as SettingsField,p as SettingsGroup,o as SettingsTabs};
|
package/dist/copy/copy.css
CHANGED
|
@@ -479,7 +479,8 @@
|
|
|
479
479
|
|
|
480
480
|
/* A toolbar button is efficient-shell's IconButton look (harness UI-24): its
|
|
481
481
|
ground, hover, focus ring, disabled fade and lit state are the kit's
|
|
482
|
-
(`IconButton
|
|
482
|
+
(`IconButton`, lit from `aria-pressed`, or from `pressed` for a radio and
|
|
483
|
+
a window's button).
|
|
483
484
|
What stays is its size in the 9-column grid and the glyph inside. */
|
|
484
485
|
.es-tb-btn {
|
|
485
486
|
width: var(--es-tb-size);
|
|
@@ -606,3 +607,17 @@
|
|
|
606
607
|
gap: var(--es-space-4, 4px);
|
|
607
608
|
margin-bottom: var(--es-copy-gap);
|
|
608
609
|
}
|
|
610
|
+
/* The cells' compact arrows (efficient-shell 4.166.0's `steppers="compact"`)
|
|
611
|
+
stand in one 16px column at the box's end. The shell keeps the unit 24px in
|
|
612
|
+
and the number 48px in from that end, room for a unit of any width; a cell's
|
|
613
|
+
unit is "px" or "%", so here the unit sits just inside the arrows and the
|
|
614
|
+
number stops just before it. Measured in Chrome at a 220px panel (a 95px
|
|
615
|
+
cell, the glyph in front): 17px of number with the shell's room, 29px with
|
|
616
|
+
this — "160" fits. Layout only: the arrows, the unit's ink and the box are
|
|
617
|
+
the shell's. */
|
|
618
|
+
.es-copy-cells .es-fnum:has([data-steppers='compact']) input {
|
|
619
|
+
padding-right: calc(9 * var(--spacing));
|
|
620
|
+
}
|
|
621
|
+
.es-copy-cells .es-fnum:has([data-steppers='compact']) span:has(> .es-fnum-unit) {
|
|
622
|
+
right: calc(4.5 * var(--spacing));
|
|
623
|
+
}
|
package/dist/copy/index.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import{DEFAULT_COPY_WORDS as e}from"../chunk-UH7IGZKF.js";import{FieldNumber as t}from"../chunk-7SQF6LZL.js";import{SettingsSegmented as n,SettingsSwitch as r}from"../chunk-QLD57GBB.js";import"../chunk-FPOKPNO4.js";import{GoldTextInput as l}from"../chunk-2FZJWH24.js";import{RETIRED_MARKS as o,applyMark as a,STANDARD_MARKUP as s,writeMarkedLines as i,sameMarks as c,markedLines as u,spanFor as d,markupTools as h,marksIn as p,findLink as f,markedAt as m,listIn as g,colorIn as b,clearStyle as y,isSafeLinkHref as v,toggleMark as k,colorOver as x,setList as w,unlinkAt as C,removeLink as D,linkOver as S,writeLink as E}from"../chunk-546BBOPE.js";import{useWords as N}from"../chunk-MFIRYGHW.js";import{withTip as M}from"../chunk-P2VEMZH5.js";import{AlignJustifyIcon as L,AlignRightIcon as T,AlignCenterIcon as B,AlignLeftIcon as j,ParagraphSpacingIcon as z,LetterSpacingIcon as P,TextLinesIcon as R,TextSizeIcon as K,CaseNormalIcon as O,CaseUpperIcon as F,CaseLowerIcon as $,TextColorIcon as H,ListIcon as W,NumberedListIcon as I,ClearMarksIcon as U,BoldIcon as A,ItalicIcon as q,UnderlineIcon as V,StrikeIcon as Z,LinkIcon as G,SuperscriptIcon as Y,SubscriptIcon as Q,QuietIcon as J,EmphasisIcon as X}from"../chunk-L5KW4HG5.js";import{useRef as _,useState as ee,useLayoutEffect as te,useEffect as ne,useId as re}from"react";import{jsx as le,jsxs as oe,Fragment as ae}from"react/jsx-runtime";import{Tooltip as se,ColorSwatch as ie,ColorPickerPanel as ce,Button as ue,IconButton as de,iconButtonClasses as he,Label as pe,Input as fe}from"efficient-shell/ui";var me=["left","center","right","justify"],ge=e.align,be={left:/* @__PURE__ */le(j,{}),center:/* @__PURE__ */le(B,{}),right:/* @__PURE__ */le(T,{}),justify:/* @__PURE__ */le(L,{})},ye={three:{labelsPx:94.5,widestLabelPx:39.94},four:{labelsPx:140,widestLabelPx:44}};function ve(e,t=ge){return me.filter(t=>e.includes(t)).map(e=>({id:e,label:t[e],icon:be[e],title:t[e]}))}var ke=/[\u1100-\u11ff\u2e80-\u9fff\uac00-\ud7af\uf900-\ufaff\uff00-\uffef]/;function xe(e){if(e.every(e=>e.label===ge[e.id]))return e.length>3?ye.four:ye.three;const t=e.map(e=>[...e.label].reduce((e,t)=>e+(ke.test(t)?13:8),0));return{labelsPx:t.reduce((e,t)=>e+t,0),widestLabelPx:Math.max(0,...t)}}function we(e,t){const n=t?.selectionStart??e.length;return{start:n,end:t?.selectionEnd??n}}function Ce(e,t,n,r=a){const{start:l,end:o}=we(e,n);return r(e,l,o,t)}function De(e,t,n){const{start:r,end:l}=we(e,n),o=r+t.length;return{text:e.slice(0,r)+t+e.slice(l),selectionStart:o,selectionEnd:o}}var Se=/* @__PURE__ */new Set(["script","style","head","title","meta","link","template","noscript","svg","math","object","iframe"]),Ee=/* @__PURE__ */new Set(["p","div","li","ul","ol","dl","dt","dd","h1","h2","h3","h4","h5","h6","blockquote","pre","table","thead","tbody","tfoot","tr","section","article","header","footer","aside","nav","figure","figcaption","address","hr"]);function Ne(e,t){const n=t.rules??s,r=e.html&&""!==e.html.trim()?function(e,t,n){const r=t.createElement("template");r.innerHTML=e;const l=[[]],o=()=>l[l.length-1],a=()=>{const e=o();for(;e.length>0&&" "===e[e.length-1].ch;)e.pop();e.length>0&&l.push([])},s=(e,t,n,r)=>{if(3===e.nodeType){for(const a of e.textContent??""){const e=/\s/.test(a)?" ":a,s=o();" "===e&&(0===s.length&&l.length>1||" "===s[s.length-1]?.ch)||s.push({ch:e,bold:t,italic:n,href:r})}return}if(1!==e.nodeType&&11!==e.nodeType)return;const i=e,c=1===e.nodeType?i.localName:"";if(Se.has(c))return;if("br"===c)return void l.push([]);let u=t,d=n,h=r;if("b"!==c&&"strong"!==c||(u=!0),"i"!==c&&"em"!==c||(d=!0),"a"===c){const e=(i.getAttribute("href")??"").trim();h=v(e)?e:null}const p=1===e.nodeType?i.style:null;if(p){const e=p.fontWeight;"bold"===e||"bolder"===e||Number(e)>=600?u=!0:("normal"===e||"lighter"===e||""!==e&&Number(e)<600)&&(u=!1),"italic"===p.fontStyle||"oblique"===p.fontStyle?d=!0:"normal"===p.fontStyle&&(d=!1)}const f=Ee.has(c);f&&a();for(const t of[...e.childNodes])s(t,u,d,h);f&&a()};s(r.content,!1,!1,null);for(;l.length>1&&0===l[l.length-1].length;)l.pop();return l.map(e=>function(e,t){const n=t=>e.map((n,r)=>n[t]&&(" "!==n.ch||Boolean(e[r-1]?.[t])&&Boolean(e[r+1]?.[t]))),r=[{bold:!0,italic:!0,links:!0},{bold:!0,italic:!1,links:!0},{bold:!1,italic:!1,links:!0},{bold:!1,italic:!1,links:!1}];for(const l of r){const r=Me(e,l.bold?n("bold"):null,l.italic?n("italic"):null,l.links),o=i([r]).text;if(c([r],u(o,t)))return o}return e.map(e=>e.ch).join("")}(e,n))}(e.html,t.doc,n):(e.text??"").replace(/\r\n?/g,"\n").split("\n");return t.multiline?r.join("\n"):1===r.length?r[0]:r.map(e=>e.trim()).filter(e=>""!==e).join(" ")}function Me(e,t,n,r){let l=0,o=null,a=null,s=null;return{bullet:!1,chars:e.map((e,i)=>{const c=r?e.href:null;return o=null===c?null:o&&o.href===c?o:d(++l,"link",c),a=t?.[i]?a??d(++l,"bold"):null,s=n?.[i]?s??d(++l,"italic"):null,{ch:e.ch,at:-1,marks:[o,a,s].filter(e=>null!==e)}})}}var Le=/^([0-9]{1,3})\. $/;function Te(e,t){const n=e.split("\n"),r=u(e,t);let l=0,o=0;const a=r.map((e,t)=>{const r=!e.bullet&&null==e.number&&"- "===n[t],a=null!=e.number||e.bullet?null:Le.exec(n[t]),s=e.bullet||r,i=a?a[1]:e.number??null,c=r||a?[]:e.chars,u=c.map(e=>e.ch).join(""),d=null!=i?i.length+2:s?2:0,h={bullet:s,number:i,chars:c,start:l,src:l+d,vis:o,text:u};return l+=n[t].length+1,o+=u.length+1,h});return{lines:a,text:a.map(e=>e.text).join("\n")}}function Be(e,t){const{lines:n}=e;for(let e=0;e<n.length;e+=1){const r=n[e];if(t<=r.vis+r.text.length||e===n.length-1)return[r,Math.max(0,Math.min(t-r.vis,r.text.length)),e]}return[n[0],0,0]}function je(e,t){const[n,r]=Be(e,t);if(0===r)return n.src;let l=0;for(const e of n.chars){if(r<=l+e.ch.length)return e.at+(r-l);l+=e.ch.length}return n.src}function ze(e,t){const[n,r]=Be(e,t);let l=0;for(const e of n.chars){if(r===l)return e.at;l+=e.ch.length}return je(e,t)}function Pe(e,t){const{lines:n}=e;let r=n[0];for(const e of n)t>=e.start&&(r=e);let l=0;for(const e of r.chars){if(!(t>=e.at+e.ch.length)){t>e.at&&(l+=t-e.at);break}l+=e.ch.length}return r.vis+l}function Re(e,t,n){return[Pe(e,t),Pe(e,n)]}function Ke(e,t,n){return t===n?[je(e,t),je(e,t)]:[ze(e,t),je(e,n)]}function Oe(e,t){let n=0;for(let r=0;r<e.chars.length;r+=1){if(n>=t)return r;n+=e.chars[r].ch.length}return e.chars.length}function Fe(e,t,n,r,l){const o=Te(e,t),[a,s,h]=Be(o,Math.min(n,r)),[p,f,m]=Be(o,Math.max(n,r)),g=Oe(a,s),b=Oe(p,f),y=a.chars.slice(0,g),v=p.chars.slice(b),k=n!==r&&a.chars[g]&&(h!==m||g<b)?a.chars[g].marks:function(e,t){const n=e.chars[t-1],r=e.chars[t],l=(e,t)=>{const n=e.findIndex(e=>"link"===e.kind);return-1===n||t?e:e.slice(0,n)};if(n){const e=n.marks.find(e=>"link"===e.kind),t=Boolean(e&&r?.marks.some(t=>t.id===e.id));return l(n.marks,t)}return r?l(r.marks,!1):[]}(a,g);let x=(w=o.lines,Math.max(0,...w.flatMap(e=>e.chars.flatMap(e=>e.marks.map(e=>e.id))))+1);var w;const C=e=>{let n;if(void 0!==l.markup){const e=x;n=u(l.markup,t).map(t=>({bullet:t.bullet,number:t.number??null,chars:t.chars.map(t=>({...t,at:-1,marks:t.marks.map(t=>({...t,id:t.id+e}))}))}))}else{let t=a.number??null;n=(l.text??"").split("\n").map((n,r)=>(r>0&&null!=t&&(t=function(e){return String(Number(e)+1).padStart(e.length,"0")}(t)),{bullet:a.bullet,number:t,chars:[...n].map(t=>({ch:t,at:-1,marks:e??[]}))}))}const r=n.map(e=>e.chars.map(e=>e.ch).join("")).join("\n"),s={bullet:a.bullet,number:a.number??null,chars:[...y,...n[0].chars]},i=n.slice(1);if(i.length>0){const e=i[i.length-1];i[i.length-1]={...e,chars:[...e.chars,...v]}}else s.chars.push(...v);return{lines:[...o.lines.slice(0,h).map(({bullet:e,number:t,chars:n})=>({bullet:e,number:t,chars:n})),s,...i,...o.lines.slice(m+1).map(({bullet:e,number:t,chars:n})=>({bullet:e,number:t,chars:n}))],shown:r}},D=void 0!==l.markup?[null]:[(e=>{let t=e.filter(e=>!l.drop?.some(t=>e.kind===t||"highlight"===t&&"accent"===e.kind));for(const e of l.add??[]){if(t.some(t=>t.kind===e))continue;const n=d(x++,e);n&&(t=[...t,n])}if(void 0!==l.color){t=t.filter(e=>"color"!==e.kind);const e=null===l.color?null:d(x++,"color",l.color);e&&(t=[...t,e])}return t})(k),k,[]];let S="",E="";for(const e of D){const n=C(e),r=i(n.lines).text;if(S=r,E=n.shown,c(n.lines,Te(r,t).lines))break}return{text:S,caret:Math.min(n,r)+E.length}}function $e(e,t,n,r){const l=Te(e,t),[o,,a]=Be(l,n);return n!==r||!o.bullet&&null==o.number||""!==o.text?Fe(e,t,n,r,{text:"\n"}):He(e,t,a,!1,n)}function He(e,t,n,r,l){const o=Te(e,t).lines.map(({bullet:e,number:t,chars:l},o)=>o===n?{bullet:r,number:null,chars:l}:{bullet:e,number:t,chars:l});return{text:i(o).text,caret:l}}function We(e,t,n,r){const l=Te(e,t),[o,a,s]=Be(l,Math.min(n,r)),[c,u,d]=Be(l,Math.max(n,r)),h=l.lines.slice(s,d+1).map(({bullet:e,number:t,chars:n},r)=>{const l=0===r?Oe(o,a):0,i=r===d-s?Oe(c,u):n.length;return{bullet:e,number:t,chars:n.slice(l,i)}});return i(h).text}var Ie="application/x-efficient-markup";function Ue(e,t,n,r){switch(t){case"bold":return e.createElement("strong");case"italic":return e.createElement("em");case"strike":return e.createElement("s");case"underline":return e.createElement("u");case"sup":return e.createElement("sup");case"sub":return e.createElement("sub");case"color":{const t=e.createElement("span");return t.className="es-rich-color",r&&(t.dataset.color=r,t.title=r.startsWith("#")?r.toUpperCase():r,t.style.color=r.startsWith("#")?r:`var(--es-color-${r}, inherit)`),t}case"link":{const t=e.createElement("a");return t.className="es-rich-link",n&&(t.title=n),t}default:{const n=e.createElement("span");return n.className="highlight"===t||"accent"===t?"es-rich-emphasis":`es-rich-${t}`,n}}}function Ae(e,t,n,r){const l=e.layout.lines;if(n===t)return r>=e.lines.length?e.layout.text.length:l[r].vis;const o=e.lines.findIndex(e=>e===n||e.contains(n));if(-1===o)return 0;const a=t.ownerDocument.createRange();a.setStart(e.lines[o],0);try{a.setEnd(n,r)}catch{return l[o].vis}return l[o].vis+Math.min(a.toString().length,l[o].text.length)}function qe(e,t){const n=e.layout.lines;let r=n.length-1;for(let e=0;e<n.length;e+=1)if(t<=n[e].vis+n[e].text.length){r=e;break}let l=Math.max(0,t-n[r].vis);const o=e.lines[r].ownerDocument.createTreeWalker(e.lines[r],4);let a=o.nextNode(),s=null;for(;a;){if(l<=a.data.length)return[a,l];l-=a.data.length,s=a,a=o.nextNode()}return s?[s,s.data.length]:[e.lines[r],0]}function Ve(e,t,n){if(n<0){const n=e.charCodeAt(t-1);return t-(n>=56320&&n<=57343&&t>=2?2:1)}const r=e.charCodeAt(t);return t+(r>=55296&&r<=56319?2:1)}function Ze({value:e,rules:t,multiline:n,readOnly:r=!1,placeholder:l,ariaLabel:o,handle:a,onEdit:s,onSelect:i,onHistory:c,onFormat:u,pending:d,onCommit:h,onCancel:p}){const f=_(null),m=_(null),g=_(null),b=_(null),y=_(null),v=_(e),[k,x]=ee(0),w=_({value:e,rules:t,multiline:n,readOnly:r,pending:d,onEdit:s,onHistory:c,onFormat:u});w.current={value:e,rules:t,multiline:n,readOnly:r,pending:d,onEdit:s,onHistory:c,onFormat:u};const C=()=>{const e=f.current,t=m.current,n=e?.ownerDocument.getSelection();if(!(e&&t&&n&&0!==n.rangeCount&&n.anchorNode&&e.contains(n.anchorNode)))return null;const r=Ae(t,e,n.anchorNode,n.anchorOffset),l=n.focusNode&&e.contains(n.focusNode)?Ae(t,e,n.focusNode,n.focusOffset):r;return r<=l?[r,l]:[l,r]},D=(e,t)=>{const n=f.current,r=m.current;if(!n||!r)return;const[l,o]=qe(r,e),[a,s]=qe(r,t);n.ownerDocument.getSelection()?.setBaseAndExtent(l,o,a,s)};a.current={getSource(){const e=C(),t=m.current;if(!e||!t)return null;const[n,r]=Ke(t.layout,e[0],e[1]);return{start:n,end:r}},setSource(e,t,n){b.current={text:n,src:[e,t]},x(e=>e+1)},focus(){f.current?.focus()},rangeOf(e,t){const n=f.current,r=m.current;if(!n||!r)return null;const[l,o]=Re(r.layout,e,t),[a,s]=qe(r,l),[i,c]=qe(r,o),u=n.ownerDocument.createRange();return u.setStart(a,s),u.setEnd(i,c),u}},te(()=>{const n=f.current;if(!n||y.current)return;const r=b.current?null:C();m.current=function(e,t){const n=e.ownerDocument;e.replaceChildren();const r=t.lines.map(t=>{const r=n.createElement("div");r.className=null!=t.number?"es-rich-line is-numbered":t.bullet?"es-rich-line is-bullet":"es-rich-line",null!=t.number&&(r.dataset.number=t.number);const l=[],o=()=>l.length?l[l.length-1].el:r;let a=null;for(const e of t.chars){let t=0;for(;t<l.length&&t<e.marks.length&&l[t].id===e.marks[t].id;)t+=1;(l.length>t||e.marks.length>t)&&(a=null),l.length=t;for(let r=t;r<e.marks.length;r+=1){const t=Ue(n,e.marks[r].kind,e.marks[r].href,e.marks[r].color);o().appendChild(t),l.push({id:e.marks[r].id,el:t})}a||(a=n.createTextNode(""),o().appendChild(a)),a.data+=e.ch}return 0===t.chars.length&&r.appendChild(n.createElement("br")),e.appendChild(r),r});return{layout:t,lines:r}}(n,Te(e,t)),g.current=e;const l=b.current;if(!l||l.text!==e)return void(r&&n.ownerDocument.activeElement===n&&D(r[0],Math.min(r[1],m.current.layout.text.length)));b.current=null;const o=m.current.layout,[a,s]=l.vis??Re(o,l.src[0],l.src[1]);n.ownerDocument.activeElement!==n&&n.focus(),D(a,s)},[e,t,k]);const S=(e,t,n)=>{const r=m.current,[l,o]=Ke(r.layout,t[0],t[1]);b.current={text:e.text,vis:[e.caret,e.caret]},e.text!==w.current.value?w.current.onEdit(e.text,{start:l,end:o},n):x(e=>e+1)};ne(()=>{const e=f.current;if(!e)return;const t=t=>{const{value:n,rules:r,multiline:l,readOnly:o,pending:a}=w.current;if("insertCompositionText"===t.inputType)return;if(t.preventDefault(),o)return;const s=m.current,i=C();if(!s||!i)return;let[c,u]=i;const d="function"==typeof t.getTargetRanges?t.getTargetRanges()[0]:void 0;d&&!d.collapsed&&t.inputType.startsWith("delete")&&(c=Ae(s,e,d.startContainer,d.startOffset),u=Ae(s,e,d.endContainer,d.endOffset));const h=s.layout.text,p=t.inputType;if("historyUndo"!==p&&"historyRedo"!==p)if("formatBold"!==p&&"formatItalic"!==p&&"formatStrikeThrough"!==p)if("insertParagraph"!==p&&"insertLineBreak"!==p){if(p.startsWith("insert")){let o=t.data??t.dataTransfer?.getData("text/plain")??"";if("insertFromDrop"===p||"insertFromPaste"===p){const a=Ne({html:t.dataTransfer?.getData("text/html"),text:o},{doc:e.ownerDocument,multiline:l,rules:r});return void S(Fe(n,r,c,u,{markup:a}),[c,u],"edit")}return l||(o=o.replace(/\s*\r?\n\s*/g," ")),void S(Fe(n,r,c,u,{text:o,add:a?.add,drop:a?.drop,color:a?.color}),[c,u],"type")}if(p.startsWith("delete")){if(c===u){const e=p.includes("Backward"),t=s.layout.lines.findIndex(e=>c>=e.vis&&c<=e.vis+e.text.length),l=s.layout.lines[t];if(e&&l&&c===l.vis&&(l.bullet||null!=l.number))return void S(He(n,r,t,!1,c),[c,u],"edit");if(e?0===c:c===h.length)return;e?c=Ve(h,c,-1):u=Ve(h,u,1)}S(Fe(n,r,c,u,{text:""}),[c,u],"type")}}else l&&S($e(n,r,c,u),[c,u],"edit");else w.current.onFormat("formatBold"===p?"bold":"formatItalic"===p?"italic":"strike");else w.current.onHistory("historyUndo"===p?"undo":"redo")},n=()=>{y.current||x(e=>e+1)};return e.addEventListener("beforeinput",t),e.addEventListener("input",n),()=>{e.removeEventListener("beforeinput",t),e.removeEventListener("input",n)}},[]),ne(()=>{const e=f.current;if(!e)return;const t=e.ownerDocument,n=()=>{const e=a.current?.getSource();e&&i(e)};return t.addEventListener("selectionchange",n),()=>t.removeEventListener("selectionchange",n)});const E=(n,l=!1)=>{const o=C();if(!o||o[0]===o[1])return;n.preventDefault();const a=m.current;n.clipboardData.setData("text/plain",a.layout.text.slice(o[0],o[1])),n.clipboardData.setData(Ie,We(e,t,o[0],o[1])),l&&!r&&S(Fe(e,t,o[0],o[1],{text:""}),o,"edit")};/* @__PURE__ */
|
|
2
|
-
return
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
return
|
|
5
|
-
return
|
|
6
|
-
return
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
return
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
return
|
|
20
|
-
return
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
return
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
1
|
+
import{DEFAULT_COPY_WORDS as e}from"../chunk-UH7IGZKF.js";import{FieldNumber as t}from"../chunk-7SQF6LZL.js";import{SettingsSegmented as n,SettingsSwitch as r}from"../chunk-QLD57GBB.js";import"../chunk-FPOKPNO4.js";import{GoldTextInput as l}from"../chunk-2FZJWH24.js";import{RETIRED_MARKS as o,applyMark as a,STANDARD_MARKUP as s,writeMarkedLines as i,sameMarks as c,markedLines as u,spanFor as d,markupTools as h,marksIn as p,findLink as f,markedAt as m,listIn as g,colorIn as b,clearStyle as y,isSafeLinkHref as v,toggleMark as k,colorOver as x,setList as w,unlinkAt as C,removeLink as S,linkOver as E,writeLink as D}from"../chunk-546BBOPE.js";import{useWords as N}from"../chunk-MFIRYGHW.js";import{withTip as M}from"../chunk-P2VEMZH5.js";import{AlignJustifyIcon as L,AlignRightIcon as T,AlignCenterIcon as B,AlignLeftIcon as j,ParagraphSpacingIcon as z,LetterSpacingIcon as R,TextLinesIcon as O,TextSizeIcon as K,CaseNormalIcon as P,CaseUpperIcon as F,CaseLowerIcon as $,TextColorIcon as H,ListIcon as W,NumberedListIcon as I,ClearMarksIcon as U,BoldIcon as q,ItalicIcon as A,UnderlineIcon as V,StrikeIcon as Z,LinkIcon as G,SuperscriptIcon as Y,SubscriptIcon as Q,QuietIcon as J,EmphasisIcon as X}from"../chunk-L5KW4HG5.js";import{Tooltip as _,ColorSwatch as ee,ColorPickerPanel as te,Button as ne,IconButton as re,registerModalEscapeInterceptor as le,Label as oe,Input as ae}from"efficient-shell/ui";import{useRef as se,useState as ie,useLayoutEffect as ce,useEffect as ue,useId as de}from"react";import{jsx as he,jsxs as pe,Fragment as fe}from"react/jsx-runtime";var me=["left","center","right","justify"],ge=e.align,be={left:/* @__PURE__ */he(j,{}),center:/* @__PURE__ */he(B,{}),right:/* @__PURE__ */he(T,{}),justify:/* @__PURE__ */he(L,{})},ye={three:{labelsPx:94.5,widestLabelPx:39.94},four:{labelsPx:140,widestLabelPx:44}};function ve(e,t=ge){return me.filter(t=>e.includes(t)).map(e=>({id:e,label:t[e],icon:be[e],title:t[e]}))}var ke=/[\u1100-\u11ff\u2e80-\u9fff\uac00-\ud7af\uf900-\ufaff\uff00-\uffef]/;function xe(e){if(e.every(e=>e.label===ge[e.id]))return e.length>3?ye.four:ye.three;const t=e.map(e=>[...e.label].reduce((e,t)=>e+(ke.test(t)?13:8),0));return{labelsPx:t.reduce((e,t)=>e+t,0),widestLabelPx:Math.max(0,...t)}}function we(e,t){const n=t?.selectionStart??e.length;return{start:n,end:t?.selectionEnd??n}}function Ce(e,t,n,r=a){const{start:l,end:o}=we(e,n);return r(e,l,o,t)}function Se(e,t,n){const{start:r,end:l}=we(e,n),o=r+t.length;return{text:e.slice(0,r)+t+e.slice(l),selectionStart:o,selectionEnd:o}}var Ee=/* @__PURE__ */new Set(["script","style","head","title","meta","link","template","noscript","svg","math","object","iframe"]),De=/* @__PURE__ */new Set(["p","div","li","ul","ol","dl","dt","dd","h1","h2","h3","h4","h5","h6","blockquote","pre","table","thead","tbody","tfoot","tr","section","article","header","footer","aside","nav","figure","figcaption","address","hr"]);function Ne(e,t){const n=t.rules??s,r=e.html&&""!==e.html.trim()?function(e,t,n){const r=t.createElement("template");r.innerHTML=e;const l=[[]],o=()=>l[l.length-1],a=()=>{const e=o();for(;e.length>0&&" "===e[e.length-1].ch;)e.pop();e.length>0&&l.push([])},s=(e,t,n,r)=>{if(3===e.nodeType){for(const a of e.textContent??""){const e=/\s/.test(a)?" ":a,s=o();" "===e&&(0===s.length&&l.length>1||" "===s[s.length-1]?.ch)||s.push({ch:e,bold:t,italic:n,href:r})}return}if(1!==e.nodeType&&11!==e.nodeType)return;const i=e,c=1===e.nodeType?i.localName:"";if(Ee.has(c))return;if("br"===c)return void l.push([]);let u=t,d=n,h=r;if("b"!==c&&"strong"!==c||(u=!0),"i"!==c&&"em"!==c||(d=!0),"a"===c){const e=(i.getAttribute("href")??"").trim();h=v(e)?e:null}const p=1===e.nodeType?i.style:null;if(p){const e=p.fontWeight;"bold"===e||"bolder"===e||Number(e)>=600?u=!0:("normal"===e||"lighter"===e||""!==e&&Number(e)<600)&&(u=!1),"italic"===p.fontStyle||"oblique"===p.fontStyle?d=!0:"normal"===p.fontStyle&&(d=!1)}const f=De.has(c);f&&a();for(const t of[...e.childNodes])s(t,u,d,h);f&&a()};s(r.content,!1,!1,null);for(;l.length>1&&0===l[l.length-1].length;)l.pop();return l.map(e=>function(e,t){const n=t=>e.map((n,r)=>n[t]&&(" "!==n.ch||Boolean(e[r-1]?.[t])&&Boolean(e[r+1]?.[t]))),r=[{bold:!0,italic:!0,links:!0},{bold:!0,italic:!1,links:!0},{bold:!1,italic:!1,links:!0},{bold:!1,italic:!1,links:!1}];for(const l of r){const r=Me(e,l.bold?n("bold"):null,l.italic?n("italic"):null,l.links),o=i([r]).text;if(c([r],u(o,t)))return o}return e.map(e=>e.ch).join("")}(e,n))}(e.html,t.doc,n):(e.text??"").replace(/\r\n?/g,"\n").split("\n");return t.multiline?r.join("\n"):1===r.length?r[0]:r.map(e=>e.trim()).filter(e=>""!==e).join(" ")}function Me(e,t,n,r){let l=0,o=null,a=null,s=null;return{bullet:!1,chars:e.map((e,i)=>{const c=r?e.href:null;return o=null===c?null:o&&o.href===c?o:d(++l,"link",c),a=t?.[i]?a??d(++l,"bold"):null,s=n?.[i]?s??d(++l,"italic"):null,{ch:e.ch,at:-1,marks:[o,a,s].filter(e=>null!==e)}})}}var Le=/^([0-9]{1,3})\. $/;function Te(e,t){const n=e.split("\n"),r=u(e,t);let l=0,o=0;const a=r.map((e,t)=>{const r=!e.bullet&&null==e.number&&"- "===n[t],a=null!=e.number||e.bullet?null:Le.exec(n[t]),s=e.bullet||r,i=a?a[1]:e.number??null,c=r||a?[]:e.chars,u=c.map(e=>e.ch).join(""),d=null!=i?i.length+2:s?2:0,h={bullet:s,number:i,chars:c,start:l,src:l+d,vis:o,text:u};return l+=n[t].length+1,o+=u.length+1,h});return{lines:a,text:a.map(e=>e.text).join("\n")}}function Be(e,t){const{lines:n}=e;for(let e=0;e<n.length;e+=1){const r=n[e];if(t<=r.vis+r.text.length||e===n.length-1)return[r,Math.max(0,Math.min(t-r.vis,r.text.length)),e]}return[n[0],0,0]}function je(e,t){const[n,r]=Be(e,t);if(0===r)return n.src;let l=0;for(const e of n.chars){if(r<=l+e.ch.length)return e.at+(r-l);l+=e.ch.length}return n.src}function ze(e,t){const[n,r]=Be(e,t);let l=0;for(const e of n.chars){if(r===l)return e.at;l+=e.ch.length}return je(e,t)}function Re(e,t){const{lines:n}=e;let r=n[0];for(const e of n)t>=e.start&&(r=e);let l=0;for(const e of r.chars){if(!(t>=e.at+e.ch.length)){t>e.at&&(l+=t-e.at);break}l+=e.ch.length}return r.vis+l}function Oe(e,t,n){return[Re(e,t),Re(e,n)]}function Ke(e,t,n){return t===n?[je(e,t),je(e,t)]:[ze(e,t),je(e,n)]}function Pe(e,t){let n=0;for(let r=0;r<e.chars.length;r+=1){if(n>=t)return r;n+=e.chars[r].ch.length}return e.chars.length}function Fe(e,t,n,r,l){const o=Te(e,t),[a,s,h]=Be(o,Math.min(n,r)),[p,f,m]=Be(o,Math.max(n,r)),g=Pe(a,s),b=Pe(p,f),y=a.chars.slice(0,g),v=p.chars.slice(b),k=n!==r&&a.chars[g]&&(h!==m||g<b)?a.chars[g].marks:function(e,t){const n=e.chars[t-1],r=e.chars[t],l=(e,t)=>{const n=e.findIndex(e=>"link"===e.kind);return-1===n||t?e:e.slice(0,n)};if(n){const e=n.marks.find(e=>"link"===e.kind),t=Boolean(e&&r?.marks.some(t=>t.id===e.id));return l(n.marks,t)}return r?l(r.marks,!1):[]}(a,g);let x=(w=o.lines,Math.max(0,...w.flatMap(e=>e.chars.flatMap(e=>e.marks.map(e=>e.id))))+1);var w;const C=e=>{let n;if(void 0!==l.markup){const e=x;n=u(l.markup,t).map(t=>({bullet:t.bullet,number:t.number??null,chars:t.chars.map(t=>({...t,at:-1,marks:t.marks.map(t=>({...t,id:t.id+e}))}))}))}else{let t=a.number??null;n=(l.text??"").split("\n").map((n,r)=>(r>0&&null!=t&&(t=function(e){return String(Number(e)+1).padStart(e.length,"0")}(t)),{bullet:a.bullet,number:t,chars:[...n].map(t=>({ch:t,at:-1,marks:e??[]}))}))}const r=n.map(e=>e.chars.map(e=>e.ch).join("")).join("\n"),s={bullet:a.bullet,number:a.number??null,chars:[...y,...n[0].chars]},i=n.slice(1);if(i.length>0){const e=i[i.length-1];i[i.length-1]={...e,chars:[...e.chars,...v]}}else s.chars.push(...v);return{lines:[...o.lines.slice(0,h).map(({bullet:e,number:t,chars:n})=>({bullet:e,number:t,chars:n})),s,...i,...o.lines.slice(m+1).map(({bullet:e,number:t,chars:n})=>({bullet:e,number:t,chars:n}))],shown:r}},S=void 0!==l.markup?[null]:[(e=>{let t=e.filter(e=>!l.drop?.some(t=>e.kind===t||"highlight"===t&&"accent"===e.kind));for(const e of l.add??[]){if(t.some(t=>t.kind===e))continue;const n=d(x++,e);n&&(t=[...t,n])}if(void 0!==l.color){t=t.filter(e=>"color"!==e.kind);const e=null===l.color?null:d(x++,"color",l.color);e&&(t=[...t,e])}return t})(k),k,[]];let E="",D="";for(const e of S){const n=C(e),r=i(n.lines).text;if(E=r,D=n.shown,c(n.lines,Te(r,t).lines))break}return{text:E,caret:Math.min(n,r)+D.length}}function $e(e,t,n,r){const l=Te(e,t),[o,,a]=Be(l,n);return n!==r||!o.bullet&&null==o.number||""!==o.text?Fe(e,t,n,r,{text:"\n"}):He(e,t,a,!1,n)}function He(e,t,n,r,l){const o=Te(e,t).lines.map(({bullet:e,number:t,chars:l},o)=>o===n?{bullet:r,number:null,chars:l}:{bullet:e,number:t,chars:l});return{text:i(o).text,caret:l}}function We(e,t,n,r){const l=Te(e,t),[o,a,s]=Be(l,Math.min(n,r)),[c,u,d]=Be(l,Math.max(n,r)),h=l.lines.slice(s,d+1).map(({bullet:e,number:t,chars:n},r)=>{const l=0===r?Pe(o,a):0,i=r===d-s?Pe(c,u):n.length;return{bullet:e,number:t,chars:n.slice(l,i)}});return i(h).text}var Ie="application/x-efficient-markup";function Ue(e,t,n,r){switch(t){case"bold":return e.createElement("strong");case"italic":return e.createElement("em");case"strike":return e.createElement("s");case"underline":return e.createElement("u");case"sup":return e.createElement("sup");case"sub":return e.createElement("sub");case"color":{const t=e.createElement("span");return t.className="es-rich-color",r&&(t.dataset.color=r,t.title=r.startsWith("#")?r.toUpperCase():r,t.style.color=r.startsWith("#")?r:`var(--es-color-${r}, inherit)`),t}case"link":{const t=e.createElement("a");return t.className="es-rich-link",n&&(t.title=n),t}default:{const n=e.createElement("span");return n.className="highlight"===t||"accent"===t?"es-rich-emphasis":`es-rich-${t}`,n}}}function qe(e,t,n,r){const l=e.layout.lines;if(n===t)return r>=e.lines.length?e.layout.text.length:l[r].vis;const o=e.lines.findIndex(e=>e===n||e.contains(n));if(-1===o)return 0;const a=t.ownerDocument.createRange();a.setStart(e.lines[o],0);try{a.setEnd(n,r)}catch{return l[o].vis}return l[o].vis+Math.min(a.toString().length,l[o].text.length)}function Ae(e,t){const n=e.layout.lines;let r=n.length-1;for(let e=0;e<n.length;e+=1)if(t<=n[e].vis+n[e].text.length){r=e;break}let l=Math.max(0,t-n[r].vis);const o=e.lines[r].ownerDocument.createTreeWalker(e.lines[r],4);let a=o.nextNode(),s=null;for(;a;){if(l<=a.data.length)return[a,l];l-=a.data.length,s=a,a=o.nextNode()}return s?[s,s.data.length]:[e.lines[r],0]}function Ve(e,t,n){if(n<0){const n=e.charCodeAt(t-1);return t-(n>=56320&&n<=57343&&t>=2?2:1)}const r=e.charCodeAt(t);return t+(r>=55296&&r<=56319?2:1)}function Ze({value:e,rules:t,multiline:n,readOnly:r=!1,placeholder:l,ariaLabel:o,handle:a,onEdit:s,onSelect:i,onHistory:c,onFormat:u,pending:d,onCommit:h,onCancel:p}){const f=se(null),m=se(null),g=se(null),b=se(null),y=se(null),v=se(e),[k,x]=ie(0),w=se({value:e,rules:t,multiline:n,readOnly:r,pending:d,onEdit:s,onHistory:c,onFormat:u});w.current={value:e,rules:t,multiline:n,readOnly:r,pending:d,onEdit:s,onHistory:c,onFormat:u};const C=()=>{const e=f.current,t=m.current,n=e?.ownerDocument.getSelection();if(!(e&&t&&n&&0!==n.rangeCount&&n.anchorNode&&e.contains(n.anchorNode)))return null;const r=qe(t,e,n.anchorNode,n.anchorOffset),l=n.focusNode&&e.contains(n.focusNode)?qe(t,e,n.focusNode,n.focusOffset):r;return r<=l?[r,l]:[l,r]},S=(e,t)=>{const n=f.current,r=m.current;if(!n||!r)return;const[l,o]=Ae(r,e),[a,s]=Ae(r,t);n.ownerDocument.getSelection()?.setBaseAndExtent(l,o,a,s)};a.current={getSource(){const e=C(),t=m.current;if(!e||!t)return null;const[n,r]=Ke(t.layout,e[0],e[1]);return{start:n,end:r}},setSource(e,t,n){b.current={text:n,src:[e,t]},x(e=>e+1)},focus(){f.current?.focus()},rangeOf(e,t){const n=f.current,r=m.current;if(!n||!r)return null;const[l,o]=Oe(r.layout,e,t),[a,s]=Ae(r,l),[i,c]=Ae(r,o),u=n.ownerDocument.createRange();return u.setStart(a,s),u.setEnd(i,c),u}},ce(()=>{const n=f.current;if(!n||y.current)return;const r=b.current?null:C();m.current=function(e,t){const n=e.ownerDocument;e.replaceChildren();const r=t.lines.map(t=>{const r=n.createElement("div");r.className=null!=t.number?"es-rich-line is-numbered":t.bullet?"es-rich-line is-bullet":"es-rich-line",null!=t.number&&(r.dataset.number=t.number);const l=[],o=()=>l.length?l[l.length-1].el:r;let a=null;for(const e of t.chars){let t=0;for(;t<l.length&&t<e.marks.length&&l[t].id===e.marks[t].id;)t+=1;(l.length>t||e.marks.length>t)&&(a=null),l.length=t;for(let r=t;r<e.marks.length;r+=1){const t=Ue(n,e.marks[r].kind,e.marks[r].href,e.marks[r].color);o().appendChild(t),l.push({id:e.marks[r].id,el:t})}a||(a=n.createTextNode(""),o().appendChild(a)),a.data+=e.ch}return 0===t.chars.length&&r.appendChild(n.createElement("br")),e.appendChild(r),r});return{layout:t,lines:r}}(n,Te(e,t)),g.current=e;const l=b.current;if(!l||l.text!==e)return void(r&&n.ownerDocument.activeElement===n&&S(r[0],Math.min(r[1],m.current.layout.text.length)));b.current=null;const o=m.current.layout,[a,s]=l.vis??Oe(o,l.src[0],l.src[1]);n.ownerDocument.activeElement!==n&&n.focus(),S(a,s)},[e,t,k]);const E=(e,t,n)=>{const r=m.current,[l,o]=Ke(r.layout,t[0],t[1]);b.current={text:e.text,vis:[e.caret,e.caret]},e.text!==w.current.value?w.current.onEdit(e.text,{start:l,end:o},n):x(e=>e+1)};ue(()=>{const e=f.current;if(!e)return;const t=t=>{const{value:n,rules:r,multiline:l,readOnly:o,pending:a}=w.current;if("insertCompositionText"===t.inputType)return;if(t.preventDefault(),o)return;const s=m.current,i=C();if(!s||!i)return;let[c,u]=i;const d="function"==typeof t.getTargetRanges?t.getTargetRanges()[0]:void 0;d&&!d.collapsed&&t.inputType.startsWith("delete")&&(c=qe(s,e,d.startContainer,d.startOffset),u=qe(s,e,d.endContainer,d.endOffset));const h=s.layout.text,p=t.inputType;if("historyUndo"!==p&&"historyRedo"!==p)if("formatBold"!==p&&"formatItalic"!==p&&"formatStrikeThrough"!==p)if("insertParagraph"!==p&&"insertLineBreak"!==p){if(p.startsWith("insert")){let o=t.data??t.dataTransfer?.getData("text/plain")??"";if("insertFromDrop"===p||"insertFromPaste"===p){const a=Ne({html:t.dataTransfer?.getData("text/html"),text:o},{doc:e.ownerDocument,multiline:l,rules:r});return void E(Fe(n,r,c,u,{markup:a}),[c,u],"edit")}return l||(o=o.replace(/\s*\r?\n\s*/g," ")),void E(Fe(n,r,c,u,{text:o,add:a?.add,drop:a?.drop,color:a?.color}),[c,u],"type")}if(p.startsWith("delete")){if(c===u){const e=p.includes("Backward"),t=s.layout.lines.findIndex(e=>c>=e.vis&&c<=e.vis+e.text.length),l=s.layout.lines[t];if(e&&l&&c===l.vis&&(l.bullet||null!=l.number))return void E(He(n,r,t,!1,c),[c,u],"edit");if(e?0===c:c===h.length)return;e?c=Ve(h,c,-1):u=Ve(h,u,1)}E(Fe(n,r,c,u,{text:""}),[c,u],"type")}}else l&&E($e(n,r,c,u),[c,u],"edit");else w.current.onFormat("formatBold"===p?"bold":"formatItalic"===p?"italic":"strike");else w.current.onHistory("historyUndo"===p?"undo":"redo")},n=()=>{y.current||x(e=>e+1)};return e.addEventListener("beforeinput",t),e.addEventListener("input",n),()=>{e.removeEventListener("beforeinput",t),e.removeEventListener("input",n)}},[]),ue(()=>{const e=f.current;if(!e)return;const t=e.ownerDocument,n=()=>{const e=a.current?.getSource();e&&i(e)};return t.addEventListener("selectionchange",n),()=>t.removeEventListener("selectionchange",n)});const D=(n,l=!1)=>{const o=C();if(!o||o[0]===o[1])return;n.preventDefault();const a=m.current;n.clipboardData.setData("text/plain",a.layout.text.slice(o[0],o[1])),n.clipboardData.setData(Ie,We(e,t,o[0],o[1])),l&&!r&&E(Fe(e,t,o[0],o[1],{text:""}),o,"edit")};/* @__PURE__ */
|
|
2
|
+
return pe("div",{className:"es-rich-wrap",children:[l&&""===e?/* @__PURE__ */he("div",{className:"es-rich-placeholder","aria-hidden":"true",children:l}):null,
|
|
3
|
+
/* @__PURE__ */he("div",{ref:f,className:`es-rich${n?" is-multiline":" is-single"}${r?" is-off":""}`,contentEditable:!r,suppressContentEditableWarning:!0,role:"textbox","aria-multiline":n,"aria-label":o,"aria-readonly":r||void 0,"aria-placeholder":l,tabIndex:r?-1:0,spellCheck:!0,onFocus:()=>{v.current=e},onBlur:()=>{e!==v.current&&h?.(e),v.current=e},onKeyDown:t=>{if("Escape"===t.key)return t.preventDefault(),p?.(v.current),void(v.current=e);"Enter"!==t.key||n||(t.preventDefault(),e!==v.current&&h?.(e),v.current=e)},onCompositionStart:()=>{const e=C()??[0,0];y.current={from:e[0],to:e[1]}},onCompositionEnd:e=>{const t=y.current;if(y.current=null,!t)return;const{value:n,rules:r,pending:l}=w.current;e.data?E(Fe(n,r,t.from,t.to,{text:e.data,add:l?.add,drop:l?.drop,color:l?.color}),[t.from,t.to],"type"):x(e=>e+1)},onCopy:e=>D(e),onCut:e=>D(e,!0),onPaste:l=>{if(l.preventDefault(),r)return;const o=C();if(!o)return;const a=l.clipboardData.getData(Ie),s=a?n?a:a.replace(/\s*\r?\n\s*/g," "):Ne({html:l.clipboardData.getData("text/html"),text:l.clipboardData.getData("text/plain")},{doc:l.currentTarget.ownerDocument,multiline:n,rules:t});E(Fe(e,t,o[0],o[1],{markup:s}),o,"edit")}})]})}var Ge=1e3;function Ye(e=200){let t=[],n=[],r=null,l=0;return{record(o,a,s){const i="type"===a&&"type"===r&&s-l<1e3;r=a,l=s,n=[],i||(t.push(o),t.length>e&&t.shift())},undo(e){const l=t.pop();return l?(n.push(e),r=null,l):null},redo(e){const l=n.pop();return l?(t.push(e),r=null,l):null},reset(){t=[],n=[],r=null}}}var Qe={fontSize:{key:"fontSize",nameKey:"fontSize",icon:/* @__PURE__ */he(K,{}),unit:"px",step:1,shiftStep:10,min:5},lineHeight:{key:"lineHeight",nameKey:"lineHeight",icon:/* @__PURE__ */he(O,{}),unit:"%",step:1,shiftStep:10,min:50,max:250,scale:100},letterSpacing:{key:"letterSpacing",nameKey:"letterSpacing",icon:/* @__PURE__ */he(R,{}),unit:"px",step:.1,shiftStep:1,min:-10},paragraphSpacing:{key:"paragraphSpacing",nameKey:"paragraphSpacing",icon:/* @__PURE__ */he(z,{}),unit:"px",step:1,shiftStep:10,min:0}};function Je(e,t){return void 0===e?void 0:Number((e*t).toFixed(6))}function Xe({cells:n,words:r,readOnly:l=!1}){const o=r??e.cells;/* @__PURE__ */
|
|
4
|
+
return he("div",{className:"es-copy-cells",children:n.map(e=>{const n=e.scale??1,r=e.name??(e.nameKey?o[e.nameKey]:e.key),a=e.unit??"",s=e.step??1;/* @__PURE__ */
|
|
5
|
+
return he(t,{value:Je(e.value,n),styleValue:Je(e.styleValue,n),onChange:t=>e.onChange(void 0===t?void 0:Number((t/n).toFixed(6))),min:e.min,max:e.max,step:s,shiftStep:e.shiftStep,icon:e.icon,unit:a||void 0,steppers:"compact",readOnly:l,ariaLabel:r,title:o.tip({name:r,step:s,unit:a})},e.key)})})}var _e=e=>e.preventDefault();function et({colors:e,current:t,words:n,onPick:r}){const l=null===t?null:t.startsWith("#")?t.toLowerCase():e.find(e=>e.name===t)?.value.toLowerCase()??null;/* @__PURE__ */
|
|
6
|
+
return pe("div",{className:"es-copy-pop es-copy-colors",role:"dialog","aria-label":n.title,onMouseDown:e=>{e.target instanceof HTMLInputElement||e.preventDefault()},children:[
|
|
7
|
+
/* @__PURE__ */he("span",{className:"es-copy-pop-label",children:n.theme}),
|
|
8
|
+
/* @__PURE__ */he("div",{className:"es-copy-theme",role:"group","aria-label":n.theme,children:e.map(e=>/* @__PURE__ */he(_,{content:`${e.label} · ${e.value.toUpperCase()}`,children:/* @__PURE__ */he(ee,{color:e.value,size:"sm",className:"es-copy-theme-swatch","data-color":e.name,"aria-label":e.label,selected:t===e.name,onMouseDown:_e,onClick:()=>r(e.name)})},e.name))}),
|
|
9
|
+
/* @__PURE__ */he("span",{className:"es-copy-pop-label",children:n.any}),
|
|
10
|
+
/* @__PURE__ */he(te,{className:"es-copy-any",value:l??"",onChange:e=>{e!==t&&r(e)},label:n.title,dragWrites:"end"}),
|
|
11
|
+
/* @__PURE__ */he("div",{className:"es-copy-pop-foot",children:/* @__PURE__ */he(ne,{variant:"ghost-danger",size:"sm","data-window-action":"remove",onMouseDown:_e,onClick:()=>r(null),children:n.remove})})]})}function tt({href:t,editing:n,onApply:r,onRemove:l,onClose:o,floating:a=!1}){const s=N("copy",e).link,i=de(),[c,u]=ie(t),[d,h]=ie(!1),p=se(null),f=se(null),m=se(o);m.current=o,ue(()=>le(e=>{const t=f.current;return!!("Escape"===e.key&&t&&e.target instanceof Node&&t.contains(e.target))&&(m.current(),!0)},()=>f.current),[]),ue(()=>{p.current?.focus(),p.current?.select()},[]);const g=()=>{const e=c.trim();v(e)?r(e):h(!0)};/* @__PURE__ */
|
|
12
|
+
return pe("div",{ref:f,role:"dialog","aria-label":s.title,className:"es-copy-link"+(a?" es-copy-pop":""),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),g())},children:[
|
|
13
|
+
/* @__PURE__ */he(oe,{htmlFor:i,className:"es-copy-link-label",children:s.label}),
|
|
14
|
+
/* @__PURE__ */he(ae,{ref:p,id:i,size:"sm",type:"text",value:c,placeholder:s.placeholder,spellCheck:!1,autoComplete:"off",invalid:d,"aria-describedby":d?`${i}-why`:void 0,onChange:e=>{u(e.target.value),h(!1)}}),d?/* @__PURE__ */he("p",{id:`${i}-why`,role:"alert",className:"es-copy-link-why",children:s.refused}):null,
|
|
15
|
+
/* @__PURE__ */pe("div",{className:"es-copy-link-actions",children:[n?/* @__PURE__ */he(ne,{variant:"ghost-danger",size:"sm","data-window-action":"remove",onClick:l,children:s.remove}):null,
|
|
16
|
+
/* @__PURE__ */pe("span",{className:"es-copy-link-end",children:[
|
|
17
|
+
/* @__PURE__ */he(ne,{variant:"secondary",size:"sm","data-window-action":"cancel",onClick:o,children:s.cancel??e.link.cancel}),
|
|
18
|
+
/* @__PURE__ */he(ne,{variant:"primary",size:"sm","data-window-action":"apply",onClick:g,disabled:""===c.trim(),children:s.apply})]})]})]})}var nt=e=>e.preventDefault();function rt(){/* @__PURE__ */
|
|
19
|
+
return he("span",{className:"es-tb-cell is-empty","aria-hidden":"true"})}function lt({words:e,align:t,alignmentLabel:n,offered:r,pressed:l,onMark:o,color:a,linkOpen:s,last:i,alignment:c,list:u,letterCase:d,disabled:h=!1,ariaLabel:p="Formatting"}){const f=e=>"es-tb-cell es-tb-btn"+(e?" is-on":""),m=(e,t,n,a)=>r.has(e)?M(t,/* @__PURE__ */he(re,"link"===e?{pressed:Boolean(s),className:f(Boolean(s)),"aria-label":t,"aria-haspopup":"dialog","aria-expanded":s,"aria-keyshortcuts":a,disabled:h,onMouseDown:nt,onClick:()=>o(e),children:n}:{className:"es-tb-cell es-tb-btn"+(l[e]?" is-on":""),"aria-label":t,"aria-pressed":Boolean(l[e]),"aria-keyshortcuts":a,disabled:h,onMouseDown:nt,onClick:()=>o(e),children:n},e)):/* @__PURE__ */he(rt,{},e),g=[["left",/* @__PURE__ */he(j,{},"l")],["center",/* @__PURE__ */he(B,{},"c")],["right",/* @__PURE__ */he(T,{},"r")],["justify",/* @__PURE__ */he(L,{},"j")]],b=[["none",e.caseNone,/* @__PURE__ */he(P,{},"n")],["upper",e.caseUpper,/* @__PURE__ */he(F,{},"u")],["lower",e.caseLower,/* @__PURE__ */he($,{},"w")]];/* @__PURE__ */
|
|
20
|
+
return pe("div",{className:"es-tb",role:"toolbar","aria-label":p,children:[
|
|
21
|
+
/* @__PURE__ */pe("div",{className:"es-tb-row"+(void 0===i?" is-eight":""),children:[m("bold",e.bold,/* @__PURE__ */he(q,{}),"Meta+B"),m("italic",e.italic,/* @__PURE__ */he(A,{}),"Meta+I"),m("underline",e.underline,/* @__PURE__ */he(V,{}),"Meta+U"),m("strike",e.strike,/* @__PURE__ */he(Z,{})),a?M(e.color,/* @__PURE__ */he(re,{pressed:a.open,className:`${f(a.open)} es-tb-color`,"aria-label":e.color,"aria-haspopup":"dialog","aria-expanded":a.open,disabled:h,style:a.run?{"--es-tb-run":a.run}:void 0,onMouseDown:nt,onClick:a.onToggle,children:/* @__PURE__ */he(H,{})},"color")):/* @__PURE__ */he(rt,{}),m("link",e.link,/* @__PURE__ */he(G,{}),"Meta+K"),m("sup",e.sup,/* @__PURE__ */he(Y,{})),m("sub",e.sub,/* @__PURE__ */he(Q,{})),void 0!==i?i??/* @__PURE__ */he(rt,{}):null]}),
|
|
22
|
+
/* @__PURE__ */pe("div",{className:"es-tb-row",children:[
|
|
23
|
+
/* @__PURE__ */he("div",{className:"es-tb-group",role:"radiogroup","aria-label":n,children:g.map(([e,n])=>c&&c.allow.includes(e)?M(t[e],/* @__PURE__ */he(re,{role:"radio",pressed:c.value===e,className:f(c.value===e),"aria-checked":c.value===e,"aria-label":t[e],disabled:h||c.disabled,onMouseDown:nt,onClick:()=>c.onChange(e),children:n},e)):/* @__PURE__ */he(rt,{},e))}),u&&r.has("bullet")?M(e.bullet,/* @__PURE__ */he(re,{className:"es-tb-cell es-tb-btn"+("bullet"===u.pressed?" is-on":""),"aria-label":e.bullet,"aria-pressed":"bullet"===u.pressed,disabled:h,onMouseDown:nt,onClick:()=>u.onList("bullet"),children:/* @__PURE__ */he(W,{})})):/* @__PURE__ */he(rt,{}),u&&r.has("number")?M(e.number,/* @__PURE__ */he(re,{className:"es-tb-cell es-tb-btn"+("number"===u.pressed?" is-on":""),"aria-label":e.number,"aria-pressed":"number"===u.pressed,disabled:h,onMouseDown:nt,onClick:()=>u.onList("number"),children:/* @__PURE__ */he(I,{})})):/* @__PURE__ */he(rt,{}),
|
|
24
|
+
/* @__PURE__ */he("div",{className:"es-tb-group",role:"radiogroup","aria-label":e.letterCase,children:b.map(([e,t,n])=>d?M(t,/* @__PURE__ */he(re,{role:"radio",pressed:d.value===e,className:f(d.value===e),"aria-checked":d.value===e,"aria-label":t,disabled:h||d.disabled,onMouseDown:nt,onClick:()=>d.onChange(d.value===e?"":e),children:n},e)):/* @__PURE__ */he(rt,{},e))})]})]})}var ot=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n));var at=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom});function st(e){const t=e.ownerDocument,n=t.documentElement,r={left:0,top:0,right:n.clientWidth,bottom:n.clientHeight},l=t.defaultView?.getComputedStyle.bind(t.defaultView);for(let o=e.parentElement;o&&o!==n&&o!==t.body;o=o.parentElement){const e=l?.(o);if(!e||"visible"===e.overflowX&&"visible"===e.overflowY)continue;const t=o.getBoundingClientRect();if(0===t.width&&0===t.height)continue;const n=t.left+o.clientLeft,a=t.top+o.clientTop;r.left=Math.max(r.left,n),r.top=Math.max(r.top,a),r.right=Math.min(r.right,n+(o.clientWidth||t.width)),r.bottom=Math.min(r.bottom,a+(o.clientHeight||t.height))}return r}function it(e){const t=e.offsetParent??e.parentElement;if(!t)return{left:0,top:0};const n=t.getBoundingClientRect();return{left:n.left+t.clientLeft-t.scrollLeft,top:n.top+t.clientTop-t.scrollTop}}var ct=/* @__PURE__ */new Set([...o,"clear"]),ut={bold:/* @__PURE__ */he(q,{size:16}),italic:/* @__PURE__ */he(A,{size:16}),strike:/* @__PURE__ */he(Z,{size:16}),highlight:/* @__PURE__ */he(X,{size:16}),quiet:/* @__PURE__ */he(J,{size:16}),link:/* @__PURE__ */he(G,{size:16}),clear:/* @__PURE__ */he(U,{size:16})};function dt(e){if(!e)return;const t=e.split("+"),n=t.pop().toUpperCase();return["Meta",...t.map(e=>e[0].toUpperCase()+e.slice(1)),n].join("+")}var ht={bold:"is-bold",italic:"is-italic",strike:"is-strike"};function pt({tools:t,onApply:n,disabled:r=!1,actions:l,align:o,glyphs:a,ariaLabel:s,pressed:i,open:c=null}){const u=N("copy",e),d=("string"==typeof t[0]?h(t).map(e=>({...e,...u.marks[e.style]})):t).filter(e=>!ct.has(e.style));return 0!==d.length||l||o?/* @__PURE__ */pe("div",{className:"es-copy-bar",role:"group","aria-label":s??u.formatting,children:[d.map(e=>{const t=a?.[e.style]??ut[e.style],l=c===e.style||Boolean(i?.[e.style]),o="link"===e.style&&Boolean(i);return M(e.title,/* @__PURE__ */he(re,{onMouseDown:e=>e.preventDefault(),onClick:()=>n(e.style),disabled:r,"aria-label":e.name??e.title,"aria-keyshortcuts":dt(e.shortcut),"aria-pressed":o||!i&&!c?void 0:l,pressed:o?l:void 0,"aria-haspopup":o?"dialog":void 0,"aria-expanded":o?"link"===c:void 0,className:`es-copy-mark${t?" has-glyph":ht[e.style]?` ${ht[e.style]}`:""}${l?" is-active":""}`,children:t??e.label},e.style))}),l?/* @__PURE__ */pe(fe,{children:[
|
|
25
|
+
/* @__PURE__ */he("span",{className:"es-copy-bar-split","aria-hidden":"true"}),l]}):null,o?/* @__PURE__ */he("span",{className:"es-copy-bar-end",children:o}):null]}):null}function ft({target:e,onChange:t}){const n=se(null);return ce(()=>{const t=n.current,r=e.current;t&&r&&r.value===t.text&&(n.current=null,r.focus(),r.setSelectionRange(t.start,t.end))}),r=>{const l=r(e.current);t(l.text),n.current={start:l.selectionStart,end:l.selectionEnd,text:l.text}}}function mt({value:t,onChange:o,onCommit:i,onCancel:c,multiline:u=!1,placeholder:v,ariaLabel:L,className:T,readOnly:B=!1,rules:j,tools:z=[],writeMark:R,actions:O,align:K,glyphs:P,barLabel:F,renderFooter:$,inputRef:H,barShows:W="always",richText:I=!0,defaultShowMarks:q=!1,toolbar:A="final",colors:V,cells:Z,letterCase:G,lastTool:Y}){const Q="final"===A,J=N("copy",e),X=se(null),_=H??X,[ee,te]=ie(!1),[ne,re]=ie(null),oe=se(Ye()).current,ae=se(null);ue(()=>{const e=ae.current;e&&t===e.to?ae.current=null:e&&t===e.from||(ae.current=null,oe.reset())},[t,oe]);const me=e=>{ae.current={from:ae.current?.from??t,to:e},o(e)},ge=e=>({text:t,start:e?.selectionStart??ne?.start??t.length,end:e?.selectionEnd??ne?.end??t.length}),[be,ye]=ie(q),ke=I&&!(u&&be),we=se(null),Ee=de(),[De,Me]=ie(null),[Le,Te]=ie(!1),Be=()=>{if(!ke)return _.current;const e=we.current?.getSource()??ne;return e?{selectionStart:e.start,selectionEnd:e.end}:null},je=ft({target:_,onChange:me}),ze=e=>(re({start:e.selectionStart,end:e.selectionEnd}),e),Re=(e,n)=>{if(!ke)return void je(t=>(n&&oe.record(ge(t),"edit",Date.now()),ze(e(t))));const r=Be(),l=ze(e(r));n&&oe.record(ge(r),"edit",Date.now()),Me(null),l.text!==t&&me(l.text),we.current?.setSource(l.selectionStart,l.selectionEnd,l.text)},Oe=e=>Re(e,!0),Ke=e=>Re(t=>{const n=ge(t),r=oe[e](n);return r?{text:r.text,selectionStart:r.start,selectionEnd:r.end}:{text:n.text,selectionStart:n.start,selectionEnd:n.end}},!1),Pe=se(null);ce(()=>{const e=Pe.current;e&&(Pe.current=null,ke?we.current?.setSource(e.start,e.end,t):(_.current?.focus(),_.current?.setSelectionRange(e.start,e.end),re(e)))},[ke]);const[Fe,$e]=ie(null),He=j??s,We=("string"==typeof z[0]?h(z):z).filter(e=>!ct.has(e.style)),Ie=Q?("string"==typeof z[0]?z:z.map(e=>e.style)).filter(e=>!ct.has(e)):We.map(e=>e.style),Ue={};if(ne&&(ke||Q)){const e=p(t,ne.start,ne.end,He);for(const t of Ie){const n=e.has(t)||"highlight"===t&&e.has("accent");Ue[t]=!!De?.add.includes(t)||!De?.drop.includes(t)&&n}Q&&(Ue.link=e.has("link"))}else if(ne)for(const e of Ie)Ue[e]="link"===e?null!==f(t,ne.start,ne.end):m(t,ne.start,ne.end,e);const qe=()=>{const e=Be(),n=e?.selectionStart??t.length;return{start:n,end:e?.selectionEnd??n}},Ae={sup:"sub",sub:"sup"},Ve=e=>{if(Q&&"link"!==e&&d(0,e)){const{start:n,end:r}=qe(),l=Ae[e];if(n===r){if(!ke)return void Oe(n=>Ce(t,e,n,(e,t,n,r)=>a(e,t,n,r,He,J.placeholders)));const o=p(t,n,r,He),s=De&&De.at===n?De:null,i=o.has(e),c=!!s?.add.includes(e)||!s?.drop.includes(e)&&i;let u=(s?.add??[]).filter(t=>t!==e),d=(s?.drop??[]).filter(t=>t!==e);return c&&i?d.push(e):c||i||u.push(e),!c&&l&&(u=u.filter(e=>e!==l),o.has(l)&&(d=[...d.filter(e=>e!==l),l])),void Me(u.length||d.length||void 0!==s?.color?{add:u,drop:d,color:s?.color,at:n}:null)}return void Oe(()=>{let o=t,a=n,s=r;if(l&&!p(o,a,s,He).has(e)&&p(o,a,s,He).has(l)){const e=k(o,a,s,l,He);({text:o,selectionStart:a,selectionEnd:s}=e)}return k(o,a,s,e,He)})}if("clear"===e)return void Oe(n=>Ce(t,e,n,(e,t,n)=>a(e,t,n,"clear",He)));if("link"!==e&&ke&&d(0,e)){const n=Be(),r=n?.selectionStart??t.length,l=n?.selectionEnd??r;if(r===l){const n=p(t,r,l,He),o=n.has(e)||"highlight"===e&&n.has("accent"),a=De&&De.at===r?De:null,s=!!a?.add.includes(e)||!a?.drop.includes(e)&&o,i=(a?.add??[]).filter(t=>t!==e),c=(a?.drop??[]).filter(t=>t!==e);return s&&o?c.push(e):s||o||i.push(e),void Me(i.length||c.length?{add:i,drop:c,at:r}:null)}return void Oe(n=>k(t,n?.selectionStart??r,n?.selectionEnd??l,e,He))}if("link"!==e){const n=R??((e,t,n,r)=>a(e,t,n,r,s,J.placeholders));return void Oe(r=>Ce(t,e,r,n))}const n=Be(),r=n?.selectionStart??t.length,l=n?.selectionEnd??r;Te(!1),$e({start:r,end:l,link:f(t,r,l)})},Ge=Boolean(ne&&ne.start!==ne.end),Qe=ne?g(t,ne.start,ne.end,He):null,Je=ne?De&&void 0!==De.color&&De.at===ne.start?De.color:b(t,ne.start,ne.end,He):null,_e=Je?Je.startsWith("#")?Je:V?.find(e=>e.name===Je)?.value:void 0,nt=e=>{ke?e?we.current?.setSource(e.start,e.end,t):we.current?.focus():(_.current?.focus(),e&&_.current?.setSelectionRange(e.start,e.end))},rt=()=>{const e=Fe;$e(null),nt(e?{start:e.start,end:e.end}:ne)},ut=()=>{const e=ht.current,t=Boolean(e&&e.querySelector(".es-copy-colors")?.contains(e.ownerDocument.activeElement));Te(!1),t&&nt(ne)},dt=se(ut);dt.current=ut,ue(()=>{if(Le)return le(e=>{const t=ht.current;return!!("Escape"===e.key&&t&&e.target instanceof Node&&t.contains(e.target))&&(dt.current(),!0)},()=>ht.current?.querySelector(".es-copy-colors"))},[Le]);const ht=se(null),mt=Le||null!==Fe;ue(()=>{const e=ht.current;if(!mt||!e)return;const t=e.ownerDocument,n=()=>{Te(!1),$e(null)},r=t=>{e.contains(t.target)||n()};let l;const o=r=>{const o=r.relatedTarget;o?e.contains(o)||n():(clearTimeout(l),l=setTimeout(()=>{const r=t.activeElement;t.hasFocus()&&r&&r!==t.body&&!e.contains(r)&&n()},0))};return t.addEventListener("pointerdown",r,!0),e.addEventListener("focusout",o),()=>{clearTimeout(l),t.removeEventListener("pointerdown",r,!0),e.removeEventListener("focusout",o)}},[mt]);const gt=Fe??(Le?ne??{start:t.length,end:t.length}:null),bt=se(()=>{});bt.current=()=>{const e=ht.current,t=e?.querySelector(".es-tb-wrap > .es-copy-pop");if(!e||!t||!gt)return;const n=ke?null:e.querySelector(".es-gold-layer"),r=ke?we.current?.rangeOf(gt.start,gt.end)??null:n?function(e,t,n){const r=e.ownerDocument,l=r.createTreeWalker(e,4),o=e=>{let t=e,n=null;for(let e=l.nextNode();e;e=l.nextNode()){if(t<=e.data.length)return[e,t];t-=e.data.length,n=e}return n?[n,n.data.length]:null},a=o(t);l.currentNode=e;const s=o(n);if(!a||!s)return null;const i=r.createRange();return i.setStart(a[0],a[1]),i.setEnd(s[0],s[1]),i}(n,gt.start,gt.end):null,l=r?.endContainer,o=l?1===l.nodeType?l:l.parentElement:null,a=r?function(e,t){const n=("function"==typeof e.getClientRects?[...e.getClientRects()]:[]).filter(e=>e.height>0);if(n.length>0){const t="function"==typeof e.getBoundingClientRect?e.getBoundingClientRect():n[0];return t.height>0?at(t):at(n[0])}if(!t)return null;const r=t.getBoundingClientRect();return{left:r.left,top:r.top,right:r.left,bottom:r.bottom}}(r,o?.closest(".es-rich-line, .es-gold-layer")??null):null;if(!a)return;const s=function({anchor:e,size:t,within:n,clip:r,parent:l,gap:o=8}){const a=Math.max(n.left,r.left),s=Math.min(n.right,r.right)-t.width,i=ot(e.left,a,s),c=r.bottom-(e.bottom+o),u=e.top-o-r.top,d=t.height>c&&(t.height<=u||u>c),h=d?e.top-o-t.height:e.bottom+o,p=e.left+Math.min((e.right-e.left)/2,10),f=ot(p-5-i,10,t.width-10-10);return{top:h-l.top,left:i-l.left,above:d,point:f}}({anchor:a,size:{width:t.offsetWidth,height:t.offsetHeight},within:e.getBoundingClientRect(),clip:st(e),parent:it(t)});t.style.top=`${s.top}px`,t.style.left=`${s.left}px`,t.style.setProperty("--es-pop-point",`${s.point}px`),t.dataset.side=s.above?"above":"below"},ce(()=>{const e=ht.current;if(!mt||!e)return;const t=()=>bt.current();t();const n=e.ownerDocument.defaultView;n?.addEventListener("resize",t);const r=e.querySelector(".es-tb-wrap > .es-copy-pop"),l=n?.ResizeObserver,o=l&&r?new l(t):null;return o&&r&&o.observe(r),()=>{n?.removeEventListener("resize",t),o?.disconnect()}},[mt,Le,Fe,gt?.start,gt?.end,ke]);const yt=e=>Fe&&/* @__PURE__ */he(tt,{floating:e,href:Fe.link?.href??"",editing:null!==Fe.link,onApply:e=>{const n=Fe;$e(null),Oe(()=>ke?E(t,n.start,n.end,e,He):D(t,n.start,n.end,e))},onRemove:()=>{const e=Fe.link,n=Fe;$e(null),e&&Oe(()=>ke?C(t,n.start,n.end,He):S(t,e))},onClose:rt}),vt=K?ve(K.allow,J.align):[],kt="always"===W||ee||null!==Fe||Le;/* @__PURE__ */
|
|
26
|
+
return pe("div",{ref:ht,className:"es-copy"+(T?` ${T}`:""),onFocus:()=>te(!0),onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||te(!1)},onKeyDown:e=>{const t=e.target===_.current||Boolean(e.target.closest?.(".es-rich"));if(B||!t)return;if(e.altKey||e.metaKey===e.ctrlKey)return;const n=e.key.toLowerCase(),r="KeyZ"===e.code||"z"===n,l=("KeyY"===e.code||"y"===n)&&!e.shiftKey;if(r||l)return e.preventDefault(),e.stopPropagation(),void Ke(l||e.shiftKey?"redo":"undo");const o=`${e.shiftKey?"shift+":""}${n}`;if(Q){const t={b:"bold",i:"italic",u:"underline",k:"link"}[o];if(!t||!Ie.includes(t))return;return e.preventDefault(),e.stopPropagation(),void Ve(t)}const a=We.find(e=>e.shortcut===o);a&&(e.preventDefault(),e.stopPropagation(),Ve(a.style))},onPaste:e=>{const n=_.current;if(B||!n||e.target!==n)return;e.preventDefault();const r=Ne({html:e.clipboardData.getData("text/html"),text:e.clipboardData.getData("text/plain")},{doc:n.ownerDocument,multiline:u,rules:He});Oe(e=>Se(t,r,e))},style:V&&V.length>0?Object.fromEntries(V.map(e=>[`--es-color-${e.name}`,e.value])):void 0,onSelect:()=>{const e=_.current;e&&e.ownerDocument.activeElement===e&&re({start:e.selectionStart??t.length,end:e.selectionEnd??t.length})},children:[kt&&Q?/* @__PURE__ */pe("div",{className:"es-tb-wrap"+(Y?"":" is-eight"),children:[
|
|
27
|
+
/* @__PURE__ */he(lt,{words:J.toolbar??e.toolbar,align:J.align,alignmentLabel:J.alignment,ariaLabel:F??J.formatting,offered:new Set(Ie),pressed:Ue,onMark:e=>Ve(e),color:V&&V.length>0?{run:_e,open:Le,onToggle:()=>{$e(null),Le?ut():Te(!0)}}:void 0,linkOpen:null!==Fe,last:Y?Y({className:"es-tb-cell es-tb-btn",disabled:B,selected:Ge,keepCaret:e=>e.preventDefault(),insert:e=>Oe(n=>Se(t,e,n))}):void 0,alignment:K?{value:K.value,allow:K.allow,onChange:K.onChange,disabled:K.disabled}:void 0,list:{pressed:Qe,onList:e=>{const{start:n,end:r}=qe(),l=g(t,n,r,He);Oe(()=>w(t,n,r,l===e?null:e,He))}},letterCase:G,disabled:B}),Le&&V&&V.length>0?/* @__PURE__ */he(et,{colors:V,current:Je,words:J.colors??e.colors,onPick:e=>{const{start:n,end:r}=qe();if(n!==r)Oe(()=>x(t,n,r,e,He));else{if(!ke)return;Me({add:De?.add??[],drop:De?.drop??[],color:e,at:n})}}}):null,Fe?yt(!0):null]}):null,Q&&Z&&Z.length>0?/* @__PURE__ */he(Xe,{cells:Z,words:J.cells??e.cells,readOnly:B}):null,kt&&!Q?/* @__PURE__ */he(pt,{tools:z,disabled:B,actions:O,glyphs:P,ariaLabel:F,pressed:Ue,open:Fe?"link":null,onApply:Ve,align:K?/* @__PURE__ */he(n,{options:vt,value:K.value,onChange:K.onChange,ariaLabel:J.alignment,disabled:B||K.disabled,fit:xe(vt)}):null}):null,ke?/* @__PURE__ */he(Ze,{value:t,rules:He,multiline:u,readOnly:B,placeholder:v,ariaLabel:L,handle:we,pending:De??void 0,onEdit:(e,n,r)=>{oe.record({text:t,start:n.start,end:n.end},r,Date.now()),Me(null),me(e)},onSelect:e=>{re(t=>t&&t.start===e.start&&t.end===e.end?t:e),!De||e.start===De.at&&e.end===De.at||Me(null)},onHistory:Ke,onFormat:e=>{Ie.includes(e)&&Ve(e)},onCommit:i,onCancel:c}):/* @__PURE__ */he(l,{value:t,onInput:e=>{oe.record(ge(null),"type",Date.now()),me(e)},onCommit:i,onCancel:c,multiline:u,placeholder:v,ariaLabel:L,rules:j,disabled:B,inputRef:_,className:"es-copy-box"}),Fe&&!Q?yt(!1):null,$?$({focused:ee,insert:e=>Oe(n=>Se(t,e,n))}):null,I&&u||Q&&kt?
|
|
28
|
+
/* @__PURE__ */pe("div",{className:"es-copy-marks",children:[I&&u?/* @__PURE__ */pe(fe,{children:[
|
|
29
|
+
/* @__PURE__ */he(r,{checked:be,onChange:()=>{const e=Be();Pe.current=e&&null!==e.selectionStart&&null!==e.selectionEnd?{start:e.selectionStart,end:e.selectionEnd}:ne,Me(null),ye(e=>!e)},ariaLabelledBy:Ee,disabled:B}),
|
|
30
|
+
/* @__PURE__ */he("span",{id:Ee,className:"es-copy-marks-label",children:J.showMarks??"Show marks"})]}):null,Q&&kt?M(Ge?void 0:J.clearStyleEmpty??"Select words first",/* @__PURE__ */pe("button",{type:"button",className:"es-copy-clear",disabled:B||!Ge,onMouseDown:e=>e.preventDefault(),onClick:()=>{const{start:e,end:n}=qe();if(e===n)return;const r=y(t,e,n,He);r.text!==t&&Oe(()=>r)},children:[
|
|
31
|
+
/* @__PURE__ */he(U,{size:16}),J.clearStyle??"Clear style"]})):null]}):null]})}export{me as COPY_ALIGNS,ye as COPY_ALIGN_FIT,be as COPY_ALIGN_GLYPHS,ge as COPY_ALIGN_LABELS,Qe as COPY_CELLS,et as ColorWindow,mt as CopyBox,Xe as CopyCells,Ie as MARKUP_CLIPBOARD_TYPE,pt as MarkBar,Ze as RichBox,Ge as TYPING_BURST_MS,lt as TextToolbar,dt as ariaShortcut,ve as copyAlignOptions,Ye as createHistory,Fe as editVisible,Se as insertSelection,Ce as markSelection,We as markupOfRange,$e as newLine,Ne as pasteToMarkup,Te as richLayout,Ke as selectionToSource,Oe as selectionToVisible,He as setBullet,je as toSource,ze as toSourceStart,Re as toVisible,ft as useCaretEdit};
|
package/dist/easel/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { c as ResolveTrigger, a as ResolveCache, R as ResolvableItem } from '../
|
|
|
8
8
|
import * as react from 'react';
|
|
9
9
|
import { ReactNode, CSSProperties, ComponentType, ReactElement } from 'react';
|
|
10
10
|
import { b as NodeOpsHost, C as ClipboardEntry } from '../useNodeOps-BF0fQsif.js';
|
|
11
|
-
import { I as InspectorFields } from '../types-
|
|
11
|
+
import { I as InspectorFields } from '../types-DQp_i3dE.js';
|
|
12
12
|
import '../buckets-CuLM47h9.js';
|
|
13
13
|
|
|
14
14
|
interface EaselOptions<C extends EaselConfig = EaselConfig> {
|
package/dist/fields/fields.css
CHANGED
|
@@ -82,9 +82,18 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
|
|
|
82
82
|
|
|
83
83
|
/* ── a list (ListField): ONE look in both editors (owner, 2026-10-06) ────────
|
|
84
84
|
The website ticker's rows: one row per item, a × at its end, "+ Add <noun>"
|
|
85
|
-
under the last. The whole row drags
|
|
86
|
-
|
|
87
|
-
|
|
85
|
+
under the last. The whole row drags; a many-field item opens under its own
|
|
86
|
+
row. Sizes from the ticker (.sf-textlist): a 32px row, a 28 × 32 ×. Gaps are
|
|
87
|
+
the spacing scale: 8 between rows (the seam IS the gap), 4 inside.
|
|
88
|
+
|
|
89
|
+
The rows are efficient-shell's `SortableList` / `ListRow` (4.167.0, UI-24):
|
|
90
|
+
the frame, the 8px step (`spacing="comfortable"`, which a `TreeSeam` hands
|
|
91
|
+
back), the grip and its Tooltip, the drop line, the faded row being dragged,
|
|
92
|
+
the hover and open ground and the focus ring are the shell's. What is left
|
|
93
|
+
here is the list's own: its head, the row's content, the ×, the lock, the
|
|
94
|
+
open item, "+ Add". The `.es-list-row` classes stay on the shell's bar as
|
|
95
|
+
hooks (`is-inline`, `is-item`, `is-open`, `is-draggable`, `is-dragging`,
|
|
96
|
+
`is-drop-*`). */
|
|
88
97
|
|
|
89
98
|
.es-list { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin-top: max(var(--es-row-gap), var(--es-rhythm-between)); }
|
|
90
99
|
.es-list-head {
|
|
@@ -99,54 +108,18 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
|
|
|
99
108
|
/* A host's bar for the row in use, between the name and the rows. */
|
|
100
109
|
.es-list-above { min-width: 0; }
|
|
101
110
|
|
|
102
|
-
/* The rows
|
|
103
|
-
`
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
/*
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
.es-list-
|
|
112
|
-
/* The
|
|
113
|
-
.es-list-rows > .es-list-gap:last-child { margin-top: -8px; }
|
|
114
|
-
.es-list-entry { display: flex; flex-direction: column; min-width: 0; }
|
|
115
|
-
|
|
116
|
-
.es-list-row {
|
|
117
|
-
position: relative;
|
|
118
|
-
display: flex;
|
|
119
|
-
align-items: center;
|
|
120
|
-
gap: 4px;
|
|
121
|
-
min-width: 0;
|
|
122
|
-
min-height: 32px;
|
|
123
|
-
border-radius: var(--es-row-radius);
|
|
124
|
-
--es-row-scrim: var(--es-panel);
|
|
125
|
-
}
|
|
126
|
-
.es-list-row.is-draggable { cursor: grab; }
|
|
127
|
-
.es-list-row.is-item { padding-left: 8px; }
|
|
128
|
-
/* A row whose own control is not a text box (a name, a picture) reads as a row. */
|
|
129
|
-
.es-list-row.is-inline:not(:has(input, textarea, [contenteditable])) { padding-left: 8px; }
|
|
130
|
-
.es-list-row.is-inline:not(:has(input, textarea, [contenteditable])):hover { --es-row-scrim: var(--es-hover); background: var(--es-row-scrim); }
|
|
131
|
-
.es-list-row.is-item:hover,
|
|
132
|
-
.es-list-row.is-open { --es-row-scrim: var(--es-hover); background: var(--es-row-scrim); }
|
|
133
|
-
.es-list-row.is-dragging { opacity: 0.4; }
|
|
111
|
+
/* The rows (the shell's `SortableList`). NOT a scroll box, and not Layers'
|
|
112
|
+
`.es-tree` (which is one): the panel around the list scrolls. Inside a
|
|
113
|
+
scroll box of its own the drag hint under the last row was clipped and the
|
|
114
|
+
list scrolled by itself under a wheel (second host, 2026-10-07). */
|
|
115
|
+
.es-list-rows { min-width: 0; }
|
|
116
|
+
|
|
117
|
+
/* A row whose own control is not a text box (a name, a picture) reads as a
|
|
118
|
+
row: the shell's bar is `flat` for every inline row, so the hover ground is
|
|
119
|
+
given back here, to the ones without a box. */
|
|
120
|
+
.es-list-row.is-inline:not(:has(input, textarea, [contenteditable])):hover { background: var(--es-hover); }
|
|
121
|
+
/* The picture that follows the pointer: the row, raised (`useTreeDrag`). */
|
|
134
122
|
.es-list-row.is-lifting { background: var(--es-raised); box-shadow: var(--rosh-glass-solid-shadow); }
|
|
135
|
-
.es-list-row:focus-visible { outline: 2px solid var(--es-accent); outline-offset: 1px; }
|
|
136
|
-
/* The one drop line, in the middle of the 8px gap — where a seam draws its own. */
|
|
137
|
-
.es-list-row.is-drop-before::before,
|
|
138
|
-
.es-list-row.is-drop-after::after {
|
|
139
|
-
content: "";
|
|
140
|
-
position: absolute;
|
|
141
|
-
left: 8px;
|
|
142
|
-
right: 8px;
|
|
143
|
-
height: 2px;
|
|
144
|
-
border-radius: var(--radius-sm);
|
|
145
|
-
background: var(--es-accent);
|
|
146
|
-
pointer-events: none;
|
|
147
|
-
}
|
|
148
|
-
.es-list-row.is-drop-before::before { top: -5px; }
|
|
149
|
-
.es-list-row.is-drop-after::after { bottom: -5px; }
|
|
150
123
|
|
|
151
124
|
/* The row's own control (renderRow): it fills the row up to the ×. */
|
|
152
125
|
.es-list-row-main { flex: 1 1 auto; min-width: 0; min-height: 32px; display: flex; align-items: center; font-size: 12px; color: var(--es-text); }
|
|
@@ -202,30 +175,6 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
|
|
|
202
175
|
color: var(--es-disabled);
|
|
203
176
|
}
|
|
204
177
|
|
|
205
|
-
/* What a draggable row says after 0.7 s on it — Layers' hint, never over a text box. */
|
|
206
|
-
.es-list-hint {
|
|
207
|
-
position: absolute;
|
|
208
|
-
left: 8px;
|
|
209
|
-
top: calc(100% + 4px);
|
|
210
|
-
z-index: 5;
|
|
211
|
-
padding: 4px 8px;
|
|
212
|
-
border-radius: var(--radius-md);
|
|
213
|
-
background: var(--es-toast-bg);
|
|
214
|
-
color: var(--es-on-accent);
|
|
215
|
-
font-size: 11px;
|
|
216
|
-
line-height: 1.3;
|
|
217
|
-
white-space: nowrap;
|
|
218
|
-
pointer-events: none;
|
|
219
|
-
opacity: 0;
|
|
220
|
-
transition: opacity 0.1s;
|
|
221
|
-
}
|
|
222
|
-
.es-list-row.is-draggable:hover:not(:has(input:hover, textarea:hover, [contenteditable]:hover)) .es-list-hint {
|
|
223
|
-
opacity: 1;
|
|
224
|
-
transition-delay: 0.7s;
|
|
225
|
-
}
|
|
226
|
-
.es-list-row.is-dragging .es-list-hint,
|
|
227
|
-
.es-list-row.is-lifting .es-list-hint { display: none; }
|
|
228
|
-
|
|
229
178
|
/* The open item, under its row: its own settings, indented on a hairline. */
|
|
230
179
|
.es-list-item {
|
|
231
180
|
display: flex;
|