@eigenpal/docx-editor-vue 1.2.1 → 1.3.1

package/dist/ui.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./KeyboardShortcutsDialog-DiG-tfJT.cjs`),t=require(`./MenuBar-De3YJFpj.cjs`),n=require(`./_plugin-vue_export-helper-CX7YVcP6.cjs`),r=require(`./TablePropertiesDialog-DTCcLpPC.cjs`);let i=require(`vue`);require(`@eigenpal/docx-editor-core/utils/units`);let a=require(`@eigenpal/docx-editor-core/utils/listState`),o=require(`@eigenpal/docx-editor-core/utils/cardStyles`);var s={class:`docx-editor-toolbar`},c={class:`docx-editor-toolbar__title-row`},l={class:`docx-editor-toolbar__title-left`},u={class:`docx-editor-toolbar__title-center`},d={class:`docx-editor-toolbar__title-right`},f=(0,i.defineComponent)({inheritAttrs:!1,__name:`EditorToolbar`,props:{showMenuBar:{type:Boolean,default:!0}},emits:[`menu-action`],setup(e){return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,s,[(0,i.renderSlot)(n.$slots,`title-bar`,{},()=>[(0,i.createElementVNode)(`div`,c,[(0,i.createElementVNode)(`div`,l,[(0,i.renderSlot)(n.$slots,`title-bar-left`,{},void 0,!0)]),(0,i.createElementVNode)(`div`,u,[(0,i.renderSlot)(n.$slots,`document-name`,{},void 0,!0),e.showMenuBar?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,onAction:r[0]||=e=>n.$emit(`menu-action`,e)})):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,d,[(0,i.renderSlot)(n.$slots,`title-bar-right`,{},void 0,!0)])])],!0),(0,i.renderSlot)(n.$slots,`toolbar`,{},()=>[(0,i.createVNode)(t.x,(0,i.normalizeProps)((0,i.guardReactiveProps)(n.$attrs)),null,16)],!0)]))}}),p=n.t(f,[[`__scopeId`,`data-v-7d626a51`]]),ee={},te={class:`docx-title-bar`},m={class:`docx-title-bar__left`},h={class:`docx-title-bar__center`},g={class:`docx-title-bar__right`};function _(e,t){return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,te,[(0,i.createElementVNode)(`div`,m,[(0,i.renderSlot)(e.$slots,`left`,{},void 0,!0)]),(0,i.createElementVNode)(`div`,h,[(0,i.renderSlot)(e.$slots,`default`,{},void 0,!0)]),(0,i.createElementVNode)(`div`,g,[(0,i.renderSlot)(e.$slots,`right`,{},void 0,!0)])])}var v=n.t(ee,[[`render`,_],[`__scopeId`,`data-v-53d684ff`]]),y=[`title`],b={key:0,class:`responsive-toolbar__overflow-menu`},x=(0,i.defineComponent)({__name:`ResponsiveToolbar`,setup(e){let t=(0,i.ref)(null),n=(0,i.ref)(null),r=(0,i.ref)(null),a=(0,i.ref)(0),o=(0,i.ref)(!1),s=null;function c(){let e=t.value,r=n.value;if(!e||!r)return;let i=e.clientWidth-40,o=Array.from(r.children),s=0;for(let e of o)e.style.display=``;let c=0;for(let e of o)c+=e.offsetWidth+2,c>i?e.style.display=`none`:s++;a.value=o.length-s}function l(e){let t=e.target;r.value?.contains(t)||(o.value=!1)}return(0,i.onMounted)(()=>{s=new ResizeObserver(()=>{(0,i.nextTick)(c)}),t.value&&s.observe(t.value),(0,i.nextTick)(c),document.addEventListener(`mousedown`,l)}),(0,i.onBeforeUnmount)(()=>{s?.disconnect(),document.removeEventListener(`mousedown`,l)}),(e,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`responsive-toolbar`,ref_key:`containerRef`,ref:t},[(0,i.createElementVNode)(`div`,{class:`responsive-toolbar__items`,ref_key:`itemsRef`,ref:n},[(0,i.renderSlot)(e.$slots,`default`,{},void 0,!0)],512),a.value>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`responsive-toolbar__overflow`,ref_key:`overflowRef`,ref:r},[(0,i.createElementVNode)(`button`,{class:`responsive-toolbar__overflow-btn`,onMousedown:s[0]||=(0,i.withModifiers)(e=>o.value=!o.value,[`prevent`]),title:`${a.value} more items`},` ⋯ `,40,y),o.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,b,[(0,i.renderSlot)(e.$slots,`overflow`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],512)):(0,i.createCommentVNode)(``,!0)],512))}}),S=n.t(x,[[`__scopeId`,`data-v-30fbba34`]]),C=[`value`,`disabled`],w={key:0,label:`Sans-serif`},T=[`value`],E={key:1,label:`Serif`},D=[`value`],O={key:2,label:`Monospace`},k=[`value`],A={key:3,label:`Other`},j=[`value`],M=(0,i.defineComponent)({__name:`FontPicker`,props:{value:{},fonts:{},disabled:{type:Boolean,default:!1},className:{},placeholder:{default:`Font`},showPreview:{type:Boolean,default:!0}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{name:`Arial`,fontFamily:`Arial, Helvetica, sans-serif`,category:`sans-serif`},{name:`Calibri`,fontFamily:`"Calibri", Arial, sans-serif`,category:`sans-serif`},{name:`Helvetica`,fontFamily:`Helvetica, Arial, sans-serif`,category:`sans-serif`},{name:`Verdana`,fontFamily:`Verdana, Geneva, sans-serif`,category:`sans-serif`},{name:`Open Sans`,fontFamily:`"Open Sans", sans-serif`,category:`sans-serif`},{name:`Roboto`,fontFamily:`Roboto, sans-serif`,category:`sans-serif`},{name:`Times New Roman`,fontFamily:`"Times New Roman", Times, serif`,category:`serif`},{name:`Georgia`,fontFamily:`Georgia, serif`,category:`serif`},{name:`Cambria`,fontFamily:`Cambria, Georgia, serif`,category:`serif`},{name:`Garamond`,fontFamily:`Garamond, serif`,category:`serif`},{name:`Courier New`,fontFamily:`"Courier New", monospace`,category:`monospace`},{name:`Consolas`,fontFamily:`Consolas, monospace`,category:`monospace`}],o=(0,i.computed)(()=>n.fonts??a),s=(0,i.computed)(()=>{let e={"sans-serif":[],serif:[],monospace:[],other:[]};for(let t of o.value)e[t.category??`other`].push(t);return e}),c=(0,i.computed)(()=>n.value?o.value.find(e=>e.fontFamily===n.value||e.name.toLowerCase()===n.value.toLowerCase())?.name??n.value:n.placeholder);function l(e){let t=e.target.value;r(`change`,o.value.find(e=>e.name===t)?.fontFamily??t)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-font-picker`,e.className]),value:c.value,disabled:e.disabled,"aria-label":`Font family`,onChange:l},[s.value[`sans-serif`].length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,w,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value[`sans-serif`],t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,T))),128))])):(0,i.createCommentVNode)(``,!0),s.value.serif.length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,E,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.serif,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,D))),128))])):(0,i.createCommentVNode)(``,!0),s.value.monospace.length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,O,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.monospace,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,k))),128))])):(0,i.createCommentVNode)(``,!0),s.value.other.length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,A,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.other,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,j))),128))])):(0,i.createCommentVNode)(``,!0)],42,C))}}),N=n.t(M,[[`__scopeId`,`data-v-e9575b1d`]]),P={class:`docx-font-size`},F=[`disabled`],I=[`value`,`disabled`,`placeholder`],L=[`disabled`],R=(0,i.defineComponent)({__name:`FontSizePicker`,props:{value:{},sizes:{},disabled:{type:Boolean,default:!1},minSize:{default:1},maxSize:{default:1638},placeholder:{default:`11`}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[8,9,10,11,12,14,16,18,20,24,28,36,48,72],o=(0,i.computed)(()=>n.sizes??a),s=(0,i.computed)(()=>n.value??parseInt(n.placeholder,10)??11),c=(0,i.computed)(()=>n.value===void 0?n.placeholder:String(n.value));function l(e){return o.value.find(t=>t>e)??Math.min(e+1,n.maxSize)}function u(e){return[...o.value].reverse().find(t=>t<e)??Math.max(e-1,n.minSize)}function d(){n.disabled||r(`change`,u(s.value))}function f(){n.disabled||r(`change`,l(s.value))}function p(e){let t=parseFloat(e.target.value);!isNaN(t)&&t>=n.minSize&&t<=n.maxSize&&r(`change`,Math.round(t*2)/2)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,P,[(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-font-size__btn`,disabled:e.disabled||s.value<=e.minSize,title:`Decrease font size`,onClick:(0,i.withModifiers)(d,[`prevent`])},`−`,8,F),(0,i.createElementVNode)(`input`,{class:`docx-font-size__input`,type:`text`,value:c.value,disabled:e.disabled,placeholder:e.placeholder,onKeydown:[n[0]||=(0,i.withKeys)((0,i.withModifiers)(e=>{d(),e.stopPropagation()},[`prevent`]),[`up`]),n[1]||=(0,i.withKeys)((0,i.withModifiers)(e=>{f(),e.stopPropagation()},[`prevent`]),[`down`]),n[2]||=(0,i.withKeys)((0,i.withModifiers)(e=>p(e),[`prevent`]),[`enter`])],onBlur:n[3]||=e=>p(e)},null,40,I),(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-font-size__btn`,disabled:e.disabled||s.value>=e.maxSize,title:`Increase font size`,onClick:(0,i.withModifiers)(f,[`prevent`])},`+`,8,L)]))}}),z=n.t(R,[[`__scopeId`,`data-v-966fd914`]]),B=[`value`,`disabled`],V=[`value`],H=(0,i.defineComponent)({__name:`LineSpacingPicker`,props:{value:{},options:{},disabled:{type:Boolean,default:!1},className:{}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{label:`Single`,value:1,twipsValue:240},{label:`1.15`,value:1.15,twipsValue:276},{label:`1.5`,value:1.5,twipsValue:360},{label:`Double`,value:2,twipsValue:480}],o=(0,i.computed)(()=>n.options??a),s=(0,i.computed)(()=>n.value??o.value[0].twipsValue);function c(e){let t=parseInt(e.target.value,10);isNaN(t)||r(`change`,t)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-line-spacing`,e.className]),value:String(s.value),disabled:e.disabled,"aria-label":`Line spacing`,onChange:c},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:e.twipsValue,value:String(e.twipsValue)},(0,i.toDisplayString)(e.label),9,V))),128))],42,B))}}),U=n.t(H,[[`__scopeId`,`data-v-fa103426`]]),W=[`value`,`disabled`],G=[`value`],K=(0,i.defineComponent)({__name:`StylePicker`,props:{value:{},styles:{},disabled:{type:Boolean,default:!1},className:{}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{styleId:`Normal`,name:`Normal text`},{styleId:`Title`,name:`Title`},{styleId:`Subtitle`,name:`Subtitle`},{styleId:`Heading1`,name:`Heading 1`},{styleId:`Heading2`,name:`Heading 2`},{styleId:`Heading3`,name:`Heading 3`}],o=(0,i.computed)(()=>n.styles??a);function s(e){r(`change`,e.target.value)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-style-picker`,e.className]),value:e.value??`Normal`,disabled:e.disabled,"aria-label":`Paragraph style`,onChange:s},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:e.styleId,value:e.styleId},(0,i.toDisplayString)(e.name),9,G))),128))],42,W))}}),q=n.t(K,[[`__scopeId`,`data-v-e8ec7466`]]),J=[`disabled`,`title`,`aria-expanded`,`onClick`],Y={class:`docx-align__panel`},X=[`title`,`onClick`],Z=(0,i.defineComponent)({__name:`AlignmentButtons`,props:{value:{default:`left`},disabled:{type:Boolean,default:!1}},emits:[`change`],setup(n,{emit:r}){let a=n,o=r,s=(0,i.ref)(!1),c=[{value:`left`,label:`Align left`,icon:`format_align_left`,shortcut:`Ctrl+L`},{value:`center`,label:`Center`,icon:`format_align_center`,shortcut:`Ctrl+E`},{value:`right`,label:`Align right`,icon:`format_align_right`,shortcut:`Ctrl+R`},{value:`both`,label:`Justify`,icon:`format_align_justify`,shortcut:`Ctrl+J`}],l=(0,i.computed)(()=>c.find(e=>e.value===a.value)?.icon??`format_align_left`),u=(0,i.computed)(()=>c.find(e=>e.value===a.value)?.label??`Left`);function d(e){o(`change`,e),s.value=!1}return(r,a)=>((0,i.openBlock)(),(0,i.createBlock)(t.E,{open:s.value,"onUpdate:open":a[0]||=e=>s.value=e,onClose:a[1]||=e=>s.value=!1},{trigger:(0,i.withCtx)(({toggle:t})=>[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`docx-align__btn`,{"docx-align__btn--open":s.value}]),disabled:n.disabled,title:`Alignment: ${u.value}`,"aria-expanded":s.value,"aria-haspopup":`true`,onClick:(0,i.withModifiers)(t,[`prevent`])},[(0,i.createVNode)(e.p,{name:l.value,size:20},null,8,[`name`]),(0,i.createVNode)(e.p,{name:`arrow_drop_down`,size:14})],10,J)]),panel:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Y,[((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c,t=>(0,i.createElementVNode)(`button`,{key:t.value,type:`button`,class:(0,i.normalizeClass)([`docx-align__option`,{"docx-align__option--active":n.value===t.value}]),title:`${t.label} (${t.shortcut})`,onClick:(0,i.withModifiers)(e=>d(t.value),[`prevent`])},[(0,i.createVNode)(e.p,{name:t.icon,size:20},null,8,[`name`])],10,X)),64))])]),_:1},8,[`open`]))}}),Q=n.t(Z,[[`__scopeId`,`data-v-f2eb4f74`]]),ne={class:`docx-list-btns`},re=[`disabled`],ie=[`disabled`],ae=[`disabled`],oe=[`disabled`],se=(0,i.defineComponent)({__name:`ListButtons`,props:{listState:{},disabled:{type:Boolean,default:!1},showIndentButtons:{type:Boolean,default:!0},canOutdent:{type:Boolean,default:!0}},emits:[`bullet-list`,`numbered-list`,`indent`,`outdent`],setup(t){return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ne,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`docx-list-btns__btn`,{"docx-list-btns__btn--active":t.listState?.isInList&&t.listState?.type===`bullet`}]),disabled:t.disabled,title:`Bullet list`,onClick:r[0]||=(0,i.withModifiers)(e=>n.$emit(`bullet-list`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_list_bulleted`,size:20})],10,re),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`docx-list-btns__btn`,{"docx-list-btns__btn--active":t.listState?.isInList&&t.listState?.type===`numbered`}]),disabled:t.disabled,title:`Numbered list`,onClick:r[1]||=(0,i.withModifiers)(e=>n.$emit(`numbered-list`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_list_numbered`,size:20})],10,ie),t.showIndentButtons?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-list-btns__btn`,disabled:t.disabled||!t.canOutdent,title:`Decrease indent`,onClick:r[2]||=(0,i.withModifiers)(e=>n.$emit(`outdent`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_indent_decrease`,size:20})],8,ae),(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-list-btns__btn`,disabled:t.disabled,title:`Increase indent`,onClick:r[3]||=(0,i.withModifiers)(e=>n.$emit(`indent`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_indent_increase`,size:20})],8,oe)],64)):(0,i.createCommentVNode)(``,!0)]))}}),ce=n.t(se,[[`__scopeId`,`data-v-6e11903a`]]),le=[`value`,`disabled`,`aria-label`],ue=[`value`],de=(0,i.defineComponent)({__name:`ZoomControl`,props:{value:{default:1},levels:{},disabled:{type:Boolean,default:!1},className:{},compact:{type:Boolean,default:!1}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{value:.5,label:`50%`},{value:.75,label:`75%`},{value:1,label:`100%`},{value:1.25,label:`125%`},{value:1.5,label:`150%`},{value:2,label:`200%`}],o=(0,i.computed)(()=>n.levels??a),s=(0,i.computed)(()=>{let e=o.value.find(e=>Math.abs(e.value-n.value)<.001);return e?e.label:`${Math.round(n.value*100)}%`});function c(e){let t=parseFloat(e.target.value);isNaN(t)||r(`change`,t)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-zoom-control`,{"docx-zoom-control--compact":e.compact,[e.className??``]:!!e.className}]),value:e.value,disabled:e.disabled,"aria-label":`Zoom: ${s.value}`,onChange:c},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:e.value,value:e.value},(0,i.toDisplayString)(e.label),9,ue))),128))],42,le))}}),fe=n.t(de,[[`__scopeId`,`data-v-b68bd14b`]]),pe=(0,i.defineComponent)({__name:`Tooltip`,props:{content:{},side:{default:`bottom`},delayMs:{default:400}},setup(e){let t=e,n=(0,i.ref)(!1),r=(0,i.ref)({x:0,y:0}),a=(0,i.ref)(null),o=null;function s(){o=setTimeout(()=>{let e=a.value;if(e){let n=e.getBoundingClientRect();r.value={x:n.left+n.width/2,y:t.side===`top`?n.top-8:n.bottom+8}}n.value=!0},t.delayMs)}function c(){o&&=(clearTimeout(o),null),n.value=!1}(0,i.onBeforeUnmount)(()=>{o&&clearTimeout(o)});let l=(0,i.computed)(()=>({left:r.value.x+`px`,top:r.value.y+`px`,transform:t.side===`top`?`translate(-50%, -100%)`:t.side===`bottom`?`translate(-50%, 0)`:void 0}));return(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createElementVNode)(`span`,{ref_key:`triggerRef`,ref:a,class:`docx-tooltip__trigger`,onMouseenter:s,onMouseleave:c},[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0)],544),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[n.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`docx-tooltip`,style:(0,i.normalizeStyle)(l.value)},(0,i.toDisplayString)(e.content),5)):(0,i.createCommentVNode)(``,!0)]))],64))}}),me=n.t(pe,[[`__scopeId`,`data-v-ad4cfb4e`]]),he=[`aria-label`],ge={key:0,class:`docx-loading__spinner`},_e={key:1,class:`docx-loading__bar`},ve={key:2,class:`docx-loading__message`},ye=(0,i.defineComponent)({__name:`LoadingIndicator`,props:{isLoading:{type:Boolean},variant:{default:`spinner`},size:{default:`medium`},message:{},overlay:{type:Boolean,default:!1},progress:{default:null}},setup(e){return(t,n)=>e.isLoading?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:(0,i.normalizeClass)([`docx-loading`,`docx-loading--${e.variant}`,`docx-loading--${e.size}`,{"docx-loading--overlay":e.overlay}]),role:`status`,"aria-label":e.message},[e.variant===`spinner`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ge)):e.variant===`bar`||e.variant===`progress`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,_e,[(0,i.createElementVNode)(`div`,{class:`docx-loading__bar-fill`,style:(0,i.normalizeStyle)(e.variant===`progress`&&e.progress!=null?{width:e.progress+`%`}:void 0)},null,4)])):(0,i.createCommentVNode)(``,!0),e.message?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ve,(0,i.toDisplayString)(e.message),1)):(0,i.createCommentVNode)(``,!0)],10,he)):(0,i.createCommentVNode)(``,!0)}}),be=n.t(ye,[[`__scopeId`,`data-v-2bd78a2f`]]),xe=[`disabled`],Se=`inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50`,Ce=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:`default`},size:{default:`default`},disabled:{type:Boolean,default:!1},className:{default:``}},emits:[`click`],setup(e){let t=e,n={default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground`,link:`text-primary underline-offset-4 hover:underline`},r={default:`h-10 px-4 py-2`,sm:`h-9 rounded-md px-3`,lg:`h-11 rounded-md px-8`,icon:`h-9 w-9`,"icon-sm":`h-7 w-7`},a=(0,i.computed)(()=>[Se,n[t.variant],r[t.size],t.className].filter(Boolean).join(` `));return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{class:(0,i.normalizeClass)(a.value),disabled:e.disabled,onClick:n[0]||=e=>t.$emit(`click`,e)},[(0,i.renderSlot)(t.$slots,`default`)],10,xe))}}),we=[`disabled`,`aria-expanded`,`title`,`onClick`],Te={class:`docx-table-grid__panel`},Ee={class:`docx-table-grid__label`},De=[`onMouseenter`,`onClick`],Oe=(0,i.defineComponent)({__name:`TableGridPicker`,props:{disabled:{type:Boolean,default:!1},gridRows:{default:5},gridColumns:{default:5},tooltip:{default:`Insert table`}},emits:[`insert`],setup(n,{emit:r}){let a=n,o=r,s=(0,i.ref)(!1),c=(0,i.ref)({rows:1,cols:1}),l=(0,i.computed)(()=>{let e=[];for(let t=1;t<=a.gridRows;t++)for(let n=1;n<=a.gridColumns;n++)e.push({r:t,c:n});return e});function u(e,t){o(`insert`,e,t),s.value=!1}function d(){s.value=!1,c.value={rows:1,cols:1}}return(r,a)=>((0,i.openBlock)(),(0,i.createBlock)(t.E,{open:s.value,"onUpdate:open":a[0]||=e=>s.value=e,onClose:d},{trigger:(0,i.withCtx)(({toggle:t})=>[(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-table-grid__btn`,disabled:n.disabled,"aria-expanded":s.value,"aria-haspopup":`grid`,title:n.tooltip,onClick:(0,i.withModifiers)(t,[`prevent`])},[(0,i.createVNode)(e.p,{name:`grid_on`,size:20})],8,we)]),panel:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Te,[(0,i.createElementVNode)(`div`,Ee,(0,i.toDisplayString)(c.value.rows)+` × `+(0,i.toDisplayString)(c.value.cols),1),(0,i.createElementVNode)(`div`,{class:`docx-table-grid__grid`,style:(0,i.normalizeStyle)({gridTemplateColumns:`repeat(${n.gridColumns}, 18px)`})},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(l.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:`${e.r}-${e.c}`,class:(0,i.normalizeClass)([`docx-table-grid__cell`,{"docx-table-grid__cell--active":e.r<=c.value.rows&&e.c<=c.value.cols}]),onMouseenter:t=>c.value={rows:e.r,cols:e.c},onClick:(0,i.withModifiers)(t=>u(e.r,e.c),[`prevent`])},null,42,De))),128))],4)])]),_:1},8,[`open`]))}}),ke=n.t(Oe,[[`__scopeId`,`data-v-235ac5f8`]]),Ae={class:`docx-table-insert`},je=[`disabled`,`title`,`onClick`],Me=(0,i.defineComponent)({__name:`TableInsertButtons`,props:{disabled:{type:Boolean}},emits:[`action`],setup(t,{emit:n}){let r=n,a=[{action:`addRowAbove`,icon:`keyboard_arrow_up`,label:`Insert row above`},{action:`addRowBelow`,icon:`keyboard_arrow_down`,label:`Insert row below`},{action:`addColumnLeft`,icon:`keyboard_arrow_left`,label:`Insert column left`},{action:`addColumnRight`,icon:`keyboard_arrow_right`,label:`Insert column right`}];return(n,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,Ae,[((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(a,n=>(0,i.createElementVNode)(`button`,{key:n.action,type:`button`,class:`docx-table-insert__btn`,disabled:t.disabled,title:n.label,onClick:(0,i.withModifiers)(e=>r(`action`,n.action),[`prevent`])},[(0,i.createVNode)(e.p,{name:n.icon,size:20},null,8,[`name`])],8,je)),64))]))}}),Ne=n.t(Me,[[`__scopeId`,`data-v-c5bf5e60`]]),Pe=[`disabled`,`title`],Fe=(0,i.defineComponent)({__name:`TableMergeButton`,props:{canSplit:{type:Boolean},disabled:{type:Boolean}},emits:[`action`],setup(t,{emit:n}){let r=n;return(n,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{type:`button`,class:`docx-table-merge`,disabled:t.disabled,title:t.canSplit?`Split cells`:`Merge cells`,onClick:a[0]||=(0,i.withModifiers)(e=>r(`action`,t.canSplit?`splitCells`:`mergeCells`),[`prevent`])},[(0,i.createVNode)(e.p,{name:t.canSplit?`call_split`:`call_merge`,size:20},null,8,[`name`])],8,Pe))}}),Ie=n.t(Fe,[[`__scopeId`,`data-v-ec895571`]]),Le=[`disabled`,`title`],Re={key:0,class:`print-btn__icon`},ze=(0,i.defineComponent)({__name:`PrintButton`,props:{disabled:{type:Boolean,default:!1},label:{default:`Print`},compact:{type:Boolean,default:!1}},emits:[`print`],setup(e,{emit:t}){let n=e,r=t;function a(){n.disabled||(r(`print`),window.print())}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{class:`print-btn`,disabled:e.disabled,title:e.label,onMousedown:(0,i.withModifiers)(a,[`prevent`])},[(0,i.createTextVNode)((0,i.toDisplayString)(e.compact?``:e.label)+` `,1),e.compact?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,Re,`🖨`)):(0,i.createCommentVNode)(``,!0)],40,Le))}}),Be=n.t(ze,[[`__scopeId`,`data-v-aa063c92`]]),Ve=`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./KeyboardShortcutsDialog-EW9K4wuO.cjs`),t=require(`./MenuBar-bU4-4dnA.cjs`),n=require(`./_plugin-vue_export-helper-CX7YVcP6.cjs`),r=require(`./TablePropertiesDialog-BZLpFAkg.cjs`);let i=require(`vue`);require(`@eigenpal/docx-editor-core/utils/units`);let a=require(`@eigenpal/docx-editor-core/utils/listState`),o=require(`@eigenpal/docx-editor-core/utils/cardStyles`);var s={class:`docx-editor-toolbar`},c={class:`docx-editor-toolbar__title-row`},l={class:`docx-editor-toolbar__title-left`},u={class:`docx-editor-toolbar__title-center`},d={class:`docx-editor-toolbar__title-right`},f=(0,i.defineComponent)({inheritAttrs:!1,__name:`EditorToolbar`,props:{showMenuBar:{type:Boolean,default:!0}},emits:[`menu-action`],setup(e){return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,s,[(0,i.renderSlot)(n.$slots,`title-bar`,{},()=>[(0,i.createElementVNode)(`div`,c,[(0,i.createElementVNode)(`div`,l,[(0,i.renderSlot)(n.$slots,`title-bar-left`,{},void 0,!0)]),(0,i.createElementVNode)(`div`,u,[(0,i.renderSlot)(n.$slots,`document-name`,{},void 0,!0),e.showMenuBar?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,onAction:r[0]||=e=>n.$emit(`menu-action`,e)})):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,d,[(0,i.renderSlot)(n.$slots,`title-bar-right`,{},void 0,!0)])])],!0),(0,i.renderSlot)(n.$slots,`toolbar`,{},()=>[(0,i.createVNode)(t.x,(0,i.normalizeProps)((0,i.guardReactiveProps)(n.$attrs)),null,16)],!0)]))}}),p=n.t(f,[[`__scopeId`,`data-v-7d626a51`]]),ee={},te={class:`docx-title-bar`},m={class:`docx-title-bar__left`},h={class:`docx-title-bar__center`},g={class:`docx-title-bar__right`};function _(e,t){return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,te,[(0,i.createElementVNode)(`div`,m,[(0,i.renderSlot)(e.$slots,`left`,{},void 0,!0)]),(0,i.createElementVNode)(`div`,h,[(0,i.renderSlot)(e.$slots,`default`,{},void 0,!0)]),(0,i.createElementVNode)(`div`,g,[(0,i.renderSlot)(e.$slots,`right`,{},void 0,!0)])])}var v=n.t(ee,[[`render`,_],[`__scopeId`,`data-v-53d684ff`]]),y=[`title`],b={key:0,class:`responsive-toolbar__overflow-menu`},x=(0,i.defineComponent)({__name:`ResponsiveToolbar`,setup(e){let t=(0,i.ref)(null),n=(0,i.ref)(null),r=(0,i.ref)(null),a=(0,i.ref)(0),o=(0,i.ref)(!1),s=null;function c(){let e=t.value,r=n.value;if(!e||!r)return;let i=e.clientWidth-40,o=Array.from(r.children),s=0;for(let e of o)e.style.display=``;let c=0;for(let e of o)c+=e.offsetWidth+2,c>i?e.style.display=`none`:s++;a.value=o.length-s}function l(e){let t=e.target;r.value?.contains(t)||(o.value=!1)}return(0,i.onMounted)(()=>{s=new ResizeObserver(()=>{(0,i.nextTick)(c)}),t.value&&s.observe(t.value),(0,i.nextTick)(c),document.addEventListener(`mousedown`,l)}),(0,i.onBeforeUnmount)(()=>{s?.disconnect(),document.removeEventListener(`mousedown`,l)}),(e,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`responsive-toolbar`,ref_key:`containerRef`,ref:t},[(0,i.createElementVNode)(`div`,{class:`responsive-toolbar__items`,ref_key:`itemsRef`,ref:n},[(0,i.renderSlot)(e.$slots,`default`,{},void 0,!0)],512),a.value>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`responsive-toolbar__overflow`,ref_key:`overflowRef`,ref:r},[(0,i.createElementVNode)(`button`,{class:`responsive-toolbar__overflow-btn`,onMousedown:s[0]||=(0,i.withModifiers)(e=>o.value=!o.value,[`prevent`]),title:`${a.value} more items`},` ⋯ `,40,y),o.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,b,[(0,i.renderSlot)(e.$slots,`overflow`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],512)):(0,i.createCommentVNode)(``,!0)],512))}}),S=n.t(x,[[`__scopeId`,`data-v-30fbba34`]]),C=[`value`,`disabled`],w={key:0,label:`Sans-serif`},T=[`value`],E={key:1,label:`Serif`},D=[`value`],O={key:2,label:`Monospace`},k=[`value`],A={key:3,label:`Other`},j=[`value`],M=(0,i.defineComponent)({__name:`FontPicker`,props:{value:{},fonts:{},disabled:{type:Boolean,default:!1},className:{},placeholder:{default:`Font`},showPreview:{type:Boolean,default:!0}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{name:`Arial`,fontFamily:`Arial, Helvetica, sans-serif`,category:`sans-serif`},{name:`Calibri`,fontFamily:`"Calibri", Arial, sans-serif`,category:`sans-serif`},{name:`Helvetica`,fontFamily:`Helvetica, Arial, sans-serif`,category:`sans-serif`},{name:`Verdana`,fontFamily:`Verdana, Geneva, sans-serif`,category:`sans-serif`},{name:`Open Sans`,fontFamily:`"Open Sans", sans-serif`,category:`sans-serif`},{name:`Roboto`,fontFamily:`Roboto, sans-serif`,category:`sans-serif`},{name:`Times New Roman`,fontFamily:`"Times New Roman", Times, serif`,category:`serif`},{name:`Georgia`,fontFamily:`Georgia, serif`,category:`serif`},{name:`Cambria`,fontFamily:`Cambria, Georgia, serif`,category:`serif`},{name:`Garamond`,fontFamily:`Garamond, serif`,category:`serif`},{name:`Courier New`,fontFamily:`"Courier New", monospace`,category:`monospace`},{name:`Consolas`,fontFamily:`Consolas, monospace`,category:`monospace`}],o=(0,i.computed)(()=>n.fonts??a),s=(0,i.computed)(()=>{let e={"sans-serif":[],serif:[],monospace:[],other:[]};for(let t of o.value)e[t.category??`other`].push(t);return e}),c=(0,i.computed)(()=>n.value?o.value.find(e=>e.fontFamily===n.value||e.name.toLowerCase()===n.value.toLowerCase())?.name??n.value:n.placeholder);function l(e){let t=e.target.value;r(`change`,o.value.find(e=>e.name===t)?.fontFamily??t)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-font-picker`,e.className]),value:c.value,disabled:e.disabled,"aria-label":`Font family`,onChange:l},[s.value[`sans-serif`].length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,w,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value[`sans-serif`],t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,T))),128))])):(0,i.createCommentVNode)(``,!0),s.value.serif.length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,E,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.serif,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,D))),128))])):(0,i.createCommentVNode)(``,!0),s.value.monospace.length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,O,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.monospace,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,k))),128))])):(0,i.createCommentVNode)(``,!0),s.value.other.length?((0,i.openBlock)(),(0,i.createElementBlock)(`optgroup`,A,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.value.other,t=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,i.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,i.toDisplayString)(t.name),13,j))),128))])):(0,i.createCommentVNode)(``,!0)],42,C))}}),N=n.t(M,[[`__scopeId`,`data-v-e9575b1d`]]),P={class:`docx-font-size`},F=[`disabled`],I=[`value`,`disabled`,`placeholder`],L=[`disabled`],R=(0,i.defineComponent)({__name:`FontSizePicker`,props:{value:{},sizes:{},disabled:{type:Boolean,default:!1},minSize:{default:1},maxSize:{default:1638},placeholder:{default:`11`}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[8,9,10,11,12,14,16,18,20,24,28,36,48,72],o=(0,i.computed)(()=>n.sizes??a),s=(0,i.computed)(()=>n.value??parseInt(n.placeholder,10)??11),c=(0,i.computed)(()=>n.value===void 0?n.placeholder:String(n.value));function l(e){return o.value.find(t=>t>e)??Math.min(e+1,n.maxSize)}function u(e){return[...o.value].reverse().find(t=>t<e)??Math.max(e-1,n.minSize)}function d(){n.disabled||r(`change`,u(s.value))}function f(){n.disabled||r(`change`,l(s.value))}function p(e){let t=parseFloat(e.target.value);!isNaN(t)&&t>=n.minSize&&t<=n.maxSize&&r(`change`,Math.round(t*2)/2)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,P,[(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-font-size__btn`,disabled:e.disabled||s.value<=e.minSize,title:`Decrease font size`,onClick:(0,i.withModifiers)(d,[`prevent`])},`−`,8,F),(0,i.createElementVNode)(`input`,{class:`docx-font-size__input`,type:`text`,value:c.value,disabled:e.disabled,placeholder:e.placeholder,onKeydown:[n[0]||=(0,i.withKeys)((0,i.withModifiers)(e=>{d(),e.stopPropagation()},[`prevent`]),[`up`]),n[1]||=(0,i.withKeys)((0,i.withModifiers)(e=>{f(),e.stopPropagation()},[`prevent`]),[`down`]),n[2]||=(0,i.withKeys)((0,i.withModifiers)(e=>p(e),[`prevent`]),[`enter`])],onBlur:n[3]||=e=>p(e)},null,40,I),(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-font-size__btn`,disabled:e.disabled||s.value>=e.maxSize,title:`Increase font size`,onClick:(0,i.withModifiers)(f,[`prevent`])},`+`,8,L)]))}}),z=n.t(R,[[`__scopeId`,`data-v-966fd914`]]),B=[`value`,`disabled`],V=[`value`],H=(0,i.defineComponent)({__name:`LineSpacingPicker`,props:{value:{},options:{},disabled:{type:Boolean,default:!1},className:{}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{label:`Single`,value:1,twipsValue:240},{label:`1.15`,value:1.15,twipsValue:276},{label:`1.5`,value:1.5,twipsValue:360},{label:`Double`,value:2,twipsValue:480}],o=(0,i.computed)(()=>n.options??a),s=(0,i.computed)(()=>n.value??o.value[0].twipsValue);function c(e){let t=parseInt(e.target.value,10);isNaN(t)||r(`change`,t)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-line-spacing`,e.className]),value:String(s.value),disabled:e.disabled,"aria-label":`Line spacing`,onChange:c},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:e.twipsValue,value:String(e.twipsValue)},(0,i.toDisplayString)(e.label),9,V))),128))],42,B))}}),U=n.t(H,[[`__scopeId`,`data-v-fa103426`]]),W=[`value`,`disabled`],G=[`value`],K=(0,i.defineComponent)({__name:`StylePicker`,props:{value:{},styles:{},disabled:{type:Boolean,default:!1},className:{}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{styleId:`Normal`,name:`Normal text`},{styleId:`Title`,name:`Title`},{styleId:`Subtitle`,name:`Subtitle`},{styleId:`Heading1`,name:`Heading 1`},{styleId:`Heading2`,name:`Heading 2`},{styleId:`Heading3`,name:`Heading 3`}],o=(0,i.computed)(()=>n.styles??a);function s(e){r(`change`,e.target.value)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-style-picker`,e.className]),value:e.value??`Normal`,disabled:e.disabled,"aria-label":`Paragraph style`,onChange:s},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:e.styleId,value:e.styleId},(0,i.toDisplayString)(e.name),9,G))),128))],42,W))}}),q=n.t(K,[[`__scopeId`,`data-v-e8ec7466`]]),J=[`disabled`,`title`,`aria-expanded`,`onClick`],Y={class:`docx-align__panel`},X=[`title`,`onClick`],Z=(0,i.defineComponent)({__name:`AlignmentButtons`,props:{value:{default:`left`},disabled:{type:Boolean,default:!1}},emits:[`change`],setup(n,{emit:r}){let a=n,o=r,s=(0,i.ref)(!1),c=[{value:`left`,label:`Align left`,icon:`format_align_left`,shortcut:`Ctrl+L`},{value:`center`,label:`Center`,icon:`format_align_center`,shortcut:`Ctrl+E`},{value:`right`,label:`Align right`,icon:`format_align_right`,shortcut:`Ctrl+R`},{value:`both`,label:`Justify`,icon:`format_align_justify`,shortcut:`Ctrl+J`}],l=(0,i.computed)(()=>c.find(e=>e.value===a.value)?.icon??`format_align_left`),u=(0,i.computed)(()=>c.find(e=>e.value===a.value)?.label??`Left`);function d(e){o(`change`,e),s.value=!1}return(r,a)=>((0,i.openBlock)(),(0,i.createBlock)(t.E,{open:s.value,"onUpdate:open":a[0]||=e=>s.value=e,onClose:a[1]||=e=>s.value=!1},{trigger:(0,i.withCtx)(({toggle:t})=>[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`docx-align__btn`,{"docx-align__btn--open":s.value}]),disabled:n.disabled,title:`Alignment: ${u.value}`,"aria-expanded":s.value,"aria-haspopup":`true`,onClick:(0,i.withModifiers)(t,[`prevent`])},[(0,i.createVNode)(e.p,{name:l.value,size:20},null,8,[`name`]),(0,i.createVNode)(e.p,{name:`arrow_drop_down`,size:14})],10,J)]),panel:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Y,[((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c,t=>(0,i.createElementVNode)(`button`,{key:t.value,type:`button`,class:(0,i.normalizeClass)([`docx-align__option`,{"docx-align__option--active":n.value===t.value}]),title:`${t.label} (${t.shortcut})`,onClick:(0,i.withModifiers)(e=>d(t.value),[`prevent`])},[(0,i.createVNode)(e.p,{name:t.icon,size:20},null,8,[`name`])],10,X)),64))])]),_:1},8,[`open`]))}}),Q=n.t(Z,[[`__scopeId`,`data-v-f2eb4f74`]]),ne={class:`docx-list-btns`},re=[`disabled`],ie=[`disabled`],ae=[`disabled`],oe=[`disabled`],se=(0,i.defineComponent)({__name:`ListButtons`,props:{listState:{},disabled:{type:Boolean,default:!1},showIndentButtons:{type:Boolean,default:!0},canOutdent:{type:Boolean,default:!0}},emits:[`bullet-list`,`numbered-list`,`indent`,`outdent`],setup(t){return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ne,[(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`docx-list-btns__btn`,{"docx-list-btns__btn--active":t.listState?.isInList&&t.listState?.type===`bullet`}]),disabled:t.disabled,title:`Bullet list`,onClick:r[0]||=(0,i.withModifiers)(e=>n.$emit(`bullet-list`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_list_bulleted`,size:20})],10,re),(0,i.createElementVNode)(`button`,{type:`button`,class:(0,i.normalizeClass)([`docx-list-btns__btn`,{"docx-list-btns__btn--active":t.listState?.isInList&&t.listState?.type===`numbered`}]),disabled:t.disabled,title:`Numbered list`,onClick:r[1]||=(0,i.withModifiers)(e=>n.$emit(`numbered-list`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_list_numbered`,size:20})],10,ie),t.showIndentButtons?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-list-btns__btn`,disabled:t.disabled||!t.canOutdent,title:`Decrease indent`,onClick:r[2]||=(0,i.withModifiers)(e=>n.$emit(`outdent`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_indent_decrease`,size:20})],8,ae),(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-list-btns__btn`,disabled:t.disabled,title:`Increase indent`,onClick:r[3]||=(0,i.withModifiers)(e=>n.$emit(`indent`),[`prevent`])},[(0,i.createVNode)(e.p,{name:`format_indent_increase`,size:20})],8,oe)],64)):(0,i.createCommentVNode)(``,!0)]))}}),ce=n.t(se,[[`__scopeId`,`data-v-6e11903a`]]),le=[`value`,`disabled`,`aria-label`],ue=[`value`],de=(0,i.defineComponent)({__name:`ZoomControl`,props:{value:{default:1},levels:{},disabled:{type:Boolean,default:!1},className:{},compact:{type:Boolean,default:!1}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,a=[{value:.5,label:`50%`},{value:.75,label:`75%`},{value:1,label:`100%`},{value:1.25,label:`125%`},{value:1.5,label:`150%`},{value:2,label:`200%`}],o=(0,i.computed)(()=>n.levels??a),s=(0,i.computed)(()=>{let e=o.value.find(e=>Math.abs(e.value-n.value)<.001);return e?e.label:`${Math.round(n.value*100)}%`});function c(e){let t=parseFloat(e.target.value);isNaN(t)||r(`change`,t)}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`select`,{class:(0,i.normalizeClass)([`docx-zoom-control`,{"docx-zoom-control--compact":e.compact,[e.className??``]:!!e.className}]),value:e.value,disabled:e.disabled,"aria-label":`Zoom: ${s.value}`,onChange:c},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(o.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`option`,{key:e.value,value:e.value},(0,i.toDisplayString)(e.label),9,ue))),128))],42,le))}}),fe=n.t(de,[[`__scopeId`,`data-v-b68bd14b`]]),pe=(0,i.defineComponent)({__name:`Tooltip`,props:{content:{},side:{default:`bottom`},delayMs:{default:400}},setup(e){let t=e,n=(0,i.ref)(!1),r=(0,i.ref)({x:0,y:0}),a=(0,i.ref)(null),o=null;function s(){o=setTimeout(()=>{let e=a.value;if(e){let n=e.getBoundingClientRect();r.value={x:n.left+n.width/2,y:t.side===`top`?n.top-8:n.bottom+8}}n.value=!0},t.delayMs)}function c(){o&&=(clearTimeout(o),null),n.value=!1}(0,i.onBeforeUnmount)(()=>{o&&clearTimeout(o)});let l=(0,i.computed)(()=>({left:r.value.x+`px`,top:r.value.y+`px`,transform:t.side===`top`?`translate(-50%, -100%)`:t.side===`bottom`?`translate(-50%, 0)`:void 0}));return(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createElementVNode)(`span`,{ref_key:`triggerRef`,ref:a,class:`docx-tooltip__trigger`,onMouseenter:s,onMouseleave:c},[(0,i.renderSlot)(t.$slots,`default`,{},void 0,!0)],544),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[n.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:`docx-tooltip`,style:(0,i.normalizeStyle)(l.value)},(0,i.toDisplayString)(e.content),5)):(0,i.createCommentVNode)(``,!0)]))],64))}}),me=n.t(pe,[[`__scopeId`,`data-v-ad4cfb4e`]]),he=[`aria-label`],ge={key:0,class:`docx-loading__spinner`},_e={key:1,class:`docx-loading__bar`},ve={key:2,class:`docx-loading__message`},ye=(0,i.defineComponent)({__name:`LoadingIndicator`,props:{isLoading:{type:Boolean},variant:{default:`spinner`},size:{default:`medium`},message:{},overlay:{type:Boolean,default:!1},progress:{default:null}},setup(e){return(t,n)=>e.isLoading?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,class:(0,i.normalizeClass)([`docx-loading`,`docx-loading--${e.variant}`,`docx-loading--${e.size}`,{"docx-loading--overlay":e.overlay}]),role:`status`,"aria-label":e.message},[e.variant===`spinner`?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ge)):e.variant===`bar`||e.variant===`progress`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,_e,[(0,i.createElementVNode)(`div`,{class:`docx-loading__bar-fill`,style:(0,i.normalizeStyle)(e.variant===`progress`&&e.progress!=null?{width:e.progress+`%`}:void 0)},null,4)])):(0,i.createCommentVNode)(``,!0),e.message?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,ve,(0,i.toDisplayString)(e.message),1)):(0,i.createCommentVNode)(``,!0)],10,he)):(0,i.createCommentVNode)(``,!0)}}),be=n.t(ye,[[`__scopeId`,`data-v-2bd78a2f`]]),xe=[`disabled`],Se=`inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50`,Ce=(0,i.defineComponent)({__name:`Button`,props:{variant:{default:`default`},size:{default:`default`},disabled:{type:Boolean,default:!1},className:{default:``}},emits:[`click`],setup(e){let t=e,n={default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground`,link:`text-primary underline-offset-4 hover:underline`},r={default:`h-10 px-4 py-2`,sm:`h-9 rounded-md px-3`,lg:`h-11 rounded-md px-8`,icon:`h-9 w-9`,"icon-sm":`h-7 w-7`},a=(0,i.computed)(()=>[Se,n[t.variant],r[t.size],t.className].filter(Boolean).join(` `));return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{class:(0,i.normalizeClass)(a.value),disabled:e.disabled,onClick:n[0]||=e=>t.$emit(`click`,e)},[(0,i.renderSlot)(t.$slots,`default`)],10,xe))}}),we=[`disabled`,`aria-expanded`,`title`,`onClick`],Te={class:`docx-table-grid__panel`},Ee={class:`docx-table-grid__label`},De=[`onMouseenter`,`onClick`],Oe=(0,i.defineComponent)({__name:`TableGridPicker`,props:{disabled:{type:Boolean,default:!1},gridRows:{default:5},gridColumns:{default:5},tooltip:{default:`Insert table`}},emits:[`insert`],setup(n,{emit:r}){let a=n,o=r,s=(0,i.ref)(!1),c=(0,i.ref)({rows:1,cols:1}),l=(0,i.computed)(()=>{let e=[];for(let t=1;t<=a.gridRows;t++)for(let n=1;n<=a.gridColumns;n++)e.push({r:t,c:n});return e});function u(e,t){o(`insert`,e,t),s.value=!1}function d(){s.value=!1,c.value={rows:1,cols:1}}return(r,a)=>((0,i.openBlock)(),(0,i.createBlock)(t.E,{open:s.value,"onUpdate:open":a[0]||=e=>s.value=e,onClose:d},{trigger:(0,i.withCtx)(({toggle:t})=>[(0,i.createElementVNode)(`button`,{type:`button`,class:`docx-table-grid__btn`,disabled:n.disabled,"aria-expanded":s.value,"aria-haspopup":`grid`,title:n.tooltip,onClick:(0,i.withModifiers)(t,[`prevent`])},[(0,i.createVNode)(e.p,{name:`grid_on`,size:20})],8,we)]),panel:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Te,[(0,i.createElementVNode)(`div`,Ee,(0,i.toDisplayString)(c.value.rows)+` × `+(0,i.toDisplayString)(c.value.cols),1),(0,i.createElementVNode)(`div`,{class:`docx-table-grid__grid`,style:(0,i.normalizeStyle)({gridTemplateColumns:`repeat(${n.gridColumns}, 18px)`})},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(l.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:`${e.r}-${e.c}`,class:(0,i.normalizeClass)([`docx-table-grid__cell`,{"docx-table-grid__cell--active":e.r<=c.value.rows&&e.c<=c.value.cols}]),onMouseenter:t=>c.value={rows:e.r,cols:e.c},onClick:(0,i.withModifiers)(t=>u(e.r,e.c),[`prevent`])},null,42,De))),128))],4)])]),_:1},8,[`open`]))}}),ke=n.t(Oe,[[`__scopeId`,`data-v-235ac5f8`]]),Ae={class:`docx-table-insert`},je=[`disabled`,`title`,`onClick`],Me=(0,i.defineComponent)({__name:`TableInsertButtons`,props:{disabled:{type:Boolean}},emits:[`action`],setup(t,{emit:n}){let r=n,a=[{action:`addRowAbove`,icon:`keyboard_arrow_up`,label:`Insert row above`},{action:`addRowBelow`,icon:`keyboard_arrow_down`,label:`Insert row below`},{action:`addColumnLeft`,icon:`keyboard_arrow_left`,label:`Insert column left`},{action:`addColumnRight`,icon:`keyboard_arrow_right`,label:`Insert column right`}];return(n,o)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,Ae,[((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(a,n=>(0,i.createElementVNode)(`button`,{key:n.action,type:`button`,class:`docx-table-insert__btn`,disabled:t.disabled,title:n.label,onClick:(0,i.withModifiers)(e=>r(`action`,n.action),[`prevent`])},[(0,i.createVNode)(e.p,{name:n.icon,size:20},null,8,[`name`])],8,je)),64))]))}}),Ne=n.t(Me,[[`__scopeId`,`data-v-c5bf5e60`]]),Pe=[`disabled`,`title`],Fe=(0,i.defineComponent)({__name:`TableMergeButton`,props:{canSplit:{type:Boolean},disabled:{type:Boolean}},emits:[`action`],setup(t,{emit:n}){let r=n;return(n,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{type:`button`,class:`docx-table-merge`,disabled:t.disabled,title:t.canSplit?`Split cells`:`Merge cells`,onClick:a[0]||=(0,i.withModifiers)(e=>r(`action`,t.canSplit?`splitCells`:`mergeCells`),[`prevent`])},[(0,i.createVNode)(e.p,{name:t.canSplit?`call_split`:`call_merge`,size:20},null,8,[`name`])],8,Pe))}}),Ie=n.t(Fe,[[`__scopeId`,`data-v-ec895571`]]),Le=[`disabled`,`title`],Re={key:0,class:`print-btn__icon`},ze=(0,i.defineComponent)({__name:`PrintButton`,props:{disabled:{type:Boolean,default:!1},label:{default:`Print`},compact:{type:Boolean,default:!1}},emits:[`print`],setup(e,{emit:t}){let n=e,r=t;function a(){n.disabled||(r(`print`),window.print())}return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{class:`print-btn`,disabled:e.disabled,title:e.label,onMousedown:(0,i.withModifiers)(a,[`prevent`])},[(0,i.createTextVNode)((0,i.toDisplayString)(e.compact?``:e.label)+` `,1),e.compact?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,Re,`🖨`)):(0,i.createCommentVNode)(``,!0)],40,Le))}}),Be=n.t(ze,[[`__scopeId`,`data-v-aa063c92`]]),Ve=`
 @media print {
   body * { visibility: hidden; }
   .docx-print-pages, .docx-print-pages * { visibility: visible; }

package/dist/ui.js

@@ -1,7 +1,7 @@
-import { a as e, i as t, n, o as r, p as i, r as a, s as o, t as s } from "./KeyboardShortcutsDialog-5ZsgieYf.js";
-import { C as c, D as l, E as u, S as d, T as f, _ as ee, a as te, b as ne, c as p, d as m, f as h, g, h as _, i as v, l as y, m as b, n as x, o as S, p as re, r as ie, s as ae, t as C, u as oe, v as se, w as ce, x as w, y as le } from "./MenuBar-DLXxthZk.js";
+import { a as e, i as t, n, o as r, p as i, r as a, s as o, t as s } from "./KeyboardShortcutsDialog-00eb4Ova.js";
+import { C as c, D as l, E as u, S as d, T as f, _ as ee, a as te, b as ne, c as p, d as m, f as h, g, h as _, i as v, l as y, m as b, n as x, o as S, p as re, r as ie, s as ae, t as C, u as oe, v as se, w as ce, x as w, y as le } from "./MenuBar-DeogoqFP.js";
 import { t as T } from "./_plugin-vue_export-helper-B52Kst-M.js";
-import { a as ue, i as de, n as fe, o as pe, r as E, s as D, t as O } from "./TablePropertiesDialog-PR4ftalH.js";
+import { a as ue, i as de, n as fe, o as pe, r as E, s as D, t as O } from "./TablePropertiesDialog-CBTvM4Xy.js";
 import { Fragment as k, Teleport as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createTextVNode as I, createVNode as L, defineComponent as R, guardReactiveProps as z, nextTick as B, normalizeClass as V, normalizeProps as me, normalizeStyle as H, onBeforeUnmount as U, onMounted as W, openBlock as G, ref as K, renderList as q, renderSlot as J, resolveDynamicComponent as he, toDisplayString as Y, watch as ge, withCtx as X, withKeys as Z, withModifiers as Q } from "vue";
 import "@eigenpal/docx-editor-core/utils/units";
 import { createDefaultListState as _e } from "@eigenpal/docx-editor-core/utils/listState";

package/dist/useCommentSidebarItems-BHomCzpj.js

@@ -0,0 +1,44 @@
+import { computed as e } from "vue";
+//#region src/composables/useCommentSidebarItems.ts
+function t({ comments: t, trackedChanges: n, showResolved: r, isAddingComment: i, addCommentYPosition: a }) {
+	return e(() => {
+		let e = [];
+		i?.value && a?.value != null && e.push({
+			id: "new-comment-input",
+			anchorPos: 0,
+			fixedY: a.value,
+			priority: -1e3,
+			isTemporary: !0,
+			estimatedHeight: 120,
+			kind: "add-comment"
+		});
+		let o = /* @__PURE__ */ new Map();
+		for (let e of t.value) if (e.parentId != null) {
+			let t = o.get(e.parentId);
+			t ? t.push(e) : o.set(e.parentId, [e]);
+		}
+		for (let n of t.value) n.parentId ?? (n.done && !r?.value || e.push({
+			id: `comment-${n.id}`,
+			anchorPos: 0,
+			anchorKey: `comment-${n.id}`,
+			priority: 0,
+			estimatedHeight: n.done ? 28 : 80,
+			kind: "comment",
+			comment: n,
+			replies: o.get(n.id) ?? []
+		}));
+		return n.value.forEach((t, n) => {
+			e.push({
+				id: `tc-${t.revisionId}-${n}`,
+				anchorPos: t.from,
+				anchorKey: `revision-${t.revisionId}`,
+				priority: 1,
+				estimatedHeight: 80,
+				kind: "tracked-change",
+				change: t
+			});
+		}), e;
+	});
+}
+//#endregion
+export { t };

package/dist/useCommentSidebarItems-CbNvNCd3.cjs

@@ -0,0 +1 @@
+let e=require(`vue`);function t({comments:t,trackedChanges:n,showResolved:r,isAddingComment:i,addCommentYPosition:a}){return(0,e.computed)(()=>{let e=[];i?.value&&a?.value!=null&&e.push({id:`new-comment-input`,anchorPos:0,fixedY:a.value,priority:-1e3,isTemporary:!0,estimatedHeight:120,kind:`add-comment`});let o=new Map;for(let e of t.value)if(e.parentId!=null){let t=o.get(e.parentId);t?t.push(e):o.set(e.parentId,[e])}for(let n of t.value)n.parentId??(n.done&&!r?.value||e.push({id:`comment-${n.id}`,anchorPos:0,anchorKey:`comment-${n.id}`,priority:0,estimatedHeight:n.done?28:80,kind:`comment`,comment:n,replies:o.get(n.id)??[]}));return n.value.forEach((t,n)=>{e.push({id:`tc-${t.revisionId}-${n}`,anchorPos:t.from,anchorKey:`revision-${t.revisionId}`,priority:1,estimatedHeight:80,kind:`tracked-change`,change:t})}),e})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/useDragAutoScroll-BT6oPYBj.cjs

@@ -0,0 +1 @@
+let e=require(`vue`),t=require(`prosemirror-state`),n=require(`@eigenpal/docx-editor-core/layout-bridge`),r=require(`@eigenpal/docx-editor-core/layout-painter`),i=require(`@eigenpal/docx-editor-core/prosemirror/conversion`),a=require(`@eigenpal/docx-editor-core/prosemirror`),o=require(`prosemirror-view`),s=require(`@eigenpal/docx-editor-core/docx/parser`),c=require(`@eigenpal/docx-editor-core/prosemirror/conversion/fromProseDoc`),l=require(`@eigenpal/docx-editor-core/prosemirror/schema`),u=require(`@eigenpal/docx-editor-core/prosemirror/plugins`),d=require(`@eigenpal/docx-editor-core/prosemirror/extensions`),f=require(`@eigenpal/docx-editor-core/layout-bridge/measuring`),p=require(`@eigenpal/docx-editor-core/editor`),m=require(`@eigenpal/docx-editor-core/layout-engine`),h=require(`@eigenpal/docx-editor-core/layout-painter/renderPage`);require(`prosemirror-view/style/prosemirror.css`),require(`@eigenpal/docx-editor-core/prosemirror/editor.css`);let g=require(`@eigenpal/docx-editor-core/prosemirror/tableResize`),_=require(`@eigenpal/docx-editor-core/utils/findVerticalScrollParent`),v=require(`@eigenpal/docx-editor-core/utils/autoScroll`);var y=24;function b(e,t,r,i){switch(e.kind){case`paragraph`:return(0,f.measureParagraph)(e,t,{floatingZones:r,paragraphYOffset:i??0});case`table`:return(0,n.measureTableBlock)(e,t,b);case`image`:{let t=e;return{kind:`image`,width:t.width??100,height:t.height??100}}case`textBox`:{let t=e,n=t.margins??m.DEFAULT_TEXTBOX_MARGINS,r=(t.width??m.DEFAULT_TEXTBOX_WIDTH)-n.left-n.right,i=t.content.map(e=>(0,f.measureParagraph)(e,r)),a=i.reduce((e,t)=>e+t.totalHeight,0),o=t.height??a+n.top+n.bottom;return{kind:`textBox`,width:t.width??m.DEFAULT_TEXTBOX_WIDTH,height:o,innerMeasures:i}}case`pageBreak`:return{kind:`pageBreak`};case`columnBreak`:return{kind:`columnBreak`};case`sectionBreak`:return{kind:`sectionBreak`};default:(0,m.assertExhaustiveFlowBlock)(e,`vue useDocxEditor measureBlock`)}}function x(e,t,n){return(0,f.measureBlocksWithFloats)(e,t,b,n)}function S(f){let{hiddenContainer:m,pagesContainer:g,readOnly:_=!1,pageGap:v=y,onChange:b,onError:S,onSelectionUpdate:C,externalPlugins:w=[],syncCoordinator:T,editorMode:E,author:D}=f,O=(0,e.shallowRef)(null),k=(0,e.shallowRef)(null),A=(0,e.shallowRef)(null),j=(0,e.ref)(!1),M=(0,e.ref)(null),N=(0,e.shallowRef)(null),P=l.singletonManager;function F(e){let t=g.value;if(!t||!O.value)return;let i=T?.getStateSeq()??0;T?.onLayoutStart();let a=O.value.package?.document,o=a?.sections?.[0]?.properties??a?.finalSectionProperties??null,s=a?.finalSectionProperties??o,c=(0,n.getPageSize)(o),l=(0,n.getMargins)(o),u=(0,n.getPageSize)(s),d=(0,n.getMargins)(s),f=(0,n.getColumns)(o),m=(0,n.getColumns)(s),_=c.w-l.left-l.right,y=O.value.package?.theme??null,b=O.value.package?.styles??null;try{let{header:i,footer:a,firstHeader:g,firstFooter:S}=(0,n.resolveHeaderFooter)(O.value,o),{blocks:C,measures:w,layout:T,headerContentForRender:E,footerContentForRender:D,firstPageHeaderForRender:k,firstPageFooterForRender:A,hasTitlePg:j,watermark:M,footnotesByPage:P}=(0,p.computeLayout)({state:e,document:O.value,pageSize:c,margins:l,columns:f,finalPageSize:u,finalMargins:d,finalColumns:m,pageGap:v,contentWidth:_,theme:y,styles:b,sectionProperties:o,finalSectionProperties:s,headerContent:i,footerContent:a,firstPageHeaderContent:g,firstPageFooterContent:S,measureBlocks:x,getHfPmDoc:e=>W(e)?.state.doc??null});N.value=T;let F=(0,r.buildBlockLookup)(C,w);(0,h.renderPages)(T.pages,t,{pageGap:v,showShadow:!0,pageBackground:`#fff`,blockLookup:F,theme:y,headerContent:E,footerContent:D,firstPageHeaderContent:k,firstPageFooterContent:A,titlePage:j,watermark:M,footnotesByPage:P}),t.style.overflowY=`auto`,t.style.minHeight=`0`;for(let e of Array.from(t.children))e.style.flexShrink=`0`;(0,r.applySdtFocus)(t,(0,r.enclosingSdtGroupIds)(e.doc,e.selection.from,e.selection.to))}catch(e){console.error(`[useDocxEditor] Layout pipeline error:`,e),S?.(e instanceof Error?e:Error(String(e)))}finally{T?.onLayoutComplete(i)}}let I=(0,p.createLayoutScheduler)(F);function L(){let n=m.value;if(!n)return;let a=O.value?.package?.styles,s=O.value?(0,i.toProseDoc)(O.value,{styles:a??void 0}):(0,i.createEmptyDoc)(),l=(0,u.createSuggestionModePlugin)(!1),d=(0,u.createDocumentStylesPlugin)(a),f=[l,...w,...P.getPlugins()??[],d],h=t.EditorState.create({doc:s,schema:P.getSchema(),plugins:f});A.value=h;let v=new o.EditorView(n,{state:h,editable:()=>!(0,e.unref)(_),dispatchTransaction(e){if(!v)return;(0,p.stripScrollFlag)(e,v.state.tr);let t=v.state.apply(e);if(v.updateState(t),A.value=t,e.docChanged){T?.incrementStateSeq(),I.schedule(t);try{if(O.value){let e=(0,c.fromProseDoc)(t.doc,O.value);O.value=e,b?.(e)}}catch(e){console.error(`[useDocxEditor] fromProseDoc error:`,e)}}if(T?.requestRender(),C?.(),!e.docChanged){let e=g.value;e&&(0,r.applySdtFocus)(e,(0,r.enclosingSdtGroupIds)(t.doc,t.selection.from,t.selection.to))}}});k.value=v,j.value=!0,F(h),T?.requestRender()}(0,e.watch)([()=>(0,e.unref)(E),()=>(0,e.unref)(D),k],([e,t,n])=>{n&&(0,u.setSuggestionMode)(e===`suggesting`,n.state,n.dispatch,t)},{immediate:!0});function R(){I.cancel(),k.value&&=(k.value.destroy(),null),A.value=null,j.value=!1}let z={current:null},B=new Map,V=new Map;function H(){if(z.current&&z.current.isConnected)return z.current;let e=window.document.createElement(`div`);return e.dataset.hfHost=`true`,e.style.cssText=`position: fixed; left: -9999px; top: 0; opacity: 0; z-index: -1; pointer-events: none;`,window.document.body.appendChild(e),z.current=e,e}function U(e){let t=O.value?.package;if(!t)return null;if(t.headers){for(let[n,r]of t.headers)if(r===e)return n}if(t.footers){for(let[n,r]of t.footers)if(r===e)return n}return null}function W(e){let t=U(e);return t?B.get(t)??null:null}function G(){let e=O.value?.package,n=H(),r=new Set;if(e?.headers)for(let t of e.headers.keys())r.add(t);if(e?.footers)for(let t of e.footers.keys())r.add(t);for(let[e,t]of B)r.has(e)||(t.destroy(),t.dom.parentElement?.remove(),V.get(e)?.destroy(),V.delete(e),B.delete(e));if(!e)return;let s=e.styles??null,c=e.theme??null,l=e.settings?.defaultTabStop??null;for(let f of r){if(B.has(f))continue;let r=e.headers?.get(f)??e.footers?.get(f);if(!r)continue;let p=e.headers?.has(f)?`header`:`footer`,m=new d.ExtensionManager((0,d.createStarterKit)());m.buildSchema(),m.initializeRuntime(),V.set(f,m);let h=window.document.createElement(`div`);h.dataset.hfRId=f,h.dataset.hfKind=p,n.appendChild(h);let g=(0,i.headerFooterToProseDoc)(r.content,{styles:s??void 0,theme:c,defaultTabStopTwips:l}),_=(0,u.createDocumentStylesPlugin)(s),v=t.EditorState.create({doc:g,schema:a.schema,plugins:[...m.getPlugins(),_]}),y=p,b=new o.EditorView(h,{state:v,dispatchTransaction(e){let t=b.state.apply(e);if(b.updateState(t),e.docChanged){let e=O.value?.package,n=(y===`header`?e?.headers:e?.footers)?.get(f);n&&(n.content=(0,i.proseDocToBlocks)(t.doc))}e.docChanged&&A.value&&F(A.value),q.value?.(f,b,e.docChanged)}});B.set(f,b)}}function K(){for(let e of B.values())e.destroy(),e.dom.parentElement?.remove();B.clear();for(let e of V.values())e.destroy();V.clear(),z.current&&=(z.current.remove(),null)}let q={value:null};function J(e){q.value=e}async function Y(e){M.value=null,j.value=!1;try{let t;t=e instanceof Blob||e instanceof File?await e.arrayBuffer():e instanceof Uint8Array?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e,O.value=await(0,s.parseDocx)(t),R(),K(),L(),G()}catch(e){let t=e instanceof Error?e:Error(String(e));M.value=t.message,S?.(t)}}function X(e){M.value=null,O.value=e,R(),K(),L(),G()}async function Z(){if(!k.value||!O.value)return null;let{repackDocx:e,createDocx:t}=await import(`@eigenpal/docx-editor-core/docx/rezip`),{injectReplyRangeMarkers:n,injectTCReplyRangeMarkers:r}=await import(`@eigenpal/docx-editor-core/docx`),i=(0,c.fromProseDoc)(k.value.state.doc,O.value),a=i.package.document?.comments??[];i.package.document?.content&&a.length>0&&(n(i.package.document.content,a),r(i.package.document.content,a));let o;return o=i.originalBuffer?await e(i):await t(i),new Blob([o],{type:`application/vnd.openxmlformats-officedocument.wordprocessingml.document`})}function Q(){k.value?.focus()}function $(){R(),K(),O.value=null}function ee(){return O.value}(0,e.onBeforeUnmount)(()=>{$()});function te(){return P.getCommands()}return{editorView:k,editorState:A,isReady:j,parseError:M,layout:N,loadBuffer:Y,loadDocument:X,save:Z,focus:Q,destroy:$,getDocument:ee,getCommands:te,reLayout(){k.value&&F(k.value.state)},getHfPmView:W,syncHfPMs:G,setHfTransactionListener:J,setDocument(e){O.value=e}}}var C=.25,w=4,T=.1,E=[.25,.5,.75,1,1.25,1.5,2,3,4];function D(t=1){let n=(0,e.ref)(Math.max(C,Math.min(w,t))),r=(0,e.computed)(()=>Math.round(n.value*100)),i=(0,e.computed)(()=>n.value<=C),a=(0,e.computed)(()=>n.value>=w);function o(e){n.value=Math.max(C,Math.min(w,Math.round(e*100)/100))}function s(){o(n.value+T)}function c(){o(n.value-T)}function l(){o(1)}function u(e){(e.ctrlKey||e.metaKey)&&(e.preventDefault(),e.deltaY<0?s():c())}function d(e){(e.ctrlKey||e.metaKey)&&(e.shiftKey||e.altKey||(e.key===`=`||e.key===`+`?(e.preventDefault(),s()):e.key===`-`?(e.preventDefault(),c()):e.key===`0`&&(e.preventDefault(),l())))}function f(){(0,e.onMounted)(()=>document.addEventListener(`keydown`,d)),(0,e.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,d))}return{zoom:n,zoomPercent:r,isMinZoom:i,isMaxZoom:a,setZoom:o,zoomIn:s,zoomOut:c,resetZoom:l,handleWheel:u,handleKeyDown:d,installShortcuts:f,ZOOM_PRESETS:E}}function O(){let e={active:!1,startX:0,handle:null,columnIndex:0,tablePmStart:0,origWidths:{left:0,right:0}},t={active:!1,startY:0,handle:null,rowIndex:0,isEdge:!1,tablePmStart:0,origHeight:0},n={active:!1,startX:0,handle:null,columnIndex:0,tablePmStart:0,origWidth:0},r=null;function i(){return e.active||t.active||n.active}function a(i,a){let o=i.target;return o?.classList?o.classList.contains(`layout-table-resize-handle`)?(i.preventDefault(),i.stopPropagation(),r=a,e.active=!0,e.startX=i.clientX,e.handle=o,o.classList.add(`dragging`),e.columnIndex=parseInt(o.dataset.columnIndex??`0`,10),e.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),k(a,e),!0):o.classList.contains(`layout-table-row-resize-handle`)||o.classList.contains(`layout-table-edge-handle-bottom`)?(i.preventDefault(),i.stopPropagation(),r=a,t.active=!0,t.startY=i.clientY,t.handle=o,t.isEdge=o.dataset.isEdge===`bottom`,o.classList.add(`dragging`),t.rowIndex=parseInt(o.dataset.rowIndex??`0`,10),t.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),A(a,t,o),!0):o.classList.contains(`layout-table-edge-handle-right`)?(i.preventDefault(),i.stopPropagation(),r=a,n.active=!0,n.startX=i.clientX,n.handle=o,o.classList.add(`dragging`),n.columnIndex=parseInt(o.dataset.columnIndex??`0`,10),n.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),j(a,n),!0):!1:!1}function o(r){if(e.active&&e.handle){r.preventDefault();let t=r.clientX-e.startX,n=parseFloat(e.handle.style.left);e.handle.style.left=`${n+t}px`,e.startX=r.clientX;let i=Math.round(t*g.TWIPS_PER_PIXEL),a=e.origWidths.left+i,o=e.origWidths.right-i;a>=g.MIN_CELL_WIDTH_TWIPS&&o>=g.MIN_CELL_WIDTH_TWIPS&&(e.origWidths={left:a,right:o});return}if(t.active&&t.handle){r.preventDefault();let e=r.clientY-t.startY,n=parseFloat(t.handle.style.top);t.handle.style.top=`${n+e}px`,t.startY=r.clientY;let i=Math.round(e*g.TWIPS_PER_PIXEL),a=t.origHeight+i;a>=g.MIN_ROW_HEIGHT_TWIPS&&(t.origHeight=a);return}if(n.active&&n.handle){r.preventDefault();let e=r.clientX-n.startX,t=parseFloat(n.handle.style.left);n.handle.style.left=`${t+e}px`,n.startX=r.clientX;let i=Math.round(e*g.TWIPS_PER_PIXEL),a=n.origWidth+i;a>=g.MIN_CELL_WIDTH_TWIPS&&(n.origWidth=a)}}function s(i){if(e.active){e.active=!1,e.handle?.classList.remove(`dragging`),r&&(0,g.commitColumnResize)(r,{pmStart:e.tablePmStart,colIdx:e.columnIndex,newLeft:e.origWidths.left,newRight:e.origWidths.right}),e.handle=null;return}if(t.active){t.active=!1,t.handle?.classList.remove(`dragging`),r&&(0,g.commitRowResize)(r,{pmStart:t.tablePmStart,rowIdx:t.rowIndex,newHeight:t.origHeight}),t.handle=null;return}n.active&&(n.active=!1,n.handle?.classList.remove(`dragging`),r&&(0,g.commitRightEdgeResize)(r,{pmStart:n.tablePmStart,colIdx:n.columnIndex,newWidth:n.origWidth}),n.handle=null)}function c(){return document.addEventListener(`mousemove`,o),document.addEventListener(`mouseup`,s),()=>{document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,s)}}return{tryStartResize:a,install:c,isResizing:i}}function k(e,t){let n=(0,g.readColumnWidths)(e,t.tablePmStart,t.columnIndex);n&&(t.origWidths=n)}function A(e,t,n){let r=(0,g.readRowHeight)(e,t.tablePmStart,t.rowIndex);if(r!=null){t.origHeight=r;return}let i=n.closest(`.layout-table`)?.querySelector(`[data-row-index="${t.rowIndex}"]`),a=i?i.getBoundingClientRect().height:30;t.origHeight=Math.round(a*g.TWIPS_PER_PIXEL)}function j(e,t){let n=(0,g.readColumnWidthAt)(e,t.tablePmStart,t.columnIndex);n!=null&&(t.origWidth=n)}function M({pagesContainer:t,onScrollExtendSelection:n}){let r=null,i=0,a=0,o=!1,s=null;function c(){if(s)return s;let e=t.value;return e?(s=(0,_.findVerticalScrollParent)(e),s):null}function l(){o=!1,r!==null&&(cancelAnimationFrame(r),r=null)}function u(){if(!o)return;let e=c();if(!e)return;let t=(0,v.computeAutoScrollDelta)(e.getBoundingClientRect(),a);t!==0&&(e.scrollTop+=t,n(i,a)),r=requestAnimationFrame(u)}function d(){o||(o=!0,r=requestAnimationFrame(u))}function f(e,t){if(i=e,a=t,!o){let e=c();if(!e)return;let n=e.getBoundingClientRect();(t<n.top+v.AUTO_SCROLL_EDGE_ZONE||t>n.bottom-v.AUTO_SCROLL_EDGE_ZONE)&&d()}}return(0,e.onBeforeUnmount)(()=>l()),{updateMousePosition:f,stopAutoScroll:l}}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return M}});