@stll/folio-vue 0.2.0

package/dist/ListButtons-B498PX1d.js

@@ -0,0 +1,4256 @@
+import { l as e, u as t } from "./PageSetupDialog-DsjAfJy0.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, provide as y, reactive as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, toRef as E, unref as D, vModelSelect as O, vModelText as k, watch as A, withCtx as j, withDirectives as M, withKeys as N, withModifiers as P } from "vue";
+import { extractSelectionContext as F } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { pixelsToTwips as I, twipsToPixels as L } from "@stll/folio-core/utils/units";
+import { DISPLAY_MODES as R } from "@stll/folio-core/managers/EditorModeManager";
+import { redoDepth as ee, undoDepth as te } from "prosemirror-history";
+import { clearFormatting as z } from "@stll/folio-core/prosemirror/commands/formatting";
+import { generateThemeTintShadeMatrix as B, resolveColor as V, resolveColorToHex as H, resolveHighlightColor as ne } from "@stll/folio-core/utils/colorResolver";
+import { getTableContext as U } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+var W = {
+	undo: ["M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z"],
+	redo: ["M396-200q-97 0-166.5-63T160-420q0-94 69.5-157T396-640h252L544-744l56-56 200 200-200 200-56-56 104-104H396q-63 0-109.5 40T240-420q0 60 46.5 100T396-280h284v80H396Z"],
+	print: ["M640-640v-120H320v120h-80v-200h480v200h-80Zm-480 80h640-640Zm560 100q17 0 28.5-11.5T760-500q0-17-11.5-28.5T720-540q-17 0-28.5 11.5T680-500q0 17 11.5 28.5T720-460Zm-80 260v-160H320v160h320Zm80 80H240v-160H80v-240q0-51 35-85.5t85-34.5h560q51 0 85.5 34.5T880-520v240H720v160Zm80-240v-160q0-17-11.5-28.5T760-560H200q-17 0-28.5 11.5T160-520v160h80v-80h480v80h80Z"],
+	file_download: ["M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"],
+	file_upload: ["M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"],
+	format_bold: ["M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200H272Zm121-112h104q48 0 58.5-24.5T566-372q0-11-10.5-35.5T494-432H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z"],
+	format_italic: ["M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z"],
+	format_underlined: ["M200-120v-80h560v80H200Zm123-223q-56-63-56-167v-330h103v336q0 56 28 91t82 35q54 0 82-35t28-91v-336h103v330q0 104-56 167t-157 63q-101 0-157-63Z"],
+	strikethrough_s: ["M486-160q-76 0-135-45t-85-123l88-38q14 48 48.5 79t85.5 31q42 0 76-20t34-64q0-18-7-33t-19-27h112q5 14 7.5 28.5T694-340q0 86-61.5 133T486-160ZM80-480v-80h800v80H80Zm402-326q66 0 115.5 32.5T674-674l-88 39q-9-29-33.5-52T484-710q-41 0-68 18.5T386-640h-96q2-69 54.5-117.5T482-806Z"],
+	superscript: ["M760-600v-80q0-17 11.5-28.5T800-720h80v-40H760v-40h120q17 0 28.5 11.5T920-760v40q0 17-11.5 28.5T880-680h-80v40h120v40H760ZM235-160l185-291-172-269h106l124 200h4l123-200h107L539-451l186 291H618L482-377h-4L342-160H235Z"],
+	subscript: ["M760-160v-80q0-17 11.5-28.5T800-280h80v-40H760v-40h120q17 0 28.5 11.5T920-320v40q0 17-11.5 28.5T880-240h-80v40h120v40H760Zm-525-80 185-291-172-269h106l124 200h4l123-200h107L539-531l186 291H618L482-457h-4L342-240H235Z"],
+	link: ["M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"],
+	format_clear: ["m528-546-93-93-121-121h486v120H568l-40 94ZM792-56 460-388l-80 188H249l119-280L56-792l56-56 736 736-56 56Z"],
+	format_align_left: ["M120-120v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Zm0-160v-80h480v80H120Zm0-160v-80h720v80H120Z"],
+	format_align_center: ["M120-120v-80h720v80H120Zm160-160v-80h400v80H280ZM120-440v-80h720v80H120Zm160-160v-80h400v80H280ZM120-760v-80h720v80H120Z"],
+	format_align_right: ["M120-760v-80h720v80H120Zm240 160v-80h480v80H360ZM120-440v-80h720v80H120Zm240 160v-80h480v80H360ZM120-120v-80h720v80H120Z"],
+	format_align_justify: ["M120-120v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Z"],
+	format_line_spacing: ["M240-160 80-320l56-56 64 62v-332l-64 62-56-56 160-160 160 160-56 56-64-62v332l64-62 56 56-160 160Zm240-40v-80h400v80H480Zm0-240v-80h400v80H480Zm0-240v-80h400v80H480Z"],
+	format_list_bulleted: ["M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm-56.5-263.5Q120-687 120-720t23.5-56.5Q167-800 200-800t56.5 23.5Q280-753 280-720t-23.5 56.5Q233-640 200-640t-56.5-23.5Z"],
+	format_list_numbered: ["M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z"],
+	format_indent_increase: ["M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm0 440v-320l160 160-160 160Z"],
+	format_indent_decrease: ["M120-120v-80h720v80H120Zm320-160v-80h400v80H440Zm0-160v-80h400v80H440Zm0-160v-80h400v80H440ZM120-760v-80h720v80H120Zm160 440L120-480l160-160v320Z"],
+	format_color_text: ["M80 0v-160h800V0H80Zm140-280 210-560h100l210 560h-96l-50-144H368l-52 144h-96Zm176-224h168l-82-232h-4l-82 232Z"],
+	ink_highlighter: ["M544-400 440-504 240-304l104 104 200-200Zm-47-161 104 104 199-199-104-104-199 199Zm-84-28 216 216-229 229q-24 24-56 24t-56-24l-2-2-26 26H60l126-126-2-2q-24-24-24-56t24-56l229-229Zm0 0 227-227q24-24 56-24t56 24l104 104q24 24 24 56t-24 56L629-373 413-589Z"],
+	format_color_reset: ["M800-436q0 36-8 69t-22 63l-62-60q6-17 9-34.5t3-37.5q0-47-17.5-89T650-600L480-768l-88 86-56-56 144-142 226 222q44 42 69 99.5T800-436Zm-8 380L668-180q-41 29-88 44.5T480-120q-133 0-226.5-92.5T160-436q0-51 16-98t48-90L56-792l56-56 736 736-56 56ZM480-200q36 0 68.5-10t61.5-28L280-566q-21 32-30.5 64t-9.5 66q0 98 70 167t170 69Zm-37-204Zm110-116Z"],
+	arrow_drop_down: ["M480-360 280-560h400L480-360Z"],
+	table: ["M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm240-240H200v160h240v-160Zm80 0v160h240v-160H520Zm-80-80v-160H200v160h240Zm80 0h240v-160H520v160ZM200-680h560v-80H200v80Z"],
+	table_chart: ["M760-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120ZM200-640h560v-120H200v120Zm100 80H200v360h100v-360Zm360 0v360h100v-360H660Zm-80 0H380v360h200v-360Z"],
+	grid_on: ["M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h133v-133H200v133Zm213 0h134v-133H413v133Zm214 0h133v-133H627v133ZM200-413h133v-134H200v134Zm213 0h134v-134H413v134Zm214 0h133v-134H627v134ZM200-627h133v-133H200v133Zm213 0h134v-133H413v133Zm214 0h133v-133H627v133Z"],
+	table_rows: ["M760-200v-120H200v120h560Zm0-200v-160H200v160h560Zm0-240v-120H200v120h560ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z"],
+	view_column: ["M121-280v-400q0-33 23.5-56.5T201-760h559q33 0 56.5 23.5T840-680v400q0 33-23.5 56.5T760-200H201q-33 0-56.5-23.5T121-280Zm79 0h133v-400H200v400Zm213 0h133v-400H413v400Zm213 0h133v-400H626v400Z"],
+	border_all: ["M120-120v-720h720v720H120Zm640-80v-240H520v240h240Zm0-560H520v240h240v-240Zm-560 0v240h240v-240H200Zm0 560h240v-240H200v240Z"],
+	select_all: ["M360-360h240v-240H360v240ZM200-120q-33 0-56.5-23.5T120-200h80v80Zm-80-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm80-160h-80q0-33 23.5-56.5T200-840v80Zm80 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 640v-80h80q0 33-23.5 56.5T760-120Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80q33 0 56.5 23.5T840-760h-80Z"],
+	border_outer: ["M200-200h560v-560H200v560Zm-80 80v-720h720v720H120Zm160-320v-80h80v80h-80Zm160 160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 160v-80h80v80h-80Z"],
+	border_inner: ["M120-120v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm320 640v-80h80v80h-80Zm160 0v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-160v-80h80v80h-80Zm-160 0v-80h80v80h-80ZM440-120v-320H120v-80h320v-320h80v320h320v80H520v320h-80Z"],
+	border_clear: ["M120-120v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Z"],
+	add: ["M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"],
+	remove: ["M200-440v-80h560v80H200Z"],
+	delete: ["M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"],
+	delete_sweep: ["M600-240v-80h160v80H600Zm0-320v-80h280v80H600Zm0 160v-80h240v80H600ZM120-640H80v-80h160v-60h160v60h160v80h-40v360q0 33-23.5 56.5T440-200H200q-33 0-56.5-23.5T120-280v-360Zm80 0v360h240v-360H200Zm0 0v360-360Z"],
+	call_merge: ["m296-160-56-56 200-200v-269L337-582l-57-57 200-200 201 201-57 57-104-104v301L296-160Zm368 1L536-286l57-57 127 128-56 56Z"],
+	call_split: ["M440-160v-304L240-664v104h-80v-240h240v80H296l224 224v336h-80Zm154-376-58-58 128-126H560v-80h240v240h-80v-104L594-536Z"],
+	drag_indicator: ["M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z"],
+	image: ["M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"],
+	format_image_left: ["M120-280v-400h400v400H120Zm80-80h240v-240H200v240Zm-80-400v-80h720v80H120Zm480 160v-80h240v80H600Zm0 160v-80h240v80H600Zm0 160v-80h240v80H600ZM120-120v-80h720v80H120Z"],
+	format_image_right: ["M440-280v-400h400v400H440Zm80-80h240v-240H520v240ZM120-120v-80h720v80H120Zm0-160v-80h240v80H120Zm0-160v-80h240v80H120Zm0-160v-80h240v80H120Zm0-160v-80h720v80H120Z"],
+	horizontal_rule: ["M160-440v-80h640v80H160Z"],
+	flip_to_back: ["M200-120q-33 0-56.5-23.5T120-200v-480h80v480h480v80H200Zm160-240v80q-33 0-56.5-23.5T280-360h80Zm-80-80v-80h80v80h-80Zm0-160v-80h80v80h-80Zm80-160h-80q0-33 23.5-56.5T360-840v80Zm80 480v-80h80v80h-80Zm0-480v-80h80v80h-80Zm160 0v-80h80v80h-80Zm0 480v-80h80v80h-80Zm160-480v-80q33 0 56.5 23.5T840-760h-80Zm0 400h80q0 33-23.5 56.5T760-280v-80Zm0-80v-80h80v80h-80Zm0-160v-80h80v80h-80Z"],
+	flip_to_front: ["M360-280q-33 0-56.5-23.5T280-360v-400q0-33 23.5-56.5T360-840h400q33 0 56.5 23.5T840-760v400q0 33-23.5 56.5T760-280H360Zm0-80h400v-400H360v400ZM200-200v80q-33 0-56.5-23.5T120-200h80Zm-80-80v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 480v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Z"],
+	open_with: ["M480-80 310-250l57-57 73 73v-166h80v165l72-73 58 58L480-80ZM250-310 80-480l169-169 57 57-72 72h166v80H235l73 72-58 58Zm460 0-57-57 73-73H560v-80h165l-73-72 58-58 170 170-170 170ZM440-560v-166l-73 73-57-57 170-170 170 170-57 57-73-73v166h-80Z"],
+	tune: ["M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"],
+	rotate_right: ["M522-80v-82q34-5 66.5-18t61.5-34l56 58q-42 32-88 51.5T522-80Zm-80 0Q304-98 213-199.5T122-438q0-75 28.5-140.5t77-114q48.5-48.5 114-77T482-798h6l-62-62 56-58 160 160-160 160-56-56 64-64h-8q-117 0-198.5 81.5T202-438q0 104 68 182.5T442-162v82Zm322-134-58-56q21-29 34-61.5t18-66.5h82q-5 50-24.5 96T764-214Zm76-264h-82q-5-34-18-66.5T706-606l58-56q32 39 51 86t25 98Z"],
+	rotate_left: ["M440-80q-50-5-96-24.5T256-156l56-58q29 21 61.5 34t66.5 18v82Zm80 0v-82q104-15 172-93.5T760-438q0-117-81.5-198.5T480-718h-8l64 64-56 56-160-160 160-160 56 58-62 62h6q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-438q0 137-91 238.5T520-80ZM198-214q-32-42-51.5-88T122-398h82q5 34 18 66.5t34 61.5l-58 56Zm-76-264q6-51 25-98t51-86l58 56q-21 29-34 61.5T204-478h-82Z"],
+	swap_horiz: ["M280-160 80-360l200-200 56 57-103 103h287v80H233l103 103-56 57Zm400-240-56-57 103-103H440v-80h287L624-743l56-57 200 200-200 200Z"],
+	swap_vert: ["M320-440v-287L217-624l-57-56 200-200 200 200-57 56-103-103v287h-80ZM600-80 400-280l57-56 103 103v-287h80v287l103-103 57 56L600-80Z"],
+	shapes: ["M600-360ZM320-242q10 1 19.5 1.5t20.5.5q11 0 20.5-.5T400-242v82h400v-400h-82q1-10 1.5-19.5t.5-20.5q0-11-.5-20.5T718-640h82q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H400q-33 0-56.5-23.5T320-160v-82Zm40-78q-117 0-198.5-81.5T80-600q0-117 81.5-198.5T360-880q117 0 198.5 81.5T640-600q0 117-81.5 198.5T360-320Zm0-80q83 0 141.5-58.5T560-600q0-83-58.5-141.5T360-800q-83 0-141.5 58.5T160-600q0 83 58.5 141.5T360-400Zm0-200Z"],
+	format_paint: ["M440-80q-33 0-56.5-23.5T360-160v-160H240q-33 0-56.5-23.5T160-400v-280q0-66 47-113t113-47h480v440q0 33-23.5 56.5T720-320H600v160q0 33-23.5 56.5T520-80h-80ZM240-560h480v-200h-40v160h-80v-160h-40v80h-80v-80H320q-33 0-56.5 23.5T240-680v120Zm0 160h480v-80H240v80Zm0 0v-80 80Z"],
+	expand_more: ["M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"],
+	expand_less: ["m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z"],
+	border_top: ["M120-120v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h720v80H120Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 320v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 480v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 320v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Z"],
+	border_bottom: ["M120-120v-80h720v80H120Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 480v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 480v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Z"],
+	border_left: ["M120-120v-720h80v720h-80Zm160 0v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Z"],
+	border_right: ["M120-120v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-720h80v720h-80Z"],
+	border_horizontal: ["M120-120v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h720v60H120Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Zm165 660v-60h60v60h-60Zm0-660v-60h60v60h-60Zm165 660v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-330v-60h60v60h-60Zm0-165v-60h60v60h-60Zm165 660v-60h60v60h-60Zm0-660v-60h60v60h-60Zm165 660v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-330v-60h60v60h-60Zm0-165v-60h60v60h-60Z"],
+	border_vertical: ["M120-120v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Zm165 660v-60h60v60h-60Zm0-330v-60h60v60h-60Zm0-330v-60h60v60h-60Zm165 660v-720h60v720h-60Zm165 0v-60h60v60h-60Zm0-330v-60h60v60h-60Zm0-330v-60h60v60h-60Zm165 660v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Z"],
+	padding: ["M320-600q17 0 28.5-11.5T360-640q0-17-11.5-28.5T320-680q-17 0-28.5 11.5T280-640q0 17 11.5 28.5T320-600Zm160 0q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm160 0q17 0 28.5-11.5T680-640q0-17-11.5-28.5T640-680q-17 0-28.5 11.5T600-640q0 17 11.5 28.5T640-600ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"],
+	text_rotation_none: ["M160-200v-80h528l-42-42 56-56 138 138-138 138-56-56 42-42H160Zm116-200 164-440h80l164 440h-76l-38-112H392l-40 112h-76Zm138-176h132l-64-182h-4l-64 182Z"],
+	wrap_text: ["M588-132 440-280l148-148 56 58-50 50h96q29 0 49.5-20.5T760-390q0-29-20.5-49.5T690-460H160v-80h530q63 0 106.5 43.5T840-390q0 63-43.5 106.5T690-240h-96l50 50-56 58ZM160-240v-80h200v80H160Zm0-440v-80h640v80H160Z"],
+	height: ["M480-120 320-280l56-56 64 63v-414l-64 63-56-56 160-160 160 160-56 57-64-64v414l64-63 56 56-160 160Z"],
+	fit_width: ["M120-120v-720h80v720h-80Zm640 0v-720h80v720h-80ZM280-440v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Z"],
+	settings: ["m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"],
+	border_color: ["M80 0v-160h800V0H80Zm160-320h56l312-311-29-29-28-28-311 312v56Zm-80 80v-170l448-447q11-11 25.5-17t30.5-6q16 0 31 6t27 18l55 56q12 11 17.5 26t5.5 31q0 15-5.5 29.5T777-687L330-240H160Zm560-504-56-56 56 56ZM608-631l-29-29-28-28 57 57Z"],
+	format_color_fill: ["m247-904 57-56 343 343q23 23 23 57t-23 57L457-313q-23 23-57 23t-57-23L153-503q-23-23-23-57t23-57l190-191-96-96Zm153 153L209-560h382L400-751Zm360 471q-33 0-56.5-23.5T680-360q0-21 12.5-45t27.5-45q9-12 19-25t21-25q11 12 21 25t19 25q15 21 27.5 45t12.5 45q0 33-23.5 56.5T760-280ZM80 0v-160h800V0H80Z"],
+	vertical_align_top: ["M160-760v-80h640v80H160Zm280 640v-408L336-424l-56-56 200-200 200 200-56 56-104-104v408h-80Z"],
+	vertical_align_center: ["M440-80v-168l-64 64-56-56 160-160 160 160-56 56-64-64v168h-80ZM160-440v-80h640v80H160Zm320-120L320-720l56-56 64 64v-168h80v168l64-64 56 56-160 160Z"],
+	vertical_align_bottom: ["M160-120v-80h640v80H160Zm320-160L280-480l56-56 104 104v-408h80v408l104-104 56 56-200 200Z"],
+	line_weight: ["M120-160v-40h720v40H120Zm0-120v-80h720v80H120Zm0-160v-120h720v120H120Zm0-200v-160h720v160H120Z"],
+	keyboard_arrow_up: ["M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z"],
+	keyboard_arrow_down: ["M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"],
+	keyboard_arrow_left: ["M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"],
+	keyboard_arrow_right: ["M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"],
+	more_vert: ["M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"],
+	page_break: ["M120-440v-80h160v80H120Zm200 0v-80h160v80H320Zm200 0v-80h160v80H520Zm200 0v-80h120v80H720ZM240-120q-33 0-56.5-23.5T160-200v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-120H240Zm-80-520v-120q0-33 23.5-56.5T240-840h480q33 0 56.5 23.5T800-760v120h-80v-120H240v120h-80Z"],
+	arrow_back: ["M313-440l224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z"],
+	branding_watermark: ["M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm320-60q66 0 113-37t47-93q0-29-13-58t-34-55q-21-26-50-49t-50-31q-21 8-50 31t-50 49q-21 26-34 55t-13 58q0 56 47 93t140 37Z"],
+	done_all: ["M268-240 42-466l57-56 170 170 56 56-57 56Zm226 0L268-466l56-57 170 170 368-368 57 57-425 424Zm0-226-57-56 198-198 57 56-198 198Z"],
+	check_circle: ["m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"],
+	chat_bubble_outline: ["M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"],
+	chat_bubble_check: ["M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"],
+	check: ["M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"],
+	close: ["m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"],
+	add_comment: ["M440-400h80v-120h120v-80H520v-120h-80v120H320v80h120v120ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"],
+	comment: ["M240-400h480v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"],
+	edit_note: ["M160-400h280v-80H160v80Zm0-160h440v-80H160v80Zm0-160h440v-80H160v80Zm360 360v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22q0 11-4 22.5T863-380L643-160H520Zm300-263-37-37 37 37ZM580-220h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z"],
+	rate_review: ["M240-400h122l200-200q9-9 13.5-20.5T580-643q0-11-5-21.5T562-684l-36-38q-9-9-20-13.5t-23-4.5q-11 0-22.5 4.5T440-722L240-522v122Zm280-243-37-37 37 37ZM300-460v-38l101-101 20 18 18 20-101 101h-38Zm121-121 18 20-38-38 20 18Zm26 181h273v-80H527l-80 80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"],
+	visibility: ["M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"],
+	format_textdirection_l_to_r: ["M360-360v-200q-66 0-113-47t-47-113q0-66 47-113t113-47h320v80h-80v440h-80v-440h-80v440h-80Zm0-280v-160q-33 0-56.5 23.5T280-720q0 33 23.5 56.5T360-640Zm0-80ZM680-80l-56-56 64-64H120v-80h568l-64-64 56-56 160 160L680-80Z"],
+	format_textdirection_r_to_l: ["M360-360v-200q-66 0-113-47t-47-113q0-66 47-113t113-47h320v80h-80v440h-80v-440h-80v440h-80Zm-88 160 64 64-56 56-160-160 160-160 56 56-64 64h568v80H272Zm88-440v-160q-33 0-56.5 23.5T280-720q0 33 23.5 56.5T360-640Zm0-80Z"],
+	"agent-sparkle": ["m760-600-50-110-110-50 110-50 50-110 50 110 110 50-110 50-50 110Zm0 560-50-110-110-50 110-50 50-110 50 110 110 50-110 50-50 110ZM360-160 260-380 40-480l220-100 100-220 100 220 220 100-220 100-100 220Zm0-194 40-86 86-40-86-40-40-86-40 86-86 40 86 40 40 86Zm0-126Z"]
+}, G = ["width", "height"], K = ["d"], q = /* @__PURE__ */ u({
+	__name: "MaterialSymbol",
+	props: {
+		name: {},
+		size: { default: 20 },
+		className: { default: "" },
+		style: {}
+	},
+	setup(e) {
+		let t = e, i = W, a = r(() => i[t.name] || (typeof console < "u" && console.warn(`Icon not found: ${t.name}`), null));
+		return (t, r) => a.value ? (v(), o("svg", {
+			key: 0,
+			xmlns: "http://www.w3.org/2000/svg",
+			width: e.size,
+			height: e.size,
+			viewBox: "0 -960 960 960",
+			fill: "currentColor",
+			class: m(e.className),
+			style: h({
+				display: "inline-flex",
+				flexShrink: 0,
+				...e.style ?? {}
+			}),
+			"aria-hidden": "true"
+		}, [(v(!0), o(n, null, S(a.value, (e, t) => (v(), o("path", {
+			key: t,
+			d: e
+		}, null, 8, K))), 128))], 14, G)) : (v(), o("span", {
+			key: 1,
+			class: m(e.className),
+			style: h({
+				fontSize: `${e.size}px`,
+				width: `${e.size}px`,
+				height: `${e.size}px`,
+				display: "inline-flex",
+				...e.style ?? {}
+			})
+		}, T(e.name), 7));
+	}
+}), J = ["title", "onClick"], re = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "CommentMarginMarkers",
+	props: {
+		comments: {},
+		pagesContainer: {},
+		zoom: {},
+		pageWidthPx: {},
+		sidebarOpen: { type: Boolean },
+		resolvedCommentIds: {}
+	},
+	emits: ["marker-click"],
+	setup(e) {
+		let t = e, i = r(() => {
+			if (t.sidebarOpen) return [];
+			let e = t.pagesContainer;
+			if (!e) return [];
+			let n = e.getBoundingClientRect(), r = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll("[data-comment-id]")) {
+				let e = t.dataset.commentId;
+				e && !r.has(e) && r.set(e, t);
+			}
+			let i = [];
+			for (let a of t.comments) {
+				if (a.parentId != null) continue;
+				let o = r.get(String(a.id));
+				if (!o) continue;
+				let s = o.getBoundingClientRect();
+				i.push({
+					comment: a,
+					isResolved: t.resolvedCommentIds.has(a.id),
+					y: (s.top - n.top + e.scrollTop) / t.zoom
+				});
+			}
+			return i;
+		}), s = r(() => ({
+			position: "absolute",
+			top: 0,
+			left: `calc(50% + ${t.pageWidthPx / t.zoom / 2 + 6}px)`,
+			zIndex: 30,
+			pointerEvents: "none"
+		}));
+		return (t, r) => i.value.length > 0 ? (v(), o("div", {
+			key: 0,
+			class: "docx-comment-margin-markers",
+			style: h(s.value),
+			onMousedown: r[0] ||= P(() => {}, ["stop"])
+		}, [(v(!0), o(n, null, S(i.value, (n) => (v(), o("button", {
+			key: n.comment.id,
+			class: "docx-comment-margin-markers__btn",
+			title: n.isResolved ? "Resolved comment" : "Comment",
+			style: h({ top: n.y * e.zoom + "px" }),
+			onClick: (e) => t.$emit("marker-click", n.comment.id)
+		}, [l(q, {
+			name: n.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
+			size: 18
+		}, null, 8, ["name"])], 12, J))), 128))], 36)) : a("", !0);
+	}
+}), [["__scopeId", "data-v-fa51d56d"]]), ie = { class: "doc-name" }, Y = ["value"], ae = {
+	key: 1,
+	class: "doc-name__text"
+}, oe = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "DocumentName",
+	props: {
+		modelValue: {},
+		editable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = r(() => (n.modelValue || "").replace(/\.docx$/i, ""));
+		function s(e) {
+			let t = e.target;
+			if (!(t instanceof HTMLInputElement)) return;
+			let n = t.value;
+			i("update:modelValue", n.endsWith(".docx") ? n : n + ".docx");
+		}
+		function c(e) {
+			let t = e.target;
+			t instanceof HTMLInputElement && (t.value.trim() || i("update:modelValue", "Untitled document.docx"));
+		}
+		return (t, n) => (v(), o("div", ie, [e.editable ? (v(), o("input", {
+			key: 0,
+			class: "doc-name__input",
+			value: a.value,
+			placeholder: "Untitled document",
+			onInput: s,
+			onBlur: c
+		}, null, 40, Y)) : (v(), o("span", ae, T(a.value || "Untitled document"), 1))]));
+	}
+}), [["__scopeId", "data-v-545e2786"]]), X = 4, Z = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "Popover",
+	props: {
+		open: { type: Boolean },
+		placement: { default: "bottom-left" },
+		panelClass: {},
+		panelStyle: {},
+		closeOnScroll: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["close", "update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = x(null), s = x(null), c = x({ position: "fixed" });
+		function l() {
+			let e = i.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), r = { position: "fixed" };
+			n.placement.startsWith("top") ? (r.bottom = `${Math.round(window.innerHeight - t.top + X)}px`, r.top = "auto") : (r.top = `${Math.round(t.bottom + X)}px`, r.bottom = "auto"), n.placement.endsWith("right") ? (r.right = `${Math.round(window.innerWidth - t.right)}px`, r.left = "auto") : (r.left = `${Math.round(t.left)}px`, r.right = "auto"), c.value = r;
+		}
+		function u() {
+			r("update:open", !n.open), n.open && r("close");
+		}
+		function d() {
+			r("update:open", !1), r("close");
+		}
+		function f(e) {
+			if (!n.open) return;
+			let t = e.target;
+			t instanceof Node && (i.value?.contains(t) || s.value?.contains(t) || d());
+		}
+		function p(e) {
+			e.key === "Escape" && n.open && d();
+		}
+		function y(e) {
+			!n.closeOnScroll || !n.open || e.target instanceof Node && s.value?.contains(e.target) || d();
+		}
+		function b() {
+			n.open && l();
+		}
+		function S() {
+			document.addEventListener("mousedown", f), document.addEventListener("keydown", p), window.addEventListener("scroll", y, !0), window.addEventListener("resize", b);
+		}
+		function w() {
+			document.removeEventListener("mousedown", f), document.removeEventListener("keydown", p), window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", b);
+		}
+		return A(() => n.open, (e) => {
+			e ? (l(), S()) : w();
+		}), A(() => n.placement, () => n.open && l()), _(() => {
+			n.open && (l(), S());
+		}), g(w), (t, n) => (v(), o("span", {
+			ref_key: "rootRef",
+			ref: i,
+			class: "docx-popover"
+		}, [C(t.$slots, "trigger", {
+			toggle: u,
+			open: e.open
+		}, void 0, !0), e.open ? (v(), o("div", {
+			key: 0,
+			ref_key: "panelRef",
+			ref: s,
+			class: m(["docx-popover__panel", e.panelClass]),
+			style: h([c.value, e.panelStyle ?? {}]),
+			onMousedown: n[0] ||= P(() => {}, ["stop"])
+		}, [C(t.$slots, "panel", {}, void 0, !0)], 38)) : a("", !0)], 512));
+	}
+}), [["__scopeId", "data-v-0f634953"]]), se = ["disabled", "onClick"], Q = {
+	key: 0,
+	class: "docx-menu-dropdown__separator"
+}, ce = ["onMouseenter", "onMouseleave"], le = ["disabled", "onClick"], ue = { class: "docx-menu-dropdown__label" }, de = {
+	key: 1,
+	class: "docx-menu-dropdown__shortcut"
+}, fe = {
+	key: 2,
+	class: "docx-menu-dropdown__chevron"
+}, pe = {
+	key: 0,
+	class: "docx-menu-dropdown__submenu"
+}, $ = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "MenuDropdown",
+	props: {
+		label: {},
+		items: {},
+		disabled: { type: Boolean },
+		showChevron: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		function t(e) {
+			return "type" in e && e.type === "separator";
+		}
+		let r = x(!1), u = x(null);
+		function d() {
+			r.value = !1, u.value = null;
+		}
+		function f(e) {
+			e.disabled || e.submenu || (e.onClick?.(), d());
+		}
+		return (p, h) => (v(), i(Z, {
+			open: r.value,
+			"onUpdate:open": h[2] ||= (e) => r.value = e,
+			onClose: d
+		}, {
+			trigger: j(({ toggle: t }) => [s("button", {
+				type: "button",
+				class: m(["docx-menu-dropdown__trigger", { "docx-menu-dropdown__trigger--open": r.value }]),
+				disabled: e.disabled,
+				onMousedown: h[0] ||= P(() => {}, ["prevent"]),
+				onClick: P(t, ["prevent"])
+			}, [c(T(e.label) + " ", 1), e.showChevron ? (v(), i(q, {
+				key: 0,
+				name: "arrow_drop_down",
+				size: 16
+			})) : a("", !0)], 42, se)]),
+			panel: j(() => [s("div", {
+				class: "docx-menu-dropdown__menu",
+				onMousedown: h[1] ||= P(() => {}, ["prevent"])
+			}, [(v(!0), o(n, null, S(e.items, (e, r) => (v(), o(n, { key: r }, [t(e) ? (v(), o("div", Q)) : (v(), o("div", {
+				key: 1,
+				class: "docx-menu-dropdown__wrap",
+				onMouseenter: (t) => e.submenu ? u.value = r : void 0,
+				onMouseleave: (t) => e.submenu ? u.value = null : void 0
+			}, [s("button", {
+				type: "button",
+				class: m(["docx-menu-dropdown__item", { "docx-menu-dropdown__item--disabled": e.disabled }]),
+				disabled: e.disabled,
+				onClick: P((t) => f(e), ["prevent"])
+			}, [
+				e.icon ? (v(), i(q, {
+					key: 0,
+					name: e.icon,
+					size: 18
+				}, null, 8, ["name"])) : a("", !0),
+				s("span", ue, T(e.label), 1),
+				e.shortcut ? (v(), o("span", de, T(e.shortcut), 1)) : a("", !0),
+				e.submenu ? (v(), o("span", fe, [l(q, {
+					name: "keyboard_arrow_right",
+					size: 16
+				})])) : a("", !0)
+			], 10, le), e.submenu && u.value === r ? (v(), o("div", pe, [C(p.$slots, "submenu", {
+				item: e,
+				closeMenu: d
+			}, void 0, !0)])) : a("", !0)], 40, ce))], 64))), 128))], 32)]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-d89898cc"]]), me = ["aria-selected", "onMouseenter"], he = { class: "docx-table-grid-inline__label" }, ge = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "TableGridInline",
+	props: {
+		gridRows: { default: 6 },
+		gridColumns: { default: 6 }
+	},
+	emits: ["insert"],
+	setup(e, { emit: t }) {
+		let i = e, a = t, c = x(0), l = x(0), u = r(() => {
+			let e = [];
+			for (let t = 1; t <= i.gridRows; t++) for (let n = 1; n <= i.gridColumns; n++) e.push({
+				r: t,
+				c: n
+			});
+			return e;
+		});
+		function d() {
+			c.value > 0 && l.value > 0 && a("insert", c.value, l.value);
+		}
+		return (t, r) => (v(), o("div", null, [s("div", {
+			class: "docx-table-grid-inline__grid",
+			style: h({ gridTemplateColumns: `repeat(${e.gridColumns}, 18px)` }),
+			role: "grid",
+			"aria-label": "Table size selector",
+			onMouseleave: r[0] ||= (e) => {
+				c.value = 0, l.value = 0;
+			}
+		}, [(v(!0), o(n, null, S(u.value, (e) => (v(), o("div", {
+			key: `${e.r}-${e.c}`,
+			class: m(["docx-table-grid-inline__cell", { "docx-table-grid-inline__cell--active": e.r <= c.value && e.c <= l.value }]),
+			role: "gridcell",
+			"aria-selected": e.r <= c.value && e.c <= l.value,
+			onMouseenter: (t) => {
+				c.value = e.r, l.value = e.c;
+			},
+			onClick: P(d, ["prevent"])
+		}, null, 42, me))), 128))], 36), s("div", he, T(c.value > 0 && l.value > 0 ? `${l.value} × ${c.value}` : "Select size"), 1)]));
+	}
+}), [["__scopeId", "data-v-62b10375"]]), _e = {
+	class: "menu-bar",
+	role: "menubar"
+}, ve = {
+	key: 1,
+	class: "menu-bar__break-submenu"
+}, ye = ["onClick"], be = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "MenuBar",
+	props: {
+		showFileOpen: {
+			type: Boolean,
+			default: !0
+		},
+		showHelpMenu: {
+			type: Boolean,
+			default: !0
+		},
+		showTableInsert: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["action", "insert-table"],
+	setup(t, { emit: c }) {
+		let u = t, d = c, { t: f } = e();
+		function p(e) {
+			return () => d("action", e);
+		}
+		let m = r(() => {
+			let e = [];
+			return u.showFileOpen && e.push({
+				icon: "file_upload",
+				label: f("toolbar.open"),
+				shortcut: f("toolbar.openShortcut"),
+				onClick: p("open")
+			}), e.push({
+				icon: "file_download",
+				label: f("toolbar.save"),
+				shortcut: f("toolbar.saveShortcut"),
+				onClick: p("save")
+			}, { type: "separator" }, {
+				icon: "settings",
+				label: f("toolbar.pageSetup"),
+				onClick: p("pageSetup")
+			}), e;
+		}), h = r(() => [{
+			icon: "format_textdirection_l_to_r",
+			label: f("toolbar.leftToRight"),
+			onClick: p("dirLTR")
+		}, {
+			icon: "format_textdirection_r_to_l",
+			label: f("toolbar.rightToLeft"),
+			onClick: p("dirRTL")
+		}]), g = r(() => {
+			let e = [{
+				icon: "image",
+				label: f("toolbar.image"),
+				onClick: p("insertImage")
+			}];
+			return u.showTableInsert && e.push({
+				icon: "grid_on",
+				label: f("toolbar.table"),
+				key: "table",
+				submenu: !0
+			}), e.push({ type: "separator" }, {
+				icon: "page_break",
+				label: f("toolbar.break"),
+				key: "break",
+				submenu: !0
+			}, {
+				icon: "format_list_numbered",
+				label: f("toolbar.tableOfContents"),
+				onClick: p("insertTOC")
+			}, {
+				icon: "branding_watermark",
+				label: f("toolbar.watermark"),
+				onClick: p("watermark")
+			}), e;
+		}), _ = r(() => [
+			{
+				icon: "page_break",
+				label: f("toolbar.pageBreak"),
+				action: "insertPageBreak"
+			},
+			{
+				icon: "horizontal_rule",
+				label: f("toolbar.sectionBreakNextPage"),
+				action: "insertSectionBreakNextPage"
+			},
+			{
+				icon: "border_horizontal",
+				label: f("toolbar.sectionBreakContinuous"),
+				action: "insertSectionBreakContinuous"
+			}
+		]), y = r(() => [{
+			label: f("toolbar.reportIssue"),
+			onClick: p("reportIssue")
+		}]);
+		return (e, r) => (v(), o("div", _e, [
+			l($, {
+				label: D(f)("toolbar.file"),
+				items: m.value
+			}, null, 8, ["label", "items"]),
+			l($, {
+				label: D(f)("toolbar.format"),
+				items: h.value
+			}, null, 8, ["label", "items"]),
+			l($, {
+				label: D(f)("toolbar.insert"),
+				items: g.value
+			}, {
+				submenu: j(({ item: e, closeMenu: t }) => [e.key === "table" ? (v(), i(ge, {
+					key: 0,
+					onInsert: (e, n) => {
+						d("insert-table", e, n), t();
+					}
+				}, null, 8, ["onInsert"])) : e.key === "break" ? (v(), o("div", ve, [(v(!0), o(n, null, S(_.value, (e) => (v(), o("button", {
+					key: e.action,
+					type: "button",
+					class: "menu-bar__break-item",
+					onClick: P(() => {
+						d("action", e.action), t();
+					}, ["prevent"])
+				}, [l(q, {
+					name: e.icon,
+					size: 18
+				}, null, 8, ["name"]), s("span", null, T(e.label), 1)], 8, ye))), 128))])) : a("", !0)]),
+				_: 1
+			}, 8, ["label", "items"]),
+			t.showHelpMenu ? (v(), i($, {
+				key: 0,
+				label: D(f)("toolbar.help"),
+				items: y.value
+			}, null, 8, ["label", "items"])) : a("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-19abfdee"]]), xe = [
+	"disabled",
+	"aria-label",
+	"title",
+	"aria-expanded",
+	"onClick"
+], Se = { class: "docx-icon-grid__panel" }, Ce = ["title", "onClick"], we = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "IconGridDropdown",
+	props: {
+		options: {},
+		activeValue: {},
+		triggerIcon: {},
+		tooltipContent: {},
+		disabled: { type: Boolean },
+		ariaLabel: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let r = t, a = x(!1);
+		function c(e) {
+			r("select", e), a.value = !1;
+		}
+		return (t, r) => (v(), i(Z, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
+		}, {
+			trigger: j(({ toggle: t }) => [s("button", {
+				type: "button",
+				class: m(["docx-icon-grid__btn", { "docx-icon-grid__btn--open": a.value }]),
+				disabled: e.disabled,
+				"aria-label": e.ariaLabel ?? e.tooltipContent,
+				title: e.tooltipContent,
+				"aria-expanded": a.value,
+				"aria-haspopup": "true",
+				onClick: P(t, ["prevent"])
+			}, [l(q, {
+				name: e.triggerIcon,
+				size: 20
+			}, null, 8, ["name"]), l(q, {
+				name: "arrow_drop_down",
+				size: 14
+			})], 10, xe)]),
+			panel: j(() => [s("div", Se, [(v(!0), o(n, null, S(e.options, (t) => (v(), o("button", {
+				key: t.value,
+				type: "button",
+				class: m(["docx-icon-grid__option", { "docx-icon-grid__option--active": e.activeValue === t.value }]),
+				title: t.label,
+				onClick: P((e) => c(t.value), ["prevent"])
+			}, [l(q, {
+				name: t.iconName,
+				size: 18
+			}, null, 8, ["name"])], 10, Ce))), 128))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-b64cef07"]]), Te = /* @__PURE__ */ u({
+	__name: "ImageWrapDropdown",
+	props: {
+		imageContext: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(t) {
+		let n = t, { t: a } = e(), o = [
+			{
+				value: "inline",
+				labelKey: "imageWrap.inline",
+				iconName: "format_image_left"
+			},
+			{
+				value: "wrapRight",
+				labelKey: "imageWrap.floatLeft",
+				iconName: "format_image_right"
+			},
+			{
+				value: "wrapLeft",
+				labelKey: "imageWrap.floatRight",
+				iconName: "format_image_left"
+			},
+			{
+				value: "topAndBottom",
+				labelKey: "imageWrap.topAndBottom",
+				iconName: "horizontal_rule"
+			},
+			{
+				value: "behind",
+				labelKey: "imageWrap.behindText",
+				iconName: "flip_to_back"
+			},
+			{
+				value: "inFront",
+				labelKey: "imageWrap.inFrontOfText",
+				iconName: "flip_to_front"
+			}
+		], s = r(() => o.map((e) => ({
+			value: e.value,
+			label: a(e.labelKey),
+			iconName: e.iconName
+		}))), c = r(() => {
+			let e = n.imageContext;
+			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
+		}), l = r(() => s.value.find((e) => e.value === c.value) ?? s.value.at(0)), u = r(() => l.value?.iconName ?? "format_image_left"), d = r(() => l.value?.label ?? "");
+		return (e, n) => (v(), i(we, {
+			options: s.value,
+			"active-value": c.value,
+			"trigger-icon": u.value,
+			"tooltip-content": D(a)("imageWrap.tooltipPrefix", { label: d.value }),
+			disabled: t.disabled,
+			onSelect: n[0] ||= (t) => e.$emit("change", t)
+		}, null, 8, [
+			"options",
+			"active-value",
+			"trigger-icon",
+			"tooltip-content",
+			"disabled"
+		]));
+	}
+}), Ee = /* @__PURE__ */ u({
+	__name: "ImageTransformDropdown",
+	props: { disabled: { type: Boolean } },
+	emits: ["transform"],
+	setup(t) {
+		let { t: n } = e(), a = [
+			{
+				value: "rotateCW",
+				labelKey: "imageTransform.rotateClockwise",
+				iconName: "rotate_right"
+			},
+			{
+				value: "rotateCCW",
+				labelKey: "imageTransform.rotateCounterClockwise",
+				iconName: "rotate_left"
+			},
+			{
+				value: "flipH",
+				labelKey: "imageTransform.flipHorizontal",
+				iconName: "swap_horiz"
+			},
+			{
+				value: "flipV",
+				labelKey: "imageTransform.flipVertical",
+				iconName: "swap_vert"
+			}
+		], o = r(() => a.map((e) => ({
+			value: e.value,
+			label: n(e.labelKey),
+			iconName: e.iconName
+		})));
+		return (e, r) => (v(), i(we, {
+			options: o.value,
+			"trigger-icon": "rotate_right",
+			"tooltip-content": D(n)("imageTransform.tooltip"),
+			disabled: t.disabled,
+			onSelect: r[0] ||= (t) => e.$emit("transform", t)
+		}, null, 8, [
+			"options",
+			"tooltip-content",
+			"disabled"
+		]));
+	}
+}), De = ["title", "onClick"], Oe = {
+	key: 0,
+	class: "editing-mode__label"
+}, ke = { class: "editing-mode__panel" }, Ae = ["onClick"], je = { class: "editing-mode__option-text" }, Me = { class: "editing-mode__option-label" }, Ne = { class: "editing-mode__option-desc" }, Pe = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "EditingModeDropdown",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(t, { emit: c }) {
+		let { t: u } = e(), d = t, f = c, p = {
+			value: "editing",
+			labelKey: "editor.editing",
+			icon: "edit_note",
+			descKey: "editor.editingDescription"
+		}, h = [
+			p,
+			{
+				value: "suggesting",
+				labelKey: "editor.suggesting",
+				icon: "rate_review",
+				descKey: "editor.suggestingDescription"
+			},
+			{
+				value: "viewing",
+				labelKey: "editor.viewing",
+				icon: "visibility",
+				descKey: "editor.viewingDescription"
+			}
+		], y = x(!1), b = x(!1), C = r(() => h.find((e) => e.value === d.modelValue) ?? p);
+		function w(e) {
+			f("update:modelValue", e), y.value = !1;
+		}
+		let E = null;
+		function O(e) {
+			b.value = e.matches;
+		}
+		return _(() => {
+			E = window.matchMedia("(max-width: 1400px)"), b.value = E.matches, E.addEventListener("change", O);
+		}), g(() => E?.removeEventListener("change", O)), (e, r) => (v(), i(Z, {
+			open: y.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[0] ||= (e) => y.value = e,
+			onClose: r[1] ||= (e) => y.value = !1
+		}, {
+			trigger: j(({ toggle: e }) => [s("button", {
+				type: "button",
+				class: m(["editing-mode__trigger", {
+					"editing-mode__trigger--open": y.value,
+					"editing-mode__trigger--compact": b.value
+				}]),
+				title: `${D(u)(C.value.labelKey)} (Ctrl+Shift+E)`,
+				onClick: P(e, ["prevent"])
+			}, [
+				l(q, {
+					name: C.value.icon,
+					size: 18
+				}, null, 8, ["name"]),
+				b.value ? a("", !0) : (v(), o("span", Oe, T(D(u)(C.value.labelKey)), 1)),
+				l(q, {
+					name: "arrow_drop_down",
+					size: 16
+				})
+			], 10, De)]),
+			panel: j(() => [s("div", ke, [(v(), o(n, null, S(h, (e) => s("button", {
+				key: e.value,
+				type: "button",
+				class: "editing-mode__option",
+				onClick: P((t) => w(e.value), ["prevent"])
+			}, [
+				l(q, {
+					name: e.icon,
+					size: 20
+				}, null, 8, ["name"]),
+				s("span", je, [s("span", Me, T(D(u)(e.labelKey)), 1), s("span", Ne, T(D(u)(e.descKey)), 1)]),
+				e.value === t.modelValue ? (v(), i(q, {
+					key: 0,
+					name: "check",
+					size: 18,
+					class: "editing-mode__check"
+				})) : a("", !0)
+			], 8, Ae)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-91bf1860"]]), Fe = { class: "review-controls" }, Ie = [
+	"disabled",
+	"aria-pressed",
+	"aria-label",
+	"title"
+], Le = { class: "review-controls__toggle-label" }, Re = ["title", "onClick"], ze = { class: "review-controls__display-label" }, Be = ["onClick"], Ve = { class: "review-controls__option-label" }, He = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "ReviewControls",
+	props: {
+		trackChangesOn: { type: Boolean },
+		displayMode: {},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["toggle-track-changes", "update:display-mode"],
+	setup(t, { emit: c }) {
+		let { t: u } = e(), d = t, f = c, p = x(!1), h = {
+			"all-markup": "markupView.allMarkup",
+			"simple-markup": "markupView.simple",
+			"no-markup": "markupView.noMarkup",
+			original: "markupView.original"
+		};
+		function g(e) {
+			return u(h[e]);
+		}
+		let _ = r(() => g(d.displayMode));
+		function y(e) {
+			f("update:display-mode", e), p.value = !1;
+		}
+		return (e, r) => (v(), o("div", Fe, [s("button", {
+			type: "button",
+			class: m(["review-controls__toggle", { "review-controls__toggle--on": t.trackChangesOn }]),
+			disabled: t.readOnly,
+			"aria-pressed": t.trackChangesOn,
+			"aria-label": D(u)("toggleTrackChanges"),
+			title: D(u)("toggleTrackChanges"),
+			onMousedown: r[0] ||= P(() => {}, ["prevent"]),
+			onClick: r[1] ||= P((t) => e.$emit("toggle-track-changes"), ["prevent"])
+		}, [l(q, {
+			name: "edit_note",
+			size: 18
+		}), s("span", Le, T(t.trackChangesOn ? D(u)("trackingOn") : D(u)("trackingOff")), 1)], 42, Ie), l(Z, {
+			open: p.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[4] ||= (e) => p.value = e,
+			onClose: r[5] ||= (e) => p.value = !1
+		}, {
+			trigger: j(({ toggle: e }) => [s("button", {
+				type: "button",
+				class: m(["review-controls__display", { "review-controls__display--open": p.value }]),
+				title: _.value,
+				onMousedown: r[2] ||= P(() => {}, ["prevent"]),
+				onClick: P(e, ["prevent"])
+			}, [
+				l(q, {
+					name: "visibility",
+					size: 16
+				}),
+				s("span", ze, T(_.value), 1),
+				l(q, {
+					name: "arrow_drop_down",
+					size: 16
+				})
+			], 42, Re)]),
+			panel: j(() => [s("div", {
+				class: "review-controls__panel",
+				onMousedown: r[3] ||= P(() => {}, ["prevent"])
+			}, [(v(!0), o(n, null, S(D(R), (e) => (v(), o("button", {
+				key: e,
+				type: "button",
+				class: "review-controls__option",
+				onClick: P((t) => y(e), ["prevent"])
+			}, [s("span", Ve, T(g(e)), 1), e === t.displayMode ? (v(), i(q, {
+				key: 0,
+				name: "check",
+				size: 18,
+				class: "review-controls__check"
+			})) : a("", !0)], 8, Be))), 128))], 32)]),
+			_: 1
+		}, 8, ["open"])]));
+	}
+}), [["__scopeId", "data-v-96540653"]]);
+//#endregion
+//#region src/utils/fontOptions.ts
+function Ue(e) {
+	if (e === void 0) return;
+	let t = e.map((e) => typeof e == "string" ? {
+		name: e,
+		fontFamily: e,
+		category: "other"
+	} : e);
+	if (We()) {
+		let e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
+		for (let r of t) n.has(r.name) && !e.has(r.name) && (console.warn(`[DocxEditor] Duplicate font name in fontFamilies: "${r.name}"`), e.add(r.name)), n.add(r.name);
+	}
+	return t;
+}
+function We() {
+	return typeof process < "u" && process.env.NODE_ENV !== "production";
+}
+function Ge(e, t) {
+	if (!e || e.length === 0) return [];
+	let n = /* @__PURE__ */ new Set();
+	for (let e of t) n.add(e.trim().toLowerCase());
+	let r = /* @__PURE__ */ new Set(), i = [];
+	for (let t of e) {
+		let e = t.name.trim().toLowerCase();
+		n.has(e) || r.has(e) || (r.add(e), i.push(t));
+	}
+	return i;
+}
+//#endregion
+//#region src/components/Toolbar/presets.ts
+var Ke = [
+	{
+		name: "Arial",
+		fontFamily: "Arial",
+		category: "sans-serif"
+	},
+	{
+		name: "Calibri",
+		fontFamily: "Calibri",
+		category: "sans-serif"
+	},
+	{
+		name: "Helvetica",
+		fontFamily: "Helvetica",
+		category: "sans-serif"
+	},
+	{
+		name: "Verdana",
+		fontFamily: "Verdana",
+		category: "sans-serif"
+	},
+	{
+		name: "Open Sans",
+		fontFamily: "Open Sans",
+		category: "sans-serif"
+	},
+	{
+		name: "Roboto",
+		fontFamily: "Roboto",
+		category: "sans-serif"
+	},
+	{
+		name: "Times New Roman",
+		fontFamily: "Times New Roman",
+		category: "serif"
+	},
+	{
+		name: "Georgia",
+		fontFamily: "Georgia",
+		category: "serif"
+	},
+	{
+		name: "Cambria",
+		fontFamily: "Cambria",
+		category: "serif"
+	},
+	{
+		name: "Garamond",
+		fontFamily: "Garamond",
+		category: "serif"
+	},
+	{
+		name: "Courier New",
+		fontFamily: "Courier New",
+		category: "monospace"
+	},
+	{
+		name: "Consolas",
+		fontFamily: "Consolas",
+		category: "monospace"
+	}
+], qe = [
+	8,
+	9,
+	10,
+	11,
+	12,
+	14,
+	16,
+	18,
+	20,
+	24,
+	28,
+	36,
+	48,
+	72
+], Je = [
+	{
+		id: "Normal",
+		label: "Normal",
+		nameKey: "styles.normalText"
+	},
+	{
+		id: "Title",
+		label: "Title",
+		nameKey: "styles.title"
+	},
+	{
+		id: "Subtitle",
+		label: "Subtitle",
+		nameKey: "styles.subtitle"
+	},
+	{
+		id: "Heading1",
+		label: "Heading 1",
+		nameKey: "styles.heading1"
+	},
+	{
+		id: "Heading2",
+		label: "Heading 2",
+		nameKey: "styles.heading2"
+	},
+	{
+		id: "Heading3",
+		label: "Heading 3",
+		nameKey: "styles.heading3"
+	}
+], Ye = [
+	{
+		label: "Single",
+		labelKey: "lineSpacing.single",
+		value: 240
+	},
+	{
+		label: "1.15",
+		value: 276
+	},
+	{
+		label: "1.5",
+		value: 360
+	},
+	{
+		label: "Double",
+		labelKey: "lineSpacing.double",
+		value: 480
+	}
+], Xe = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+];
+//#endregion
+//#region src/composables/useToolbarDropdowns.ts
+function Ze(e) {
+	let t = x(null), n = x({
+		top: 0,
+		left: 0
+	});
+	function i(t) {
+		switch (t) {
+			case "zoom": return e.zoom.value;
+			case "style": return e.style.value;
+			case "font": return e.font.value;
+			case "size": return e.size.value;
+			case "align": return e.align.value;
+			case "spacing": return e.spacing.value;
+			default: return null;
+		}
+	}
+	function a(e) {
+		let t = i(e);
+		if (!t) return;
+		let r = t.getBoundingClientRect();
+		n.value = {
+			top: r.bottom,
+			left: r.left
+		};
+	}
+	let o = r(() => ({
+		top: `${n.value.top}px`,
+		left: `${n.value.left}px`
+	}));
+	function s(e) {
+		t.value !== e && a(e), t.value = t.value === e ? null : e;
+	}
+	function c(n) {
+		let r = n.target;
+		r instanceof Node && ([
+			e.zoom,
+			e.style,
+			e.font,
+			e.size,
+			e.align,
+			e.spacing
+		].some((e) => e.value?.contains(r)) || (t.value = null));
+	}
+	return _(() => document.addEventListener("mousedown", c)), g(() => document.removeEventListener("mousedown", c)), {
+		openDropdown: t,
+		dropdownMenuStyle: o,
+		toggleDropdown: s,
+		recomputeDropdownPos: a
+	};
+}
+//#endregion
+//#region src/composables/useToolbarFontSize.ts
+function Qe(e) {
+	let t = x(!1), n = (t) => e.execCommand("setFontSize", t * 2);
+	function r() {
+		t.value = !1, e.openDropdown.value = "size", e.recomputeDropdownPos("size");
+	}
+	function i() {
+		t.value = !0;
+	}
+	function a(r) {
+		if (t.value && r.target instanceof HTMLInputElement) {
+			let e = parseFloat(r.target.value);
+			isNaN(e) || n(Math.round(Math.min(Math.max(e, 1), 1638) * 2) / 2);
+		}
+		t.value = !1, e.openDropdown.value = null;
+	}
+	function o(r) {
+		t.value = !1, n(r), e.openDropdown.value = null;
+	}
+	function s() {
+		let t = e.currentFontSize.value;
+		n(qe.find((e) => e > t) || t + 1);
+	}
+	function c() {
+		let t = e.currentFontSize.value;
+		n([...qe].reverse().find((e) => e < t) || Math.max(1, t - 1));
+	}
+	return {
+		onSizeFocus: r,
+		onSizeInput: i,
+		commitFontSize: a,
+		pickFontSize: o,
+		increaseFontSize: s,
+		decreaseFontSize: c
+	};
+}
+//#endregion
+//#region src/utils/stylePreview.ts
+var $e = {
+	Title: 26,
+	Subtitle: 18,
+	Heading1: 24,
+	Heading2: 18,
+	Heading3: 16,
+	Heading4: 14,
+	Heading5: 13,
+	Heading6: 13,
+	Normal: 14
+}, et = new Set([
+	"Title",
+	"Heading1",
+	"Heading2",
+	"Heading3"
+]), tt = { Subtitle: "666666" }, nt = "#4a6c8c";
+function rt(e) {
+	let t = $e[e.styleId], n = {
+		fontSize: t ? `${t}px` : `${Math.min(Math.max(e.fontSize ? e.fontSize / 2 : 11, 11), 20)}px`,
+		lineHeight: "1.3"
+	};
+	(e.bold ?? et.has(e.styleId)) && (n.fontWeight = "bold"), e.italic && (n.fontStyle = "italic");
+	let r = e.color ?? tt[e.styleId];
+	return r ? n.color = `#${r}` : e.styleId.startsWith("Heading") && (n.color = nt), n;
+}
+function it(e) {
+	return !e || e.length === 0 ? [] : e.filter((e) => e.type === "paragraph").filter((e) => e.qFormat ? !0 : !(e.hidden || e.semiHidden)).map((e) => ({
+		styleId: e.styleId,
+		name: e.name || e.styleId,
+		priority: e.uiPriority ?? 99,
+		fontSize: e.rPr?.fontSize,
+		bold: e.rPr?.bold,
+		italic: e.rPr?.italic,
+		color: e.rPr?.color?.rgb
+	})).sort((e, t) => e.priority - t.priority);
+}
+//#endregion
+//#region src/composables/useParagraphStyleOptions.ts
+function at(e) {
+	let t = r(() => {
+		let t = it(e.documentStyles());
+		return t.length > 0 ? t.map((t) => {
+			let n = Je.find((e) => e.id === t.styleId);
+			return {
+				id: t.styleId,
+				label: n ? e.t(n.nameKey) : t.name,
+				previewStyle: rt(t)
+			};
+		}) : Je.map((t) => ({
+			id: t.id,
+			label: e.t(t.nameKey),
+			previewStyle: rt({ styleId: t.id })
+		}));
+	});
+	return {
+		resolvedParagraphStyles: t,
+		currentStyleLabel: r(() => {
+			let n = e.currentStyleId() || "Normal", r = t.value.find((e) => e.id === n);
+			return r ? r.label : n;
+		})
+	};
+}
+//#endregion
+//#region src/components/ui/Button.vue?vue&type=script&setup=true&lang.ts
+var ot = ["disabled"], st = "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", ct = /* @__PURE__ */ u({
+	__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"
+		}, i = {
+			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 = r(() => [
+			st,
+			n[t.variant],
+			i[t.size],
+			t.className
+		].filter(Boolean).join(" "));
+		return (t, n) => (v(), o("button", {
+			class: m(a.value),
+			disabled: e.disabled,
+			onClick: n[0] ||= (e) => t.$emit("click", e)
+		}, [C(t.$slots, "default")], 10, ot));
+	}
+}), lt = [
+	"disabled",
+	"title",
+	"aria-label"
+], ut = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-expanded"
+], dt = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-expanded"
+], ft = { class: "docx-color-picker__button-stack" }, pt = ["aria-label"], mt = {
+	key: 0,
+	class: "docx-color-picker__auto-icon docx-color-picker__auto-icon--none"
+}, ht = {
+	key: 1,
+	class: "docx-color-picker__auto-icon docx-color-picker__auto-icon--auto"
+}, gt = { class: "docx-color-picker__section-label" }, _t = { class: "docx-color-picker__grid" }, vt = [
+	"title",
+	"aria-label",
+	"aria-selected",
+	"onClick"
+], yt = { class: "docx-color-picker__section-label" }, bt = { class: "docx-color-picker__grid" }, xt = [
+	"title",
+	"aria-label",
+	"aria-selected",
+	"onClick"
+], St = { class: "docx-color-picker__section-label" }, Ct = { class: "docx-color-picker__custom" }, wt = ["onKeydown"], Tt = ["disabled"], Et = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "ColorPicker",
+	props: {
+		mode: {},
+		value: {},
+		theme: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		style: {},
+		title: {},
+		icon: {},
+		autoLabel: {},
+		splitButton: {
+			type: Boolean,
+			default: !0
+		},
+		defaultColor: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: i }) {
+		let u = t, d = i, { t: f } = e(), p = [
+			{
+				nameKey: "colorPicker.colors.darkRed",
+				hex: "C00000"
+			},
+			{
+				nameKey: "colorPicker.colors.red",
+				hex: "FF0000"
+			},
+			{
+				nameKey: "colorPicker.colors.orange",
+				hex: "FFC000"
+			},
+			{
+				nameKey: "colorPicker.colors.yellow",
+				hex: "FFFF00"
+			},
+			{
+				nameKey: "colorPicker.colors.lightGreen",
+				hex: "92D050"
+			},
+			{
+				nameKey: "colorPicker.colors.green",
+				hex: "00B050"
+			},
+			{
+				nameKey: "colorPicker.colors.lightBlue",
+				hex: "00B0F0"
+			},
+			{
+				nameKey: "colorPicker.colors.blue",
+				hex: "0070C0"
+			},
+			{
+				nameKey: "colorPicker.colors.darkBlue",
+				hex: "002060"
+			},
+			{
+				nameKey: "colorPicker.colors.purple",
+				hex: "7030A0"
+			}
+		];
+		function y(e) {
+			return e ? typeof e == "string" ? u.mode === "highlight" ? ne(e) || (e === "none" ? "transparent" : e.startsWith("#") ? e : `#${e}`) : e.startsWith("#") ? e : `#${e}` : V(e, u.theme) : u.mode === "text" || u.mode === "border" ? "#000000" : "transparent";
+		}
+		function b(e) {
+			return /^[0-9A-Fa-f]{6}$/.test(e.replace(/^#/, ""));
+		}
+		function C(e) {
+			let t = e.replace(/^#/, "");
+			if (t.length !== 6) return !1;
+			let n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16);
+			return (n * 299 + r * 587 + i * 114) / 1e3 > 230;
+		}
+		function w(e, t) {
+			return e ? (typeof e == "string" ? e.replace(/^#/, "").toUpperCase() : H(e, u.theme)) === t.toUpperCase() : !1;
+		}
+		function E(e) {
+			return e === "highlight" ? "FFFF00" : e === "border" ? { rgb: "000000" } : { rgb: "FF0000" };
+		}
+		function O(e) {
+			return f(e === "text" ? "fontColor" : e === "highlight" ? "formattingBar.highlightColor" : "table.borderColor");
+		}
+		function j(e) {
+			return e === "text" ? "format_color_text" : e === "highlight" ? "ink_highlighter" : "border_color";
+		}
+		let F = x(!1), I = x(""), L = x(null), R = x(null), ee = x(u.defaultColor ?? E(u.mode)), te = r(() => B(u.theme?.colorScheme ?? null)), z = r(() => te.value.flatMap((e, t) => e.map((e, n) => ({
+			...e,
+			key: `${t}-${n}`
+		})))), U = r(() => y(u.value)), W = r(() => y(ee.value)), G = r(() => O(u.mode)), K = r(() => u.icon ?? j(u.mode));
+		A(() => [
+			u.value,
+			u.mode,
+			u.theme
+		], () => {
+			let e = y(u.value).replace(/^#/, "");
+			/^[0-9A-Fa-f]{6}$/.test(e) && (I.value = e.toUpperCase());
+		}, { immediate: !0 });
+		let J = x({});
+		function re() {
+			let e = L.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			J.value = {
+				top: `${t.bottom + 4}px`,
+				left: `${t.left}px`
+			};
+		}
+		function ie() {
+			u.disabled || (F.value || re(), F.value = !F.value);
+		}
+		function Y(e, t = !0) {
+			t && (ee.value = e), d("change", e), F.value = !1;
+		}
+		function ae() {
+			u.disabled || d("change", ee.value);
+		}
+		function oe(e) {
+			if (u.mode === "highlight") {
+				Y(e.hex);
+				return;
+			}
+			let t = {
+				themeColor: e.themeSlot,
+				rgb: e.hex
+			};
+			e.tint && (t.themeTint = e.tint), e.shade && (t.themeShade = e.shade), Y(t);
+		}
+		function X(e) {
+			Y(u.mode === "highlight" ? e : { rgb: e });
+		}
+		function Z() {
+			Y(u.mode === "highlight" ? "none" : { auto: !0 }, !1);
+		}
+		function se() {
+			let e = I.value.replace(/^#/, "").toUpperCase();
+			b(e) && (Y(u.mode === "highlight" ? e : { rgb: e }), I.value = "");
+		}
+		function Q(e) {
+			e.target instanceof HTMLInputElement || e.preventDefault();
+		}
+		function ce(e) {
+			if (!F.value) return;
+			let t = e.target;
+			t instanceof Node && (L.value?.contains(t) || R.value?.contains(t) || (F.value = !1));
+		}
+		return _(() => document.addEventListener("mousedown", ce)), g(() => document.removeEventListener("mousedown", ce)), (e, r) => (v(), o("div", {
+			ref_key: "containerRef",
+			ref: L,
+			class: m(["docx-color-picker", t.className]),
+			style: h(t.style)
+		}, [t.splitButton ? (v(), o("div", {
+			key: 0,
+			class: m(["docx-color-picker__split", { "is-disabled": t.disabled }])
+		}, [s("button", {
+			type: "button",
+			class: "docx-color-picker__apply",
+			disabled: t.disabled,
+			title: t.title ?? G.value,
+			"aria-label": t.title ?? G.value,
+			onMousedown: r[0] ||= P(() => {}, ["prevent"]),
+			onClick: ae
+		}, [l(q, {
+			name: K.value,
+			size: 18
+		}, null, 8, ["name"]), s("span", {
+			class: m(["docx-color-picker__bar", { "is-light": W.value === "transparent" || C(W.value) }]),
+			style: h({ background: W.value === "transparent" ? "#fff" : W.value })
+		}, null, 6)], 40, lt), s("button", {
+			type: "button",
+			class: m(["docx-color-picker__arrow", { "is-open": F.value }]),
+			disabled: t.disabled,
+			title: t.title ?? G.value,
+			"aria-label": t.title ?? G.value,
+			"aria-haspopup": "true",
+			"aria-expanded": F.value,
+			onMousedown: r[1] ||= P(() => {}, ["prevent"]),
+			onClick: ie
+		}, [l(q, {
+			name: "arrow_drop_down",
+			size: 18
+		})], 42, ut)], 2)) : (v(), o("button", {
+			key: 1,
+			type: "button",
+			class: m(["docx-color-picker__button", { "is-open": F.value }]),
+			disabled: t.disabled,
+			title: t.title ?? G.value,
+			"aria-label": t.title ?? G.value,
+			"aria-haspopup": "true",
+			"aria-expanded": F.value,
+			onMousedown: r[2] ||= P(() => {}, ["prevent"]),
+			onClick: ie
+		}, [s("span", ft, [l(q, {
+			name: K.value,
+			size: 18
+		}, null, 8, ["name"]), s("span", {
+			class: m(["docx-color-picker__bar", { "is-light": U.value === "transparent" || C(U.value) }]),
+			style: h({ background: U.value === "transparent" ? "#fff" : U.value })
+		}, null, 6)]), l(q, {
+			name: "arrow_drop_down",
+			size: 14
+		})], 42, dt)), F.value && !t.disabled ? (v(), o("div", {
+			key: 2,
+			ref_key: "panelRef",
+			ref: R,
+			class: "docx-color-picker__panel",
+			style: h(J.value),
+			role: "dialog",
+			"aria-label": D(f)("colorPicker.ariaLabel", { type: G.value }),
+			onMousedown: Q
+		}, [
+			s("button", {
+				type: "button",
+				class: "docx-color-picker__auto",
+				onMousedown: r[3] ||= P(() => {}, ["prevent"]),
+				onClick: Z
+			}, [t.mode === "highlight" ? (v(), o("span", mt, [...r[10] ||= [s("span", { class: "docx-color-picker__auto-slash" }, null, -1)]])) : (v(), o("span", ht)), c(" " + T(t.autoLabel ?? (t.mode === "highlight" ? D(f)("colorPicker.noColor") : D(f)("colorPicker.automatic"))), 1)], 32),
+			r[12] ||= s("div", { class: "docx-color-picker__divider" }, null, -1),
+			s("div", gt, T(D(f)("colorPicker.themeColors")), 1),
+			s("div", _t, [(v(!0), o(n, null, S(z.value, (e) => (v(), o("button", {
+				key: e.key,
+				type: "button",
+				class: m(["docx-color-picker__cell", { "is-selected": w(t.value, e.hex) }]),
+				style: h({ background: "#" + e.hex }),
+				title: e.label,
+				"aria-label": e.label,
+				"aria-selected": w(t.value, e.hex),
+				onMousedown: r[4] ||= P(() => {}, ["prevent"]),
+				onClick: (t) => oe(e)
+			}, null, 46, vt))), 128))]),
+			r[13] ||= s("div", { class: "docx-color-picker__divider" }, null, -1),
+			s("div", yt, T(D(f)("colorPicker.standardColors")), 1),
+			s("div", bt, [(v(), o(n, null, S(p, (e) => s("button", {
+				key: e.hex,
+				type: "button",
+				class: m(["docx-color-picker__cell", { "is-selected": w(t.value, e.hex) }]),
+				style: h({ background: "#" + e.hex }),
+				title: D(f)(e.nameKey),
+				"aria-label": D(f)(e.nameKey),
+				"aria-selected": w(t.value, e.hex),
+				onMousedown: r[5] ||= P(() => {}, ["prevent"]),
+				onClick: (t) => X(e.hex)
+			}, null, 46, xt)), 64))]),
+			r[14] ||= s("div", { class: "docx-color-picker__divider" }, null, -1),
+			s("div", St, T(D(f)("colorPicker.customColor")), 1),
+			s("div", Ct, [
+				r[11] ||= s("span", { class: "docx-color-picker__hash" }, "#", -1),
+				M(s("input", {
+					"onUpdate:modelValue": r[6] ||= (e) => I.value = e,
+					type: "text",
+					class: "docx-color-picker__hex",
+					placeholder: "FF0000",
+					maxlength: "6",
+					"aria-label": "Custom hex color",
+					onInput: r[7] ||= (e) => I.value = I.value.replace(/[^0-9A-Fa-f]/g, "").slice(0, 6),
+					onKeydown: N(P(se, ["prevent"]), ["enter"]),
+					onMousedown: r[8] ||= P(() => {}, ["stop"])
+				}, null, 40, wt), [[k, I.value]]),
+				s("button", {
+					type: "button",
+					class: "docx-color-picker__apply-btn",
+					disabled: !b(I.value),
+					onMousedown: r[9] ||= P(() => {}, ["prevent"]),
+					onClick: se
+				}, T(D(f)("common.apply")), 41, Tt)
+			])
+		], 44, pt)) : a("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-e0823d53"]]), Dt = {
+	Button: ct,
+	ColorPicker: Et,
+	Popover: Z,
+	Menu: $
+}, Ot = Symbol("folio-ui-components");
+function kt(e) {
+	return e ? {
+		...Dt,
+		...e
+	} : Dt;
+}
+function At(e) {
+	y(Ot, kt(e));
+}
+function jt() {
+	return d(Ot, Dt);
+}
+var Mt = u({
+	name: "FolioUIProvider",
+	props: { components: {
+		type: Object,
+		default: void 0
+	} },
+	setup(e, { slots: t }) {
+		return At(e.components), () => t.default?.();
+	}
+}), Nt = {
+	key: 0,
+	class: "basic-toolbar"
+}, Pt = [
+	"title",
+	"aria-label",
+	"disabled"
+], Ft = [
+	"title",
+	"aria-label",
+	"disabled"
+], It = ["disabled", "title"], Lt = ["aria-expanded", "title"], Rt = ["disabled", "title"], zt = ["onMousedown"], Bt = ["aria-expanded", "title"], Vt = ["onMousedown"], Ht = ["aria-expanded", "title"], Ut = {
+	key: 0,
+	class: "toolbar-dropdown__group-label"
+}, Wt = ["onMousedown"], Gt = ["title"], Kt = [
+	"value",
+	"title",
+	"aria-expanded"
+], qt = ["title"], Jt = ["onMousedown"], Yt = ["title", "aria-label"], Xt = ["title", "aria-label"], Zt = ["title", "aria-label"], Qt = ["title", "aria-label"], $t = ["title", "aria-label"], en = ["title", "aria-label"], tn = ["title", "aria-label"], nn = ["aria-expanded", "title"], rn = ["title"], an = ["title"], on = ["title"], sn = ["title"], cn = ["title", "aria-label"], ln = ["title", "aria-label"], un = [
+	"title",
+	"aria-label",
+	"disabled"
+], dn = ["title", "aria-label"], fn = ["aria-expanded", "title"], pn = ["onMousedown"], mn = ["title", "aria-label"], hn = ["title", "aria-label"], gn = ["title", "aria-label"], _n = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "Toolbar",
+	props: {
+		view: { default: null },
+		getCommands: {
+			type: Function,
+			default: () => ({})
+		},
+		stateTick: { default: 0 },
+		zoomPercent: {},
+		isMinZoom: { type: Boolean },
+		isMaxZoom: { type: Boolean },
+		zoomPresets: {},
+		showZoomControl: { type: Boolean },
+		editorMode: {},
+		showReviewControls: {
+			type: Boolean,
+			default: !1
+		},
+		trackChangesOn: {
+			type: Boolean,
+			default: !1
+		},
+		displayMode: { default: "all-markup" },
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		commentsSidebarOpen: { type: Boolean },
+		imageContext: {},
+		theme: {},
+		fontFamilies: {},
+		documentFonts: {},
+		documentStyles: {}
+	},
+	emits: [
+		"find-replace",
+		"insert-table",
+		"insert-image",
+		"insert-link",
+		"insert-symbol",
+		"insert-page-break",
+		"insert-toc",
+		"page-setup",
+		"toggle-outline",
+		"zoom-in",
+		"zoom-out",
+		"zoom-set",
+		"toggle-sidebar",
+		"apply-style",
+		"mode-change",
+		"toggle-track-changes",
+		"update:display-mode",
+		"image-wrap-type",
+		"image-properties",
+		"image-transform"
+	],
+	setup(t, { emit: u }) {
+		let { ColorPicker: d } = jt(), f = t, { t: p } = e(), g = u, _ = r(() => f.zoomPercent ?? 100), y = r(() => f.isMinZoom ?? !1), b = r(() => f.isMaxZoom ?? !1), w = r(() => f.zoomPresets ?? Xe), E = r(() => f.showZoomControl ?? !0), O = x(null), k = x(null), A = x(null), j = x(null), M = x(null), I = x(null), { openDropdown: L, dropdownMenuStyle: R, toggleDropdown: B, recomputeDropdownPos: V } = Ze({
+			zoom: I,
+			style: O,
+			font: k,
+			size: A,
+			align: j,
+			spacing: M
+		}), H = r(() => {
+			f.stateTick;
+			let e = f.view;
+			return e ? F(e.state) : {
+				hasSelection: !1,
+				isMultiParagraph: !1,
+				textFormatting: {},
+				paragraphFormatting: {},
+				startParagraphIndex: 0,
+				endParagraphIndex: 0,
+				inList: !1,
+				activeCommentIds: [],
+				inInsertion: !1,
+				inDeletion: !1
+			};
+		}), ne = r(() => {
+			let e = H.value.textFormatting.fontFamily;
+			return e?.ascii || e?.hAnsi || "Arial";
+		}), U = r(() => {
+			let e = H.value.textFormatting.fontSize;
+			return e ? e / 2 : 11;
+		}), W = r(() => H.value.paragraphFormatting.alignment || "left"), G = r(() => {
+			switch (W.value) {
+				case "center": return "format_align_center";
+				case "right": return "format_align_right";
+				case "both": return "format_align_justify";
+				default: return "format_align_left";
+			}
+		}), { resolvedParagraphStyles: K, currentStyleLabel: J } = at({
+			documentStyles: () => f.documentStyles,
+			currentStyleId: () => H.value.paragraphFormatting.styleId || "Normal",
+			t: p
+		}), re = r(() => {
+			f.stateTick;
+			let e = f.view;
+			return e ? te(e.state) > 0 : !1;
+		}), ie = r(() => {
+			f.stateTick;
+			let e = f.view;
+			return e ? ee(e.state) > 0 : !1;
+		}), Y = r(() => {
+			let e = H.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
+			return t || n;
+		}), ae = r(() => {
+			let e = H.value.textFormatting.color?.rgb;
+			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
+		}), oe = r(() => {
+			let e = H.value.textFormatting.highlight;
+			if (!(!e || e === "none")) return e.replace(/^#/, "").toUpperCase();
+		}), X = r(() => Ue(f.fontFamilies) ?? Ke), Z = r(() => Ge(f.documentFonts, X.value.map((e) => e.name))), se = r(() => [
+			{
+				label: p("font.documentFonts"),
+				fonts: Z.value
+			},
+			{
+				label: p("font.sansSerif"),
+				fonts: X.value.filter((e) => e.category === "sans-serif")
+			},
+			{
+				label: p("font.serif"),
+				fonts: X.value.filter((e) => e.category === "serif")
+			},
+			{
+				label: p("font.monospace"),
+				fonts: X.value.filter((e) => e.category === "monospace")
+			},
+			{
+				label: p("font.other"),
+				fonts: X.value.filter((e) => !e.category || e.category === "other")
+			}
+		]);
+		function Q(e, ...t) {
+			let n = f.view;
+			if (!n) return;
+			let r = f.getCommands()[e];
+			if (!r) {
+				typeof console < "u" && console.warn("[Toolbar] command not found:", e);
+				return;
+			}
+			r(...t)(n.state, (e) => n.dispatch(e), n), n.hasFocus() || n.focus(), L.value = null;
+		}
+		function ce(e) {
+			Q("setFontFamily", e);
+		}
+		let { onSizeFocus: le, onSizeInput: ue, commitFontSize: de, pickFontSize: fe, increaseFontSize: pe, decreaseFontSize: $ } = Qe({
+			currentFontSize: U,
+			openDropdown: L,
+			recomputeDropdownPos: V,
+			execCommand: Q
+		});
+		function me(e) {
+			if (typeof e == "object" && e.auto) {
+				Q("clearTextColor");
+				return;
+			}
+			Q("setTextColor", typeof e == "string" ? { rgb: e } : e);
+		}
+		function he() {
+			let e = f.view;
+			e && (z(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
+		}
+		function ge(e) {
+			Q("setHighlight", typeof e == "string" ? e : e.rgb ?? "none");
+		}
+		function _e(e) {
+			g("apply-style", e), L.value = null;
+		}
+		function ve(e) {
+			Q("setLineSpacing", e);
+		}
+		function ye(e) {
+			let t = H.value.paragraphFormatting.lineSpacing;
+			return t ? Math.abs(t - e) < 10 : e === 240;
+		}
+		return (e, r) => t.view ? (v(), o("div", Nt, [
+			s("button", {
+				title: D(p)("undoShortcut"),
+				"aria-label": D(p)("undo"),
+				disabled: !re.value,
+				onMousedown: r[0] ||= P((e) => Q("undo"), ["prevent"])
+			}, [l(q, { name: "undo" })], 40, Pt),
+			s("button", {
+				title: D(p)("redoShortcut"),
+				"aria-label": D(p)("redo"),
+				disabled: !ie.value,
+				onMousedown: r[1] ||= P((e) => Q("redo"), ["prevent"])
+			}, [l(q, { name: "redo" })], 40, Ft),
+			r[42] ||= s("span", { class: "divider" }, null, -1),
+			E.value ? (v(), o("div", {
+				key: 0,
+				class: "toolbar-dropdown zoom-group",
+				ref_key: "zoomDropdownRef",
+				ref: I
+			}, [
+				s("button", {
+					class: "size-btn",
+					onMousedown: r[2] ||= P((t) => e.$emit("zoom-out"), ["prevent"]),
+					disabled: y.value,
+					title: D(p)("zoom.zoomOut")
+				}, " − ", 40, It),
+				s("button", {
+					class: "toolbar-dropdown__trigger zoom-trigger",
+					onMousedown: r[3] ||= P((e) => D(B)("zoom"), ["prevent"]),
+					"aria-expanded": D(L) === "zoom",
+					"aria-haspopup": "listbox",
+					title: D(p)("zoom.zoomLevel")
+				}, [c(T(_.value) + "% ", 1), l(q, {
+					class: "chevron",
+					name: "arrow_drop_down",
+					size: 16
+				})], 40, Lt),
+				s("button", {
+					class: "size-btn",
+					onMousedown: r[4] ||= P((t) => e.$emit("zoom-in"), ["prevent"]),
+					disabled: b.value,
+					title: D(p)("zoom.zoomIn")
+				}, " + ", 40, Rt),
+				D(L) === "zoom" ? (v(), o("div", {
+					key: 0,
+					style: h(D(R)),
+					class: "toolbar-dropdown__menu zoom-menu"
+				}, [(v(!0), o(n, null, S(w.value, (t) => (v(), o("button", {
+					key: t,
+					class: m(["toolbar-dropdown__item", { active: _.value === Math.round(t * 100) }]),
+					onMousedown: P((n) => e.$emit("zoom-set", t), ["prevent"])
+				}, T(Math.round(t * 100)) + "% ", 43, zt))), 128))], 4)) : a("", !0)
+			], 512)) : a("", !0),
+			r[43] ||= s("span", { class: "divider" }, null, -1),
+			s("div", {
+				class: "toolbar-dropdown",
+				ref_key: "styleDropdownRef",
+				ref: O
+			}, [s("button", {
+				class: "toolbar-dropdown__trigger style-trigger",
+				onMousedown: r[5] ||= P((e) => D(B)("style"), ["prevent"]),
+				"aria-expanded": D(L) === "style",
+				"aria-haspopup": "listbox",
+				title: D(p)("styles.selectAriaLabel")
+			}, [c(T(D(J)) + " ", 1), l(q, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, Bt), D(L) === "style" ? (v(), o("div", {
+				key: 0,
+				style: h(D(R)),
+				class: "toolbar-dropdown__menu style-menu"
+			}, [(v(!0), o(n, null, S(D(K), (e) => (v(), o("button", {
+				key: e.id,
+				class: m(["toolbar-dropdown__item", { active: (H.value.paragraphFormatting.styleId || "Normal") === e.id }]),
+				onMousedown: P((t) => _e(e.id), ["prevent"])
+			}, [s("span", { style: h({ ...e.previewStyle }) }, T(e.label), 5)], 42, Vt))), 128))], 4)) : a("", !0)], 512),
+			r[44] ||= s("span", { class: "divider" }, null, -1),
+			s("div", {
+				class: "toolbar-dropdown",
+				ref_key: "fontDropdownRef",
+				ref: k
+			}, [s("button", {
+				class: "toolbar-dropdown__trigger font-trigger",
+				onMousedown: r[6] ||= P((e) => D(B)("font"), ["prevent"]),
+				"aria-expanded": D(L) === "font",
+				"aria-haspopup": "listbox",
+				title: D(p)("font.selectAriaLabel")
+			}, [c(T(ne.value) + " ", 1), l(q, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, Ht), D(L) === "font" ? (v(), o("div", {
+				key: 0,
+				style: h(D(R)),
+				class: "toolbar-dropdown__menu font-menu"
+			}, [(v(!0), o(n, null, S(se.value, (e) => (v(), o(n, { key: e.label }, [e.fonts.length > 0 ? (v(), o("div", Ut, T(e.label), 1)) : a("", !0), (v(!0), o(n, null, S(e.fonts, (e) => (v(), o("button", {
+				key: e.name,
+				class: m(["toolbar-dropdown__item", { active: ne.value === e.name }]),
+				style: h({ fontFamily: e.fontFamily }),
+				onMousedown: P((t) => ce(e.name), ["prevent"])
+			}, T(e.name), 47, Wt))), 128))], 64))), 128))], 4)) : a("", !0)], 512),
+			s("div", {
+				class: "toolbar-dropdown font-size-group",
+				ref_key: "sizeDropdownRef",
+				ref: A
+			}, [
+				s("button", {
+					class: "size-btn",
+					onMousedown: r[7] ||= P((...e) => D($) && D($)(...e), ["prevent"]),
+					title: D(p)("fontSize.decrease")
+				}, " − ", 40, Gt),
+				s("input", {
+					class: "size-trigger size-input",
+					type: "text",
+					value: U.value,
+					title: D(p)("fontSize"),
+					onMousedown: r[8] ||= P(() => {}, ["stop"]),
+					onFocus: r[9] ||= (...e) => D(le) && D(le)(...e),
+					"aria-expanded": D(L) === "size",
+					"aria-haspopup": "listbox",
+					onInput: r[10] ||= (...e) => D(ue) && D(ue)(...e),
+					onKeydown: [
+						r[11] ||= N(P((e) => D(pe)(), ["prevent", "stop"]), ["up"]),
+						r[12] ||= N(P((e) => D($)(), ["prevent", "stop"]), ["down"]),
+						r[13] ||= N(P((e) => D(de)(e), ["prevent"]), ["enter"])
+					],
+					onBlur: r[14] ||= (e) => D(de)(e)
+				}, null, 40, Kt),
+				s("button", {
+					class: "size-btn",
+					onMousedown: r[15] ||= P((...e) => D(pe) && D(pe)(...e), ["prevent"]),
+					title: D(p)("fontSize.increase")
+				}, " + ", 40, qt),
+				D(L) === "size" ? (v(), o("div", {
+					key: 0,
+					style: h(D(R)),
+					class: "toolbar-dropdown__menu size-menu"
+				}, [(v(!0), o(n, null, S(D(qe), (e) => (v(), o("button", {
+					key: e,
+					class: m(["toolbar-dropdown__item", { active: U.value === e }]),
+					onMousedown: P((t) => D(fe)(e), ["prevent"])
+				}, T(e), 43, Jt))), 128))], 4)) : a("", !0)
+			], 512),
+			r[45] ||= s("span", { class: "divider" }, null, -1),
+			s("button", {
+				title: D(p)("boldShortcut"),
+				"aria-label": D(p)("bold"),
+				class: m({ active: H.value.textFormatting.bold }),
+				onMousedown: r[16] ||= P((e) => Q("toggleBold"), ["prevent"])
+			}, [l(q, { name: "format_bold" })], 42, Yt),
+			s("button", {
+				title: D(p)("italicShortcut"),
+				"aria-label": D(p)("italic"),
+				class: m({ active: H.value.textFormatting.italic }),
+				onMousedown: r[17] ||= P((e) => Q("toggleItalic"), ["prevent"])
+			}, [l(q, { name: "format_italic" })], 42, Xt),
+			s("button", {
+				title: D(p)("underlineShortcut"),
+				"aria-label": D(p)("underline"),
+				class: m({ active: !!H.value.textFormatting.underline }),
+				onMousedown: r[18] ||= P((e) => Q("toggleUnderline"), ["prevent"])
+			}, [l(q, { name: "format_underlined" })], 42, Zt),
+			s("button", {
+				title: D(p)("formattingBar.strikethrough"),
+				"aria-label": D(p)("formattingBar.strikethrough"),
+				class: m({ active: H.value.textFormatting.strike }),
+				onMousedown: r[19] ||= P((e) => Q("toggleStrike"), ["prevent"])
+			}, [l(q, { name: "strikethrough_s" })], 42, Qt),
+			l(D(d), {
+				mode: "text",
+				value: ae.value,
+				theme: t.theme ?? null,
+				onChange: me
+			}, null, 8, ["value", "theme"]),
+			l(D(d), {
+				mode: "highlight",
+				value: oe.value,
+				theme: t.theme ?? null,
+				onChange: ge
+			}, null, 8, ["value", "theme"]),
+			s("button", {
+				title: D(p)("formattingBar.insertLinkShortcut"),
+				"aria-label": D(p)("formattingBar.insertLink"),
+				onMousedown: r[20] ||= P((t) => e.$emit("insert-link"), ["prevent"])
+			}, [l(q, { name: "link" })], 40, $t),
+			s("button", {
+				title: D(p)("formattingBar.superscriptShortcut"),
+				"aria-label": D(p)("formattingBar.superscript"),
+				class: m({ active: H.value.textFormatting.vertAlign === "superscript" }),
+				onMousedown: r[21] ||= P((e) => Q("toggleSuperscript"), ["prevent"])
+			}, [l(q, { name: "superscript" })], 42, en),
+			s("button", {
+				title: D(p)("formattingBar.subscriptShortcut"),
+				"aria-label": D(p)("formattingBar.subscript"),
+				class: m({ active: H.value.textFormatting.vertAlign === "subscript" }),
+				onMousedown: r[22] ||= P((e) => Q("toggleSubscript"), ["prevent"])
+			}, [l(q, { name: "subscript" })], 42, tn),
+			r[46] ||= s("span", { class: "divider" }, null, -1),
+			s("div", {
+				class: "toolbar-dropdown",
+				ref_key: "alignDropdownRef",
+				ref: j
+			}, [s("button", {
+				class: "toolbar-dropdown__trigger align-trigger",
+				onMousedown: r[23] ||= P((e) => D(B)("align"), ["prevent"]),
+				"aria-expanded": D(L) === "align",
+				"aria-haspopup": "listbox",
+				title: D(p)("alignmentGroup")
+			}, [l(q, { name: G.value }, null, 8, ["name"]), l(q, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, nn), D(L) === "align" ? (v(), o("div", {
+				key: 0,
+				style: h(D(R)),
+				class: "toolbar-dropdown__menu align-strip"
+			}, [
+				s("button", {
+					class: m(["align-strip__btn", { active: W.value === "left" }]),
+					title: `${D(p)("alignLeft")} (${D(p)("alignment.alignLeftShortcut")})`,
+					onMousedown: r[24] ||= P((e) => {
+						Q("alignLeft"), L.value = null;
+					}, ["prevent"])
+				}, [l(q, {
+					name: "format_align_left",
+					size: 18
+				})], 42, rn),
+				s("button", {
+					class: m(["align-strip__btn", { active: W.value === "center" }]),
+					title: `${D(p)("alignCenter")} (${D(p)("alignment.centerShortcut")})`,
+					onMousedown: r[25] ||= P((e) => {
+						Q("alignCenter"), L.value = null;
+					}, ["prevent"])
+				}, [l(q, {
+					name: "format_align_center",
+					size: 18
+				})], 42, an),
+				s("button", {
+					class: m(["align-strip__btn", { active: W.value === "right" }]),
+					title: `${D(p)("alignRight")} (${D(p)("alignment.alignRightShortcut")})`,
+					onMousedown: r[26] ||= P((e) => {
+						Q("alignRight"), L.value = null;
+					}, ["prevent"])
+				}, [l(q, {
+					name: "format_align_right",
+					size: 18
+				})], 42, on),
+				s("button", {
+					class: m(["align-strip__btn", { active: W.value === "both" }]),
+					title: `${D(p)("justify")} (${D(p)("alignment.justifyShortcut")})`,
+					onMousedown: r[27] ||= P((e) => {
+						Q("alignJustify"), L.value = null;
+					}, ["prevent"])
+				}, [l(q, {
+					name: "format_align_justify",
+					size: 18
+				})], 42, sn)
+			], 4)) : a("", !0)], 512),
+			s("button", {
+				title: D(p)("bulletList"),
+				"aria-label": D(p)("bulletList"),
+				class: m({ active: H.value.inList && H.value.listType === "bullet" }),
+				onMousedown: r[28] ||= P((e) => Q("toggleBulletList"), ["prevent"])
+			}, [l(q, { name: "format_list_bulleted" })], 42, cn),
+			s("button", {
+				title: D(p)("numberedList"),
+				"aria-label": D(p)("numberedList"),
+				class: m({ active: H.value.inList && H.value.listType === "numbered" }),
+				onMousedown: r[29] ||= P((e) => Q("toggleNumberedList"), ["prevent"])
+			}, [l(q, { name: "format_list_numbered" })], 42, ln),
+			s("button", {
+				title: D(p)("decreaseIndent"),
+				"aria-label": D(p)("decreaseIndent"),
+				disabled: !Y.value,
+				onMousedown: r[30] ||= P((e) => Q("outdent"), ["prevent"])
+			}, [l(q, { name: "format_indent_decrease" })], 40, un),
+			s("button", {
+				title: D(p)("increaseIndent"),
+				"aria-label": D(p)("increaseIndent"),
+				onMousedown: r[31] ||= P((e) => Q("indent"), ["prevent"])
+			}, [l(q, { name: "format_indent_increase" })], 40, dn),
+			s("div", {
+				class: "toolbar-dropdown",
+				ref_key: "spacingDropdownRef",
+				ref: M
+			}, [s("button", {
+				class: "toolbar-dropdown__trigger",
+				onMousedown: r[32] ||= P((e) => D(B)("spacing"), ["prevent"]),
+				"aria-expanded": D(L) === "spacing",
+				"aria-haspopup": "listbox",
+				title: D(p)("lineSpacing.label")
+			}, [l(q, { name: "format_line_spacing" }), l(q, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, fn), D(L) === "spacing" ? (v(), o("div", {
+				key: 0,
+				style: h(D(R)),
+				class: "toolbar-dropdown__menu"
+			}, [(v(!0), o(n, null, S(D(Ye), (e) => (v(), o("button", {
+				key: e.value,
+				class: m(["toolbar-dropdown__item", { active: ye(e.value) }]),
+				onMousedown: P((t) => ve(e.value), ["prevent"])
+			}, T(e.labelKey ? D(p)(e.labelKey) : e.label), 43, pn))), 128))], 4)) : a("", !0)], 512),
+			s("button", {
+				title: D(p)("formattingBar.clearFormatting"),
+				"aria-label": D(p)("formattingBar.clearFormatting"),
+				onMousedown: P(he, ["prevent"])
+			}, [l(q, { name: "format_clear" })], 40, mn),
+			r[47] ||= s("span", { class: "divider" }, null, -1),
+			s("button", {
+				title: D(p)("formattingBar.commentsAndChanges"),
+				"aria-label": D(p)("formattingBar.commentsAndChanges"),
+				class: m({ active: t.commentsSidebarOpen }),
+				onMousedown: r[33] ||= P((t) => e.$emit("toggle-sidebar"), ["prevent"])
+			}, [l(q, { name: "comment" })], 42, hn),
+			t.imageContext ? (v(), o(n, { key: 1 }, [
+				r[40] ||= s("span", { class: "divider" }, null, -1),
+				l(Te, {
+					"image-context": t.imageContext,
+					onChange: r[34] ||= (t) => e.$emit("image-wrap-type", t)
+				}, null, 8, ["image-context"]),
+				l(Ee, { onTransform: r[35] ||= (t) => e.$emit("image-transform", t) }),
+				s("button", {
+					title: D(p)("formattingBar.imagePropertiesShortcut"),
+					"aria-label": D(p)("formattingBar.imageProperties"),
+					onMousedown: r[36] ||= P((t) => e.$emit("image-properties"), ["prevent"])
+				}, [l(q, { name: "tune" })], 40, gn)
+			], 64)) : a("", !0),
+			C(e.$slots, "table-context", {}, void 0, !0),
+			t.showReviewControls ? (v(), o(n, { key: 2 }, [r[41] ||= s("span", { class: "divider" }, null, -1), l(He, {
+				"track-changes-on": t.trackChangesOn,
+				"display-mode": t.displayMode,
+				"read-only": t.readOnly,
+				onToggleTrackChanges: r[37] ||= (t) => e.$emit("toggle-track-changes"),
+				"onUpdate:displayMode": r[38] ||= (t) => e.$emit("update:display-mode", t)
+			}, null, 8, [
+				"track-changes-on",
+				"display-mode",
+				"read-only"
+			])], 64)) : a("", !0),
+			r[48] ||= s("span", { class: "divider" }, null, -1),
+			t.editorMode ? (v(), i(Pe, {
+				key: 3,
+				"model-value": t.editorMode,
+				"onUpdate:modelValue": r[39] ||= (t) => e.$emit("mode-change", t)
+			}, null, 8, ["model-value"])) : a("", !0),
+			C(e.$slots, "toolbar-extra", {}, void 0, !0)
+		])) : a("", !0);
+	}
+}), [["__scopeId", "data-v-e3cd76a8"]]), vn = ["aria-valuemax"], yn = { class: "docx-horizontal-ruler__ticks" }, bn = ["title", "onDblclick"], xn = 12240, Sn = 1440, Cn = 1440, wn = 567, Tn = "var(--doc-primary)", En = "var(--doc-primary)", Dn = "var(--doc-primary-hover)", On = 5, kn = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "HorizontalRuler",
+	props: {
+		sectionProps: {},
+		zoom: { default: 1 },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		showFirstLineIndent: {
+			type: Boolean,
+			default: !1
+		},
+		firstLineIndent: { default: 0 },
+		hangingIndent: {
+			type: Boolean,
+			default: !1
+		},
+		indentLeft: { default: 0 },
+		indentRight: { default: 0 },
+		unit: { default: "inch" },
+		tabStops: {}
+	},
+	emits: [
+		"left-margin-change",
+		"right-margin-change",
+		"first-line-indent-change",
+		"indent-left-change",
+		"indent-right-change",
+		"tab-stop-remove"
+	],
+	setup(e, { emit: t }) {
+		let i = e, c = t, l = Math.round(On * 1.6), u = x(null), d = x(null), f = x(null), p = x(0), m = x("");
+		function _(e) {
+			return L(e) * i.zoom;
+		}
+		function y(e) {
+			return Math.round(I(e / i.zoom));
+		}
+		let b = r(() => i.sectionProps?.pageWidth ?? xn), C = r(() => i.sectionProps?.marginLeft ?? Sn), w = r(() => i.sectionProps?.marginRight ?? Sn), E = r(() => b.value - C.value - w.value), D = r(() => _(b.value)), O = r(() => _(C.value)), k = r(() => _(w.value)), A = r(() => _(i.indentLeft)), j = r(() => _(i.indentRight)), M = r(() => i.hangingIndent ? -i.firstLineIndent : i.firstLineIndent), N = r(() => _(M.value)), F = r(() => O.value + A.value), R = r(() => D.value - k.value - j.value), ee = r(() => O.value + A.value + N.value), te = r(() => ({
+			position: "relative",
+			width: D.value + "px",
+			height: "22px",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			userSelect: "none",
+			cursor: d.value ? "ew-resize" : "default"
+		})), z = r(() => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: O.value + "px",
+			height: "22px",
+			backgroundColor: "var(--doc-shadow-subtle)",
+			borderRight: "1px solid var(--doc-shadow-subtle)",
+			cursor: i.editable ? "ew-resize" : "default",
+			zIndex: 1
+		})), B = r(() => ({
+			position: "absolute",
+			top: 0,
+			right: 0,
+			width: k.value + "px",
+			height: "22px",
+			backgroundColor: "var(--doc-shadow-subtle)",
+			borderLeft: "1px solid var(--doc-shadow-subtle)",
+			cursor: i.editable ? "ew-resize" : "default",
+			zIndex: 1
+		})), V = r(() => {
+			let e = [];
+			if (i.unit === "inch") {
+				let t = Cn / 8, n = Math.ceil(b.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > b.value) break;
+					let i = _(n);
+					r % 8 == 0 ? e.push({
+						position: i,
+						height: 10,
+						label: r / 8 > 0 ? String(r / 8) : void 0
+					}) : r % 4 == 0 ? e.push({
+						position: i,
+						height: 6
+					}) : r % 2 == 0 ? e.push({
+						position: i,
+						height: 4
+					}) : e.push({
+						position: i,
+						height: 2
+					});
+				}
+			} else {
+				let t = wn / 10, n = Math.ceil(b.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > b.value) break;
+					let i = _(n);
+					r % 10 == 0 ? e.push({
+						position: i,
+						height: 10,
+						label: r / 10 > 0 ? String(r / 10) : void 0
+					}) : r % 5 == 0 ? e.push({
+						position: i,
+						height: 6
+					}) : e.push({
+						position: i,
+						height: 3
+					});
+				}
+			}
+			return e;
+		}), H = r(() => i.tabStops?.length ? i.tabStops.map((e) => {
+			let t = e.position;
+			return {
+				px: _(t),
+				twips: t,
+				label: ne(t)
+			};
+		}) : []);
+		function ne(e) {
+			return i.unit === "cm" ? (e / wn).toFixed(1) + " cm" : (e / Cn).toFixed(2) + "\"";
+		}
+		function U(e) {
+			return d.value === e ? Dn : f.value === e ? En : Tn;
+		}
+		function W(e, t, n) {
+			return {
+				position: "absolute",
+				left: t - On + "px",
+				width: "10px",
+				height: "10px",
+				cursor: i.editable ? "ew-resize" : "default",
+				zIndex: n ? 10 : 4,
+				...e === "down" ? { top: 0 } : { bottom: 0 }
+			};
+		}
+		function G(e, t) {
+			return e === "down" ? {
+				position: "absolute",
+				top: "1px",
+				left: 0,
+				width: 0,
+				height: 0,
+				borderLeft: `${On}px solid transparent`,
+				borderRight: `${On}px solid transparent`,
+				borderTop: `${l}px solid ${t}`,
+				transition: "border-top-color 0.1s"
+			} : {
+				position: "absolute",
+				bottom: "1px",
+				left: 0,
+				width: 0,
+				height: 0,
+				borderLeft: `${On}px solid transparent`,
+				borderRight: `${On}px solid transparent`,
+				borderBottom: `${l}px solid ${t}`,
+				transition: "border-bottom-color 0.1s"
+			};
+		}
+		let K = 0;
+		function q(e, t) {
+			i.editable && (d.value = e, e === "leftMargin" ? K = C.value : e === "rightMargin" ? K = w.value : e === "leftIndent" ? K = i.indentLeft : e === "rightIndent" ? K = i.indentRight : e === "firstLineIndent" && (K = i.firstLineIndent), p.value = t.clientX - (u.value?.getBoundingClientRect().left ?? 0), m.value = ne(K), document.addEventListener("mousemove", J), document.addEventListener("mouseup", re));
+		}
+		function J(e) {
+			if (!d.value || !u.value) return;
+			let t = u.value.getBoundingClientRect();
+			if (!t) return;
+			let n = e.clientX - t.left;
+			p.value = n;
+			let r = y(n), i = ie(d.value, r);
+			m.value = ne(i), Y(d.value, i);
+		}
+		function re(e) {
+			d.value = null, document.removeEventListener("mousemove", J), document.removeEventListener("mouseup", re);
+		}
+		function ie(e, t) {
+			if (e === "leftMargin") {
+				let e = b.value - w.value - 720;
+				return Math.round(Math.max(0, Math.min(t, e)));
+			}
+			if (e === "rightMargin") {
+				let e = b.value - t, n = b.value - C.value - 720;
+				return Math.round(Math.max(0, Math.min(e, n)));
+			}
+			if (e === "firstLineIndent") {
+				let e = t - (C.value + i.indentLeft), n = E.value - i.indentLeft - i.indentRight - 720;
+				return Math.round(Math.max(-i.indentLeft, Math.min(e, n)));
+			}
+			if (e === "leftIndent") {
+				let e = t - C.value, n = E.value - i.indentRight - 720;
+				return Math.round(Math.max(0, Math.min(e, n)));
+			}
+			let n = b.value - w.value - t, r = E.value - i.indentLeft - 720;
+			return Math.round(Math.max(0, Math.min(n, r)));
+		}
+		function Y(e, t) {
+			switch (e) {
+				case "leftMargin":
+					c("left-margin-change", t);
+					break;
+				case "rightMargin":
+					c("right-margin-change", t);
+					break;
+				case "firstLineIndent":
+					c("first-line-indent-change", t);
+					break;
+				case "leftIndent":
+					c("indent-left-change", t);
+					break;
+				case "rightIndent":
+					c("indent-right-change", t);
+					break;
+			}
+		}
+		return g(() => {
+			document.removeEventListener("mousemove", J), document.removeEventListener("mouseup", re);
+		}), (t, r) => (v(), o("div", {
+			ref_key: "rulerRef",
+			ref: u,
+			class: "docx-horizontal-ruler",
+			style: h(te.value),
+			role: "slider",
+			"aria-label": "Horizontal ruler",
+			"aria-valuemin": 0,
+			"aria-valuemax": b.value
+		}, [
+			s("div", {
+				class: "docx-horizontal-ruler__margin",
+				style: h(z.value),
+				onMousedown: r[0] ||= P((t) => e.editable ? q("leftMargin", t) : null, ["prevent", "stop"])
+			}, null, 36),
+			s("div", {
+				class: "docx-horizontal-ruler__margin",
+				style: h(B.value),
+				onMousedown: r[1] ||= P((t) => e.editable ? q("rightMargin", t) : null, ["prevent", "stop"])
+			}, null, 36),
+			s("div", yn, [(v(!0), o(n, null, S(V.value, (e, t) => (v(), o(n, { key: t }, [s("div", {
+				class: "docx-horizontal-ruler__tick-line",
+				style: h({
+					left: e.position + "px",
+					height: e.height + "px"
+				})
+			}, null, 4), e.label ? (v(), o("div", {
+				key: 0,
+				class: "docx-horizontal-ruler__tick-label",
+				style: h({ left: e.position + "px" })
+			}, T(e.label), 5)) : a("", !0)], 64))), 128))]),
+			e.showFirstLineIndent ? (v(), o("div", {
+				key: 0,
+				class: "docx-ruler-indent",
+				style: h(W("down", ee.value, d.value === "firstLineIndent")),
+				onMousedown: r[2] ||= P((t) => e.editable ? q("firstLineIndent", t) : null, ["prevent", "stop"]),
+				onMouseenter: r[3] ||= (e) => f.value = "firstLineIndent",
+				onMouseleave: r[4] ||= (e) => f.value = null
+			}, [s("div", { style: h(G("down", U("firstLineIndent"))) }, null, 4)], 36)) : a("", !0),
+			e.editable ? (v(), o("div", {
+				key: 1,
+				class: "docx-ruler-indent",
+				style: h(W("up", F.value, d.value === "leftIndent")),
+				onMousedown: r[5] ||= P((e) => q("leftIndent", e), ["prevent", "stop"]),
+				onMouseenter: r[6] ||= (e) => f.value = "leftIndent",
+				onMouseleave: r[7] ||= (e) => f.value = null
+			}, [s("div", { style: h(G("up", U("leftIndent"))) }, null, 4)], 36)) : a("", !0),
+			e.editable ? (v(), o("div", {
+				key: 2,
+				class: "docx-ruler-indent",
+				style: h(W("down", R.value, d.value === "rightIndent")),
+				onMousedown: r[8] ||= P((e) => q("rightIndent", e), ["prevent", "stop"]),
+				onMouseenter: r[9] ||= (e) => f.value = "rightIndent",
+				onMouseleave: r[10] ||= (e) => f.value = null
+			}, [s("div", { style: h(G("down", U("rightIndent"))) }, null, 4)], 36)) : a("", !0),
+			(v(!0), o(n, null, S(H.value, (e, n) => (v(), o("div", {
+				key: n,
+				class: "docx-horizontal-ruler__tab",
+				style: h({ left: e.px + "px" }),
+				title: `${e.label}`,
+				onDblclick: P((n) => t.$emit("tab-stop-remove", e.twips), ["prevent"])
+			}, "L", 44, bn))), 128)),
+			d.value && m.value ? (v(), o("div", {
+				key: 3,
+				class: "docx-horizontal-ruler__tooltip",
+				style: h({ left: p.value + "px" })
+			}, T(m.value), 5)) : a("", !0)
+		], 12, vn));
+	}
+}), [["__scopeId", "data-v-845ef58d"]]), An = ["disabled", "onClick"], jn = { class: "docx-tbp__panel" }, Mn = ["title", "onClick"], Nn = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "TableBorderPicker",
+	props: { disabled: { type: Boolean } },
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let r = t, a = x(!1), c = [
+			{
+				value: "all",
+				icon: "border_all",
+				label: "All borders"
+			},
+			{
+				value: "none",
+				icon: "border_clear",
+				label: "No borders"
+			},
+			{
+				value: "box",
+				icon: "border_outer",
+				label: "Outside borders"
+			},
+			{
+				value: "inside",
+				icon: "border_inner",
+				label: "Inside borders"
+			},
+			{
+				value: "top",
+				icon: "border_top",
+				label: "Top border"
+			},
+			{
+				value: "bottom",
+				icon: "border_bottom",
+				label: "Bottom border"
+			},
+			{
+				value: "left",
+				icon: "border_left",
+				label: "Left border"
+			},
+			{
+				value: "right",
+				icon: "border_right",
+				label: "Right border"
+			},
+			{
+				value: "insideH",
+				icon: "border_horizontal",
+				label: "Inside horizontal"
+			},
+			{
+				value: "insideV",
+				icon: "border_vertical",
+				label: "Inside vertical"
+			}
+		];
+		function u(e) {
+			r("change", e), a.value = !1;
+		}
+		return (t, r) => (v(), i(Z, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
+		}, {
+			trigger: j(({ toggle: t }) => [s("button", {
+				type: "button",
+				class: "docx-tbp__btn",
+				disabled: e.disabled,
+				title: "Borders",
+				onClick: P(t, ["prevent"])
+			}, [l(q, {
+				name: "border_all",
+				size: 20
+			})], 8, An)]),
+			panel: j(() => [s("div", jn, [(v(), o(n, null, S(c, (e) => s("button", {
+				key: e.value,
+				type: "button",
+				class: "docx-tbp__option",
+				title: e.label,
+				onClick: P((t) => u(e.value), ["prevent"])
+			}, [l(q, {
+				name: e.icon,
+				size: 20
+			}, null, 8, ["name"])], 8, Mn)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-47032801"]]), Pn = /* @__PURE__ */ u({
+	__name: "TableBorderColorPicker",
+	props: {
+		disabled: { type: Boolean },
+		theme: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let r = n, { t: a } = e();
+		function o(e) {
+			typeof e == "string" ? r("change", e.replace(/^#/, "")) : e.rgb ? r("change", e.rgb.replace(/^#/, "")) : e.auto && r("change", "000000");
+		}
+		return (e, n) => (v(), i(Et, {
+			mode: "border",
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
+			title: D(a)("table.borderColor"),
+			onChange: o
+		}, null, 8, [
+			"value",
+			"theme",
+			"disabled",
+			"title"
+		]));
+	}
+}), Fn = ["disabled", "onClick"], In = { class: "docx-tbwidth__panel" }, Ln = ["onClick"], Rn = { class: "docx-tbwidth__label" }, zn = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "TableBorderWidthPicker",
+	props: { disabled: { type: Boolean } },
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let r = t, a = x(!1), c = [
+			{
+				label: "0.5pt",
+				eighths: 4,
+				previewPx: 1
+			},
+			{
+				label: "0.75pt",
+				eighths: 6,
+				previewPx: 1
+			},
+			{
+				label: "1pt",
+				eighths: 8,
+				previewPx: 2
+			},
+			{
+				label: "1.5pt",
+				eighths: 12,
+				previewPx: 2
+			},
+			{
+				label: "2.25pt",
+				eighths: 18,
+				previewPx: 3
+			},
+			{
+				label: "3pt",
+				eighths: 24,
+				previewPx: 4
+			},
+			{
+				label: "4.5pt",
+				eighths: 36,
+				previewPx: 6
+			},
+			{
+				label: "6pt",
+				eighths: 48,
+				previewPx: 8
+			}
+		];
+		function u(e) {
+			r("change", e), a.value = !1;
+		}
+		return (t, r) => (v(), i(Z, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
+		}, {
+			trigger: j(({ toggle: t }) => [s("button", {
+				type: "button",
+				class: "docx-tbwidth__btn",
+				disabled: e.disabled,
+				title: "Border width",
+				onClick: P(t, ["prevent"])
+			}, [l(q, {
+				name: "line_weight",
+				size: 20
+			})], 8, Fn)]),
+			panel: j(() => [s("div", In, [(v(), o(n, null, S(c, (e) => s("button", {
+				key: e.eighths,
+				type: "button",
+				class: "docx-tbwidth__option",
+				onClick: P((t) => u(e.eighths), ["prevent"])
+			}, [s("span", {
+				class: "docx-tbwidth__preview",
+				style: h({ borderTopWidth: e.previewPx + "px" })
+			}, null, 4), s("span", Rn, T(e.label), 1)], 8, Ln)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-f11ca0b1"]]), Bn = /* @__PURE__ */ u({
+	__name: "TableCellFillPicker",
+	props: {
+		disabled: { type: Boolean },
+		theme: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let r = n, { t: a } = e();
+		function o(e) {
+			typeof e == "string" && r("change", e === "none" ? "" : e.replace(/^#/, ""));
+		}
+		return (e, n) => (v(), i(Et, {
+			mode: "highlight",
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
+			title: D(a)("table.cellFillColor"),
+			icon: "format_color_fill",
+			"auto-label": D(a)("colorPicker.noColor"),
+			onChange: o
+		}, null, 8, [
+			"value",
+			"theme",
+			"disabled",
+			"title",
+			"auto-label"
+		]));
+	}
+}), Vn = [
+	"disabled",
+	"title",
+	"onClick"
+], Hn = ["aria-label"], Un = ["disabled"], Wn = ["disabled"], Gn = ["disabled"], Kn = ["disabled"], qn = { class: "docx-tmore__section-label" }, Jn = { class: "docx-tmore__icon-row" }, Yn = ["title"], Xn = ["title"], Zn = ["title"], Qn = { class: "docx-tmore__section-label" }, $n = { class: "docx-tmore__icon-row" }, er = ["title"], tr = ["title"], nr = ["title"], rr = { class: "docx-tmore__grow" }, ir = {
+	key: 0,
+	class: "docx-tmore__sub"
+}, ar = { class: "docx-tmore__margin-grid" }, or = { class: "docx-tmore__field-label" }, sr = ["onUpdate:modelValue"], cr = { class: "docx-tmore__grow" }, lr = {
+	key: 1,
+	class: "docx-tmore__sub"
+}, ur = { class: "docx-tmore__row-field" }, dr = { class: "docx-tmore__field-label" }, fr = { value: "auto" }, pr = { value: "atLeast" }, mr = { value: "exact" }, hr = {
+	key: 0,
+	class: "docx-tmore__row-field"
+}, gr = { class: "docx-tmore__field-label" }, _r = { class: "docx-tmore__grow" }, vr = {
+	key: 2,
+	class: "docx-tmore__sub docx-tmore__sub--list"
+}, yr = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "TableMoreDropdown",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		canSplit: {
+			type: Boolean,
+			default: !1
+		},
+		canMerge: {
+			type: Boolean,
+			default: !1
+		},
+		rowCount: { default: 0 },
+		columnCount: { default: 0 },
+		currentJustification: { default: "left" }
+	},
+	emits: [
+		"action",
+		"cell-margins",
+		"cell-text-direction",
+		"row-height"
+	],
+	setup(t, { emit: r }) {
+		let c = t, u = r, { t: d } = e(), f = x(!1), p = x(!1), h = x(!1), g = x(!1), _ = b({
+			top: 0,
+			bottom: 0,
+			left: 108,
+			right: 108
+		}), y = x(0), C = x("atLeast");
+		A(f, (e) => {
+			e || (p.value = !1, h.value = !1, g.value = !1);
+		});
+		function w(e) {
+			return c.disabled ? !0 : e === "splitCell" ? !c.canSplit : e === "mergeCells" ? !c.canMerge : e === "deleteRow" ? (c.rowCount ?? 0) <= 1 : e === "deleteColumn" ? (c.columnCount ?? 0) <= 1 : !1;
+		}
+		function E(e) {
+			w(e) || (u("action", e), f.value = !1);
+		}
+		let N = (e) => {
+			let t = Number(e);
+			return Number.isFinite(t) && t > 0 ? t : 0;
+		};
+		function F() {
+			u("cell-margins", {
+				top: N(_.top),
+				bottom: N(_.bottom),
+				left: N(_.left),
+				right: N(_.right)
+			}), f.value = !1;
+		}
+		function I() {
+			let e = N(y.value);
+			C.value === "auto" || e <= 0 ? u("row-height", { height: null }) : u("row-height", {
+				height: e,
+				rule: C.value
+			}), f.value = !1;
+		}
+		function L(e) {
+			u("cell-text-direction", e), f.value = !1;
+		}
+		return (e, r) => (v(), i(Z, {
+			open: f.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[35] ||= (e) => f.value = e,
+			onClose: r[36] ||= (e) => f.value = !1
+		}, {
+			trigger: j(({ toggle: e }) => [s("button", {
+				type: "button",
+				class: m(["docx-tmore__btn", { "docx-tmore__btn--open": f.value }]),
+				disabled: t.disabled,
+				title: D(d)("tableAdvanced.tableOptions"),
+				onClick: P(e, ["prevent"])
+			}, [l(q, {
+				name: "more_vert",
+				size: 20
+			})], 10, Vn)]),
+			panel: j(() => [s("div", {
+				class: "docx-tmore__panel",
+				role: "menu",
+				"aria-label": D(d)("tableAdvanced.tableOptionsMenu")
+			}, [
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[0] ||= P((e) => E("addRowAbove"), ["prevent"])
+				}, [l(q, {
+					name: "add",
+					size: 18
+				}), s("span", null, T(D(d)("insertRowAbove")), 1)]),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[1] ||= P((e) => E("addRowBelow"), ["prevent"])
+				}, [l(q, {
+					name: "add",
+					size: 18
+				}), s("span", null, T(D(d)("insertRowBelow")), 1)]),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[2] ||= P((e) => E("addColumnLeft"), ["prevent"])
+				}, [l(q, {
+					name: "add",
+					size: 18
+				}), s("span", null, T(D(d)("insertColumnLeft")), 1)]),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[3] ||= P((e) => E("addColumnRight"), ["prevent"])
+				}, [l(q, {
+					name: "add",
+					size: 18
+				}), s("span", null, T(D(d)("insertColumnRight")), 1)]),
+				r[39] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					disabled: w("mergeCells"),
+					onClick: r[4] ||= P((e) => E("mergeCells"), ["prevent"])
+				}, [l(q, {
+					name: "call_merge",
+					size: 18
+				}), s("span", null, T(D(d)("table.mergeCells")), 1)], 8, Un),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					disabled: w("splitCell"),
+					onClick: r[5] ||= P((e) => E("splitCell"), ["prevent"])
+				}, [l(q, {
+					name: "call_split",
+					size: 18
+				}), s("span", null, T(D(d)("table.splitCell")), 1)], 8, Wn),
+				r[40] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[6] ||= P((e) => E("selectTable"), ["prevent"])
+				}, [l(q, {
+					name: "select_all",
+					size: 18
+				}), s("span", null, T(D(d)("table.selectTable")), 1)]),
+				r[41] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					disabled: w("deleteRow"),
+					onClick: r[7] ||= P((e) => E("deleteRow"), ["prevent"])
+				}, [l(q, {
+					name: "delete",
+					size: 18
+				}), s("span", null, T(D(d)("deleteRow")), 1)], 8, Gn),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					disabled: w("deleteColumn"),
+					onClick: r[8] ||= P((e) => E("deleteColumn"), ["prevent"])
+				}, [l(q, {
+					name: "delete",
+					size: 18
+				}), s("span", null, T(D(d)("deleteColumn")), 1)], 8, Kn),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					onClick: r[9] ||= P((e) => E("deleteTable"), ["prevent"])
+				}, [l(q, {
+					name: "delete",
+					size: 18
+				}), s("span", null, T(D(d)("table.deleteTable")), 1)]),
+				r[42] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("div", qn, T(D(d)("tableAdvanced.verticalAlignment")), 1),
+				s("div", Jn, [
+					s("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: D(d)("tableAdvanced.top"),
+						onMousedown: r[10] ||= P(() => {}, ["prevent"]),
+						onClick: r[11] ||= P((e) => E("verticalAlignTop"), ["prevent"])
+					}, [l(q, {
+						name: "vertical_align_top",
+						size: 16
+					})], 40, Yn),
+					s("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: D(d)("tableAdvanced.middle"),
+						onMousedown: r[12] ||= P(() => {}, ["prevent"]),
+						onClick: r[13] ||= P((e) => E("verticalAlignMiddle"), ["prevent"])
+					}, [l(q, {
+						name: "vertical_align_center",
+						size: 16
+					})], 40, Xn),
+					s("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: D(d)("tableAdvanced.bottom"),
+						onMousedown: r[14] ||= P(() => {}, ["prevent"]),
+						onClick: r[15] ||= P((e) => E("verticalAlignBottom"), ["prevent"])
+					}, [l(q, {
+						name: "vertical_align_bottom",
+						size: 16
+					})], 40, Zn)
+				]),
+				r[43] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("div", Qn, T(D(d)("tableAdvanced.tableAlignment")), 1),
+				s("div", $n, [
+					s("button", {
+						type: "button",
+						class: m(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": t.currentJustification === "left" }]),
+						title: D(d)("tableAdvanced.alignTableLeft"),
+						onMousedown: r[16] ||= P(() => {}, ["prevent"]),
+						onClick: r[17] ||= P((e) => E("alignTableLeft"), ["prevent"])
+					}, [l(q, {
+						name: "format_align_left",
+						size: 16
+					})], 42, er),
+					s("button", {
+						type: "button",
+						class: m(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": t.currentJustification === "center" }]),
+						title: D(d)("tableAdvanced.alignTableCenter"),
+						onMousedown: r[18] ||= P(() => {}, ["prevent"]),
+						onClick: r[19] ||= P((e) => E("alignTableCenter"), ["prevent"])
+					}, [l(q, {
+						name: "format_align_center",
+						size: 16
+					})], 42, tr),
+					s("button", {
+						type: "button",
+						class: m(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": t.currentJustification === "right" }]),
+						title: D(d)("tableAdvanced.alignTableRight"),
+						onMousedown: r[20] ||= P(() => {}, ["prevent"]),
+						onClick: r[21] ||= P((e) => E("alignTableRight"), ["prevent"])
+					}, [l(q, {
+						name: "format_align_right",
+						size: 16
+					})], 42, nr)
+				]),
+				r[44] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[22] ||= P((e) => p.value = !p.value, ["prevent"])
+				}, [
+					l(q, {
+						name: "padding",
+						size: 18
+					}),
+					s("span", rr, T(D(d)("tableAdvanced.cellMargins")), 1),
+					l(q, {
+						name: p.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				p.value ? (v(), o("div", ir, [s("div", ar, [(v(), o(n, null, S([
+					"top",
+					"bottom",
+					"left",
+					"right"
+				], (e) => s("label", {
+					key: e,
+					class: "docx-tmore__field"
+				}, [
+					s("span", or, T(e), 1),
+					M(s("input", {
+						type: "number",
+						min: "0",
+						step: "20",
+						"onUpdate:modelValue": (t) => _[e] = t,
+						class: "docx-tmore__input"
+					}, null, 8, sr), [[
+						k,
+						_[e],
+						void 0,
+						{ number: !0 }
+					]]),
+					r[37] ||= s("span", { class: "docx-tmore__unit" }, "tw", -1)
+				])), 64))]), s("button", {
+					type: "button",
+					class: "docx-tmore__apply",
+					onClick: P(F, ["prevent"])
+				}, T(D(d)("common.apply")), 1)])) : a("", !0),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[23] ||= P((e) => h.value = !h.value, ["prevent"])
+				}, [
+					l(q, {
+						name: "height",
+						size: 18
+					}),
+					s("span", cr, T(D(d)("tableAdvanced.rowHeight")), 1),
+					l(q, {
+						name: h.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				h.value ? (v(), o("div", lr, [
+					s("label", ur, [s("span", dr, T(D(d)("tableAdvanced.rule")), 1), M(s("select", {
+						"onUpdate:modelValue": r[24] ||= (e) => C.value = e,
+						class: "docx-tmore__select"
+					}, [
+						s("option", fr, T(D(d)("tableAdvanced.heightRules.auto")), 1),
+						s("option", pr, T(D(d)("tableAdvanced.heightRules.atLeast")), 1),
+						s("option", mr, T(D(d)("tableAdvanced.heightRules.exact")), 1)
+					], 512), [[O, C.value]])]),
+					C.value === "auto" ? a("", !0) : (v(), o("label", hr, [
+						s("span", gr, T(D(d)("tableAdvanced.height")), 1),
+						M(s("input", {
+							type: "number",
+							min: "0",
+							step: "20",
+							"onUpdate:modelValue": r[25] ||= (e) => y.value = e,
+							class: "docx-tmore__input"
+						}, null, 512), [[
+							k,
+							y.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						r[38] ||= s("span", { class: "docx-tmore__unit" }, "tw", -1)
+					])),
+					s("button", {
+						type: "button",
+						class: "docx-tmore__apply",
+						onClick: P(I, ["prevent"])
+					}, T(D(d)("common.apply")), 1)
+				])) : a("", !0),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[26] ||= P((e) => g.value = !g.value, ["prevent"])
+				}, [
+					l(q, {
+						name: "text_rotation_none",
+						size: 18
+					}),
+					s("span", _r, T(D(d)("textDirection")), 1),
+					l(q, {
+						name: g.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				g.value ? (v(), o("div", vr, [
+					s("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[27] ||= P((e) => L(null), ["prevent"])
+					}, T(D(d)("tableAdvanced.textDirections.horizontal")), 1),
+					s("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[28] ||= P((e) => L("tbRl"), ["prevent"])
+					}, T(D(d)("tableAdvanced.textDirections.verticalRL")), 1),
+					s("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[29] ||= P((e) => L("btLr"), ["prevent"])
+					}, T(D(d)("tableAdvanced.textDirections.verticalLR")), 1)
+				])) : a("", !0),
+				r[45] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[30] ||= P((e) => E("toggleHeaderRow"), ["prevent"])
+				}, [l(q, {
+					name: "table_rows",
+					size: 18
+				}), s("span", null, T(D(d)("tableAdvanced.toggleHeaderRow")), 1)]),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[31] ||= P((e) => E("distributeColumns"), ["prevent"])
+				}, [l(q, {
+					name: "view_column",
+					size: 18
+				}), s("span", null, T(D(d)("tableAdvanced.distributeColumns")), 1)]),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[32] ||= P((e) => E("autoFit"), ["prevent"])
+				}, [l(q, {
+					name: "fit_width",
+					size: 18
+				}), s("span", null, T(D(d)("tableAdvanced.autoFit")), 1)]),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[33] ||= P((e) => E("toggleNoWrap"), ["prevent"])
+				}, [l(q, {
+					name: "wrap_text",
+					size: 18
+				}), s("span", null, T(D(d)("tableAdvanced.toggleNoWrap")), 1)]),
+				r[46] ||= s("div", { class: "docx-tmore__separator" }, null, -1),
+				s("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[34] ||= P((e) => E("tableProperties"), ["prevent"])
+				}, [l(q, {
+					name: "settings",
+					size: 18
+				}), s("span", null, T(D(d)("tableAdvanced.tableProperties")), 1)])
+			], 8, Hn)]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-d2fe4ec6"]]), br = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "TableToolbar",
+	props: {
+		view: {},
+		getCommands: { type: Function },
+		stateTick: {},
+		theme: {}
+	},
+	setup(e, { expose: t }) {
+		let i = e, c = r(() => {
+			i.stateTick;
+			let e = i.view;
+			return e ? U(e.state) : null;
+		}), u = r(() => !!c.value?.isInTable), d = r(() => {
+			i.stateTick;
+			let e = i.view;
+			if (!e) return !1;
+			let { $from: t } = e.state.selection;
+			for (let e = t.depth; e > 0; e--) if (t.node(e).type.name === "tableCell") {
+				let n = t.node(e), r = n.attrs.colspan, i = n.attrs.rowspan;
+				return (typeof r == "number" ? r : 1) > 1 || (typeof i == "number" ? i : 1) > 1;
+			}
+			return !1;
+		}), p = r(() => {
+			let e = c.value?.cellBorderColor;
+			if (e && typeof e == "object" && "rgb" in e && typeof e.rgb == "string") return e.rgb;
+		}), m = r(() => p.value === void 0 ? {} : { value: p.value }), h = r(() => !!c.value?.hasMultiCellSelection), g = r(() => c.value?.rowCount ?? 0), _ = r(() => c.value?.columnCount ?? 0), y = r(() => {
+			let e = c.value?.table?.attrs.justification;
+			return e === "center" || e === "right" ? e : "left";
+		}), b = {
+			style: "single",
+			size: 4,
+			color: { rgb: "000000" }
+		};
+		A([() => i.view, () => i.stateTick], () => {
+			let e = i.view;
+			if (!e) return;
+			let t = U(e.state), n = t.cellBorderColor;
+			!n || !t.isInTable || typeof n == "object" && "rgb" in n && typeof n.rgb == "string" && (b.color = { rgb: n.rgb });
+		}, { immediate: !0 });
+		function x(e, ...t) {
+			let n = i.view;
+			if (!n) return !1;
+			let r = i.getCommands()[e];
+			return r ? (r(...t)(n.state, (e) => n.dispatch(e), n), n.focus(), !0) : !1;
+		}
+		function S(e) {
+			let t = {
+				...b,
+				color: { ...b.color }
+			};
+			switch (e) {
+				case "all":
+					x("setAllTableBorders", t);
+					return;
+				case "none":
+					x("removeTableBorders");
+					return;
+				case "box":
+					x("setOutsideTableBorders", t);
+					return;
+				case "inside":
+				case "insideH":
+				case "insideV":
+					x("setInsideTableBorders", t);
+					return;
+				case "top":
+				case "bottom":
+				case "left":
+				case "right":
+					x("setCellBorder", e, t, !0);
+					return;
+			}
+		}
+		function C(e) {
+			b.color = { rgb: e.replace(/^#/, "") }, x("setTableBorderColor", e);
+		}
+		function w(e) {
+			b.size = e, x("setTableBorderWidth", e);
+		}
+		function T(e) {
+			x("setCellFillColor", e);
+		}
+		let E = {
+			autoFit: ["autoFitContents"],
+			alignTableLeft: ["setTableProperties", { justification: "left" }],
+			alignTableCenter: ["setTableProperties", { justification: "center" }],
+			alignTableRight: ["setTableProperties", { justification: "right" }],
+			verticalAlignTop: ["setCellVerticalAlign", "top"],
+			verticalAlignMiddle: ["setCellVerticalAlign", "center"],
+			verticalAlignBottom: ["setCellVerticalAlign", "bottom"]
+		};
+		function D(e) {
+			if (e === "tableProperties") return;
+			let t = E[e];
+			t ? x(...t) : x(e);
+		}
+		function O(e) {
+			x("setCellMargins", e);
+		}
+		function k(e) {
+			x("setCellTextDirection", e);
+		}
+		function j(e) {
+			x("setRowHeight", e.height, e.rule);
+		}
+		return t({
+			isInTable: u,
+			canSplit: d,
+			canMerge: h,
+			rowCount: g,
+			columnCount: _,
+			currentJustification: y,
+			onBorderPreset: S,
+			onBorderColor: C,
+			onBorderWidth: w,
+			onCellFill: T,
+			onMoreAction: D,
+			onCellMargins: O,
+			onCellTextDirection: k,
+			onRowHeight: j
+		}), (t, r) => u.value ? (v(), o(n, { key: 0 }, [
+			r[0] ||= s("span", { class: "divider" }, null, -1),
+			l(Nn, { onChange: S }),
+			l(Pn, f({ theme: e.theme ?? null }, m.value, { onChange: C }), null, 16, ["theme"]),
+			l(zn, { onChange: w }),
+			l(Bn, {
+				theme: e.theme ?? null,
+				onChange: T
+			}, null, 8, ["theme"]),
+			l(yr, {
+				"can-split": d.value,
+				"can-merge": h.value,
+				"row-count": g.value,
+				"column-count": _.value,
+				"current-justification": y.value,
+				onAction: D,
+				onCellMargins: O,
+				onCellTextDirection: k,
+				onRowHeight: j
+			}, null, 8, [
+				"can-split",
+				"can-merge",
+				"row-count",
+				"column-count",
+				"current-justification"
+			])
+		], 64)) : a("", !0);
+	}
+}), [["__scopeId", "data-v-af7b47da"]]), xr = { class: "docx-vertical-ruler__ticks" }, Sr = 15840, Cr = 1440, wr = 1440, Tr = 567, Er = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "VerticalRuler",
+	props: {
+		sectionProps: {},
+		zoom: { default: 1 },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		unit: { default: "inch" }
+	},
+	emits: ["top-margin-change", "bottom-margin-change"],
+	setup(e, { emit: t }) {
+		let i = e, c = t, l = x(null), u = x(null);
+		function d(e) {
+			return L(e) * i.zoom;
+		}
+		function f(e) {
+			return Math.round(I(e / i.zoom));
+		}
+		let p = r(() => i.sectionProps?.pageHeight ?? Sr), m = r(() => i.sectionProps?.marginTop ?? Cr), _ = r(() => i.sectionProps?.marginBottom ?? Cr), y = r(() => d(p.value)), b = r(() => d(m.value)), C = r(() => d(_.value)), w = r(() => ({
+			position: "relative",
+			width: "20px",
+			height: y.value + "px",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			userSelect: "none",
+			cursor: l.value ? "ns-resize" : "default"
+		})), E = r(() => {
+			let e = [];
+			if (i.unit === "inch") {
+				let t = wr / 8, n = Math.ceil(p.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > p.value) break;
+					let i = d(n);
+					r % 8 == 0 ? e.push({
+						position: i,
+						width: 10,
+						label: r / 8 > 0 ? String(r / 8) : void 0
+					}) : r % 4 == 0 ? e.push({
+						position: i,
+						width: 6
+					}) : r % 2 == 0 ? e.push({
+						position: i,
+						width: 4
+					}) : e.push({
+						position: i,
+						width: 2
+					});
+				}
+			} else {
+				let t = Tr / 10, n = Math.ceil(p.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > p.value) break;
+					let i = d(n);
+					r % 10 == 0 ? e.push({
+						position: i,
+						width: 10,
+						label: r / 10 > 0 ? String(r / 10) : void 0
+					}) : r % 5 == 0 ? e.push({
+						position: i,
+						width: 6
+					}) : e.push({
+						position: i,
+						width: 3
+					});
+				}
+			}
+			return e;
+		});
+		function D(e) {
+			return {
+				position: "absolute",
+				top: e - 5 + "px",
+				right: 0,
+				width: "20px",
+				height: "10px",
+				cursor: i.editable ? "ns-resize" : "default",
+				zIndex: l.value === null ? 1 : 10
+			};
+		}
+		function O(e) {
+			let t = l.value === e, n = u.value === e, r = "var(--doc-primary)";
+			return t ? r = "var(--doc-primary-hover)" : n && (r = "var(--doc-primary)"), {
+				position: "absolute",
+				top: "0px",
+				right: "2px",
+				width: "0",
+				height: "0",
+				borderTop: "5px solid transparent",
+				borderBottom: "5px solid transparent",
+				borderRight: `8px solid ${r}`,
+				transition: "border-right-color 0.1s"
+			};
+		}
+		let k = 0, A = 0;
+		function j(e, t) {
+			i.editable && (l.value = e, k = t.clientY, A = e === "topMargin" ? m.value : _.value, document.addEventListener("mousemove", M), document.addEventListener("mouseup", N));
+		}
+		function M(e) {
+			if (!l.value) return;
+			let t = e.clientY - k, n = f(l.value === "topMargin" ? t : -t), r = p.value - (l.value === "topMargin" ? _.value : m.value) - 720, i = Math.round(Math.max(0, Math.min(A + n, r)));
+			l.value === "topMargin" ? c("top-margin-change", i) : c("bottom-margin-change", i);
+		}
+		function N() {
+			l.value = null, document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", N);
+		}
+		return g(() => {
+			document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", N);
+		}), (t, r) => (v(), o("div", {
+			class: "docx-vertical-ruler",
+			style: h(w.value),
+			role: "slider",
+			"aria-label": "Vertical ruler",
+			"aria-orientation": "vertical"
+		}, [
+			s("div", xr, [(v(!0), o(n, null, S(E.value, (e, t) => (v(), o(n, { key: t }, [s("div", {
+				class: "docx-vertical-ruler__tick-line",
+				style: h({
+					top: e.position + "px",
+					width: e.width + "px"
+				})
+			}, null, 4), e.label ? (v(), o("div", {
+				key: 0,
+				class: "docx-vertical-ruler__tick-label",
+				style: h({ top: e.position + "px" })
+			}, T(e.label), 5)) : a("", !0)], 64))), 128))]),
+			e.editable ? (v(), o("div", {
+				key: 0,
+				class: "docx-vertical-ruler__marker",
+				style: h(D(b.value)),
+				onMousedown: r[0] ||= P((e) => j("topMargin", e), ["prevent"]),
+				onMouseenter: r[1] ||= (e) => u.value = "topMargin",
+				onMouseleave: r[2] ||= (e) => u.value = null
+			}, [s("div", { style: h(O("topMargin")) }, null, 4)], 36)) : a("", !0),
+			e.editable ? (v(), o("div", {
+				key: 1,
+				class: "docx-vertical-ruler__marker",
+				style: h(D(y.value - C.value)),
+				onMousedown: r[3] ||= P((e) => j("bottomMargin", e), ["prevent"]),
+				onMouseenter: r[4] ||= (e) => u.value = "bottomMargin",
+				onMouseleave: r[5] ||= (e) => u.value = null
+			}, [s("div", { style: h(O("bottomMargin")) }, null, 4)], 36)) : a("", !0)
+		], 4));
+	}
+}), [["__scopeId", "data-v-fc2715dd"]]);
+//#endregion
+//#region src/utils/comments.ts
+function Dr(e) {
+	return e?.length ? e.flatMap((e) => e.content.filter((e) => e.type === "run").flatMap((e) => "content" in e ? e.content : []).filter((e) => e.type === "text").map((e) => "text" in e ? e.text : "")).join("") : "";
+}
+function Or(e) {
+	return e ? new Date(e).toLocaleString(void 0, {
+		hour: "numeric",
+		minute: "2-digit",
+		month: "short",
+		day: "numeric"
+	}) : "";
+}
+function kr(e) {
+	return e.split(/\s+/).map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+}
+var Ar = [
+	"#6DCCB1",
+	"#79AAD9",
+	"#EE789D",
+	"#A987D1",
+	"#E6A85F",
+	"#F2CC8F",
+	"#68B3A2",
+	"#B07AA1",
+	"#59A14F",
+	"#FF9DA7",
+	"#E15759",
+	"#76B7B2"
+];
+function jr(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
+	return Ar[Math.abs(t) % Ar.length] ?? "#888888";
+}
+function Mr(e, t = 50) {
+	return e.length > t ? e.slice(0, t) + "..." : e;
+}
+//#endregion
+//#region src/components/sidebar/Avatar.vue
+var Nr = /* @__PURE__ */ u({
+	__name: "Avatar",
+	props: {
+		name: { default: "U" },
+		size: { default: 32 }
+	},
+	setup(e) {
+		let t = e, n = r(() => kr(t.name || "U")), i = r(() => ({
+			width: t.size + "px",
+			height: t.size + "px",
+			borderRadius: "50%",
+			backgroundColor: jr(t.name || "U"),
+			color: "#fff",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			fontSize: t.size === 32 ? "13px" : "11px",
+			fontWeight: 500,
+			flexShrink: 0
+		}));
+		return (e, t) => (v(), o("div", {
+			class: "docx-avatar",
+			style: h(i.value)
+		}, T(n.value), 5));
+	}
+}), Pr = {
+	key: 0,
+	class: "reply-thread"
+}, Fr = {
+	key: 0,
+	class: "reply-thread__more"
+}, Ir = { class: "reply-thread__header" }, Lr = { class: "reply-thread__author-block" }, Rr = { class: "reply-thread__author" }, zr = { class: "reply-thread__date" }, Br = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "ReplyThread",
+	props: {
+		replies: {},
+		isExpanded: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, i = r(() => t.isExpanded ? t.replies : t.replies.slice(-1)), c = r(() => t.isExpanded ? 0 : Math.max(0, t.replies.length - 1));
+		return (t, r) => e.replies.length > 0 ? (v(), o("div", Pr, [c.value > 0 ? (v(), o("div", Fr, T(c.value) + " " + T(c.value === 1 ? "reply" : "replies"), 1)) : a("", !0), (v(!0), o(n, null, S(i.value, (t) => (v(), o("div", {
+			key: t.id,
+			class: m(["reply-thread__item", { "reply-thread__item--expanded": e.isExpanded }])
+		}, [s("div", Ir, [l(Nr, {
+			name: t.author,
+			size: 28
+		}, null, 8, ["name"]), s("div", Lr, [s("div", Rr, T(t.author || "Unknown"), 1), s("div", zr, T(D(Or)(t.date)), 1)])]), s("div", { class: m(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, T(D(Dr)(t.content)), 3)], 2))), 128))])) : a("", !0);
+	}
+}), [["__scopeId", "data-v-05622ce1"]]), Vr = ["onKeydown"], Hr = { class: "reply-input__actions" }, Ur = ["disabled"], Wr = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "ReplyInput",
+	emits: ["submit"],
+	setup(e, { emit: t }) {
+		let i = t, a = x(!1), c = x(""), l = x(null), u = r(() => c.value.trim());
+		function d() {
+			a.value = !0, p(() => l.value?.focus({ preventScroll: !0 }));
+		}
+		function f() {
+			a.value = !1, c.value = "";
+		}
+		function h() {
+			let e = u.value;
+			e && i("submit", e), c.value = "", a.value = !1;
+		}
+		return (e, t) => (v(), o("div", {
+			onClick: t[4] ||= P(() => {}, ["stop"]),
+			onMousedown: t[5] ||= P(() => {}, ["stop"]),
+			class: "reply-input"
+		}, [a.value ? (v(), o(n, { key: 1 }, [M(s("input", {
+			ref_key: "inputRef",
+			ref: l,
+			"onUpdate:modelValue": t[1] ||= (e) => c.value = e,
+			type: "text",
+			placeholder: "Reply",
+			class: "reply-input__field reply-input__field--active",
+			onMousedown: t[2] ||= P(() => {}, ["stop"]),
+			onKeydown: [
+				t[3] ||= P(() => {}, ["stop"]),
+				N(P(h, ["prevent"]), ["enter"]),
+				N(f, ["esc"])
+			]
+		}, null, 40, Vr), [[k, c.value]]), s("div", Hr, [s("button", {
+			class: "reply-input__cancel",
+			onClick: P(f, ["stop"])
+		}, "Cancel"), s("button", {
+			class: m(["reply-input__submit", { "reply-input__submit--active": u.value }]),
+			disabled: !u.value,
+			onClick: P(h, ["stop"])
+		}, "Reply", 10, Ur)])], 64)) : (v(), o("input", {
+			key: 0,
+			readonly: "",
+			placeholder: "Reply",
+			class: "reply-input__field reply-input__field--inactive",
+			onMousedown: t[0] ||= P(() => {}, ["stop"]),
+			onClick: P(d, ["stop"])
+		}, null, 32))], 32));
+	}
+}), [["__scopeId", "data-v-2e135c9d"]]), Gr = ["data-comment-id"], Kr = {
+	key: 0,
+	class: "comment-card__resolved"
+}, qr = { class: "comment-card__head" }, Jr = { class: "comment-card__author-block" }, Yr = { class: "comment-card__author" }, Xr = { class: "comment-card__date" }, Zr = {
+	key: 0,
+	class: "comment-card__actions"
+}, Qr = ["title"], $r = { class: "comment-card__body" }, ei = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "CommentCard",
+	props: {
+		comment: {},
+		replies: {},
+		expanded: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"reply",
+		"resolve",
+		"unresolve",
+		"delete"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, c = x(!1);
+		function u() {
+			c.value = !1, r("delete", n.comment.id);
+		}
+		return (t, n) => (v(), o("div", {
+			class: m(["comment-card", { "comment-card--expanded": e.expanded }]),
+			"data-comment-id": e.comment.id,
+			onClick: n[5] ||= (e) => t.$emit("click"),
+			onMousedown: n[6] ||= P(() => {}, ["stop"])
+		}, [
+			e.comment.done ? (v(), o("div", Kr, [l(q, {
+				name: "check",
+				size: 12
+			}), n[7] ||= s("span", null, "Resolved", -1)])) : a("", !0),
+			s("div", qr, [
+				l(Nr, {
+					name: e.comment.author,
+					size: 32
+				}, null, 8, ["name"]),
+				s("div", Jr, [s("div", Yr, T(e.comment.author || "Unknown"), 1), s("div", Xr, T(D(Or)(e.comment.date)), 1)]),
+				e.expanded ? (v(), o("div", Zr, [
+					s("button", {
+						class: "comment-card__icon-btn",
+						title: e.comment.done ? "Reopen" : "Resolve",
+						onClick: n[0] ||= P((n) => e.comment.done ? t.$emit("unresolve", e.comment.id) : t.$emit("resolve", e.comment.id), ["stop"])
+					}, [l(q, {
+						name: e.comment.done ? "undo" : "check",
+						size: 20
+					}, null, 8, ["name"])], 8, Qr),
+					s("button", {
+						class: "comment-card__icon-btn",
+						title: "More options",
+						onClick: n[1] ||= P((e) => c.value = !c.value, ["stop"])
+					}, [l(q, {
+						name: "more_vert",
+						size: 20
+					})]),
+					c.value ? (v(), o("div", {
+						key: 0,
+						class: "comment-card__menu",
+						onClick: n[2] ||= P(() => {}, ["stop"]),
+						onMousedown: n[3] ||= P(() => {}, ["stop"])
+					}, [s("button", {
+						class: "comment-card__menu-item",
+						onClick: u
+					}, "Delete")], 32)) : a("", !0)
+				])) : a("", !0)
+			]),
+			s("div", $r, T(D(Dr)(e.comment.content)), 1),
+			l(Br, {
+				replies: e.replies,
+				"is-expanded": e.expanded
+			}, null, 8, ["replies", "is-expanded"]),
+			e.expanded && !e.comment.done ? (v(), i(Wr, {
+				key: 1,
+				onSubmit: n[4] ||= (n) => t.$emit("reply", e.comment.id, n)
+			})) : a("", !0)
+		], 42, Gr));
+	}
+}), [["__scopeId", "data-v-e4e6cbdb"]]), ti = ["data-comment-id"], ni = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "ResolvedCommentMarker",
+	props: { comment: {} },
+	emits: ["toggle-expand"],
+	setup(e) {
+		return (t, n) => (v(), o("div", {
+			class: "resolved-comment-marker",
+			"data-comment-id": e.comment.id,
+			"data-comment-resolved": "true",
+			onClick: n[0] ||= (e) => t.$emit("toggle-expand"),
+			onMousedown: n[1] ||= P(() => {}, ["stop"])
+		}, [l(q, {
+			name: "chat_bubble_check",
+			size: 20
+		})], 40, ti));
+	}
+}), [["__scopeId", "data-v-a50692db"]]), ri = { class: "tc-card__head" }, ii = { class: "tc-card__author-block" }, ai = { class: "tc-card__author" }, oi = {
+	key: 0,
+	class: "tc-card__date"
+}, si = {
+	key: 0,
+	class: "tc-card__actions"
+}, ci = ["title"], li = ["title"], ui = { class: "tc-card__body" }, di = { class: "tc-card__deleted" }, fi = { class: "tc-card__inserted" }, pi = { class: "tc-card__inserted" }, mi = { class: "tc-card__deleted" }, hi = { class: "tc-card__changed" }, gi = {
+	key: 4,
+	class: "tc-card__inserted"
+}, _i = {
+	key: 5,
+	class: "tc-card__deleted"
+}, vi = {
+	key: 6,
+	class: "tc-card__inserted"
+}, yi = {
+	key: 7,
+	class: "tc-card__deleted"
+}, bi = {
+	key: 8,
+	class: "tc-card__changed"
+}, xi = {
+	key: 9,
+	class: "tc-card__changed"
+}, Si = {
+	key: 10,
+	class: "tc-card__changed"
+}, Ci = {
+	key: 11,
+	class: "tc-card__changed"
+}, wi = {
+	key: 12,
+	class: "tc-card__inserted"
+}, Ti = {
+	key: 13,
+	class: "tc-card__deleted"
+}, Ei = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "TrackedChangeCard",
+	props: {
+		change: {},
+		expanded: { type: Boolean },
+		replies: {}
+	},
+	emits: [
+		"click",
+		"accept-by-id",
+		"reject-by-id",
+		"reply"
+	],
+	setup(t, { emit: u }) {
+		let { t: d } = e(), f = t, p = u, h = r(() => f.change.author || d("trackedChanges.unknown"));
+		function g() {
+			let e = new Set([f.change.revisionId]);
+			f.change.type === "replacement" && f.change.insertionRevisionId != null && e.add(f.change.insertionRevisionId);
+			for (let t of f.change.coalescedRevisionIds ?? []) e.add(t);
+			return [...e];
+		}
+		function _() {
+			for (let e of g()) p("accept-by-id", e);
+		}
+		function y() {
+			for (let e of g()) p("reject-by-id", e);
+		}
+		return (e, r) => (v(), o("div", {
+			class: m(["tc-card", { "tc-card--expanded": t.expanded }]),
+			onClick: r[1] ||= (t) => e.$emit("click"),
+			onMousedown: r[2] ||= P(() => {}, ["stop"])
+		}, [
+			s("div", ri, [
+				l(Nr, {
+					name: h.value,
+					size: 32
+				}, null, 8, ["name"]),
+				s("div", ii, [s("div", ai, T(h.value), 1), t.change.date ? (v(), o("div", oi, T(D(Or)(t.change.date)), 1)) : a("", !0)]),
+				t.expanded ? (v(), o("div", si, [s("button", {
+					class: "tc-card__icon-btn",
+					title: D(d)("acceptChange"),
+					onClick: P(_, ["stop"])
+				}, [l(q, {
+					name: "check",
+					size: 20
+				})], 8, ci), s("button", {
+					class: "tc-card__icon-btn",
+					title: D(d)("rejectChange"),
+					onClick: P(y, ["stop"])
+				}, [l(q, {
+					name: "close",
+					size: 20
+				})], 8, li)])) : a("", !0)
+			]),
+			s("div", ui, [t.change.type === "replacement" ? (v(), o(n, { key: 0 }, [
+				c(T(D(d)("trackedChanges.replaced")) + " ", 1),
+				s("span", di, "\"" + T(D(Mr)(t.change.deletedText || "")) + "\"", 1),
+				c(" " + T(D(d)("trackedChanges.with")) + " ", 1),
+				s("span", fi, "\"" + T(D(Mr)(t.change.text)) + "\"", 1)
+			], 64)) : t.change.type === "paragraphMarkInsertion" ? (v(), o(n, { key: 1 }, [c(T(D(d)("revisions.paragraphMarkInserted")), 1), t.change.text ? (v(), o(n, { key: 0 }, [r[3] ||= c(": ", -1), s("span", pi, "\"" + T(D(Mr)(t.change.text)) + "\"", 1)], 64)) : a("", !0)], 64)) : t.change.type === "paragraphMarkDeletion" ? (v(), o(n, { key: 2 }, [c(T(D(d)("revisions.paragraphMarkDeleted")), 1), t.change.text ? (v(), o(n, { key: 0 }, [r[4] ||= c(": ", -1), s("span", mi, "\"" + T(D(Mr)(t.change.text)) + "\"", 1)], 64)) : a("", !0)], 64)) : t.change.type === "paragraphPropertiesChanged" ? (v(), o(n, { key: 3 }, [c(T(D(d)("revisions.paragraphPropertiesChanged")), 1), t.change.text ? (v(), o(n, { key: 0 }, [r[5] ||= c(": ", -1), s("span", hi, "\"" + T(D(Mr)(t.change.text)) + "\"", 1)], 64)) : a("", !0)], 64)) : t.change.type === "rowInserted" ? (v(), o("span", gi, T(D(d)("revisions.rowInserted")), 1)) : t.change.type === "rowDeleted" ? (v(), o("span", _i, T(D(d)("revisions.rowDeleted")), 1)) : t.change.type === "cellInserted" ? (v(), o("span", vi, T(D(d)("revisions.cellInserted")), 1)) : t.change.type === "cellDeleted" ? (v(), o("span", yi, T(D(d)("revisions.cellDeleted")), 1)) : t.change.type === "cellMerged" ? (v(), o("span", bi, T(D(d)("revisions.cellMerged")), 1)) : t.change.type === "rowPropertiesChanged" ? (v(), o("span", xi, T(D(d)("revisions.rowPropertiesChanged")), 1)) : t.change.type === "cellPropertiesChanged" ? (v(), o("span", Si, T(D(d)("revisions.cellPropertiesChanged")), 1)) : t.change.type === "tablePropertiesChanged" ? (v(), o("span", Ci, T(D(d)("revisions.tablePropertiesChanged")), 1)) : t.change.type === "tableInserted" ? (v(), o("span", wi, T(D(d)("revisions.tableInserted")), 1)) : t.change.type === "tableDeleted" ? (v(), o("span", Ti, T(D(d)("revisions.tableDeleted")), 1)) : (v(), o(n, { key: 14 }, [c(T(t.change.type === "insertion" ? D(d)("inserted") : D(d)("deleted")) + " ", 1), s("span", { class: m(t.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + T(D(Mr)(t.change.text)) + "\" ", 3)], 64))]),
+			l(Br, {
+				replies: t.replies,
+				"is-expanded": t.expanded
+			}, null, 8, ["replies", "is-expanded"]),
+			t.expanded ? (v(), i(Wr, {
+				key: 0,
+				onSubmit: r[0] ||= (n) => e.$emit("reply", t.change.revisionId, n)
+			})) : a("", !0)
+		], 34));
+	}
+}), [["__scopeId", "data-v-885ea7b9"]]), Di = ["onKeydown"], Oi = { class: "add-comment-card__actions" }, ki = ["disabled"], Ai = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "AddCommentCard",
+	emits: ["submit", "cancel"],
+	setup(e, { emit: t }) {
+		let n = t, i = x(""), a = x(null), c = r(() => i.value.trim());
+		_(() => {
+			a.value?.focus({ preventScroll: !0 });
+		});
+		function l() {
+			c.value && (n("submit", c.value), i.value = "");
+		}
+		function u() {
+			n("cancel"), i.value = "";
+		}
+		return (e, t) => (v(), o("div", {
+			class: "add-comment-card",
+			onMousedown: t[3] ||= P(() => {}, ["stop"])
+		}, [M(s("textarea", {
+			ref_key: "inputRef",
+			ref: a,
+			"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
+			class: "add-comment-card__field",
+			placeholder: "Add a comment",
+			onMousedown: t[1] ||= P(() => {}, ["stop"]),
+			onKeydown: [
+				t[2] ||= P(() => {}, ["stop"]),
+				N(P(l, ["exact", "prevent"]), ["enter"]),
+				N(u, ["esc"])
+			]
+		}, null, 40, Di), [[k, i.value]]), s("div", Oi, [s("button", {
+			class: "add-comment-card__cancel",
+			onClick: u
+		}, "Cancel"), s("button", {
+			class: m(["add-comment-card__submit", { "add-comment-card__submit--active": c.value }]),
+			disabled: !c.value,
+			onClick: l
+		}, "Comment", 10, ki)])], 32));
+	}
+}), [["__scopeId", "data-v-fa58f532"]]);
+//#endregion
+//#region src/components/sidebar/resolveItemPositions.ts
+function ji(e, t, n, r, i) {
+	if (e.length === 0) return [];
+	let a = [];
+	for (let r of e) {
+		let e;
+		if (r.fixedY != null && (e = r.fixedY * n), e == null && r.anchorKey) {
+			let i = t.get(r.anchorKey);
+			i != null && (e = i * n);
+		}
+		if (e == null) {
+			let t = i.get(r.id);
+			t != null && (e = t);
+		}
+		e != null && (a.push({
+			item: r,
+			targetY: e
+		}), i.set(r.id, e));
+	}
+	a.sort((e, t) => {
+		let n = e.targetY - t.targetY;
+		return n === 0 ? (e.item.priority ?? 0) - (t.item.priority ?? 0) : n;
+	});
+	let o = [], s = 0;
+	for (let e of a) {
+		let t = r.get(e.item.id) ?? e.item.estimatedHeight ?? 80, n = Math.max(e.targetY, s + 8);
+		o.push({
+			item: e.item,
+			y: n
+		}), s = n + t;
+	}
+	return o;
+}
+//#endregion
+//#region src/composables/useCommentSidebarItems.ts
+function Mi({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: i, addCommentYPosition: a }) {
+	return r(() => {
+		let r = [];
+		i?.value && a?.value != null && r.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 t of e.value) if (t.parentId != null) {
+			let e = o.get(t.parentId);
+			e ? e.push(t) : o.set(t.parentId, [t]);
+		}
+		for (let t of e.value) t.parentId ?? (t.done && !n?.value || r.push({
+			id: `comment-${t.id}`,
+			anchorPos: 0,
+			anchorKey: `comment-${t.id}`,
+			priority: 0,
+			estimatedHeight: t.done ? 28 : 80,
+			kind: "comment",
+			comment: t,
+			replies: o.get(t.id) ?? []
+		}));
+		return t.value.forEach((e, t) => {
+			r.push({
+				id: `tc-${e.revisionId}-${t}`,
+				anchorPos: e.from,
+				anchorKey: `revision-${e.revisionId}`,
+				priority: 1,
+				estimatedHeight: 80,
+				kind: "tracked-change",
+				change: e,
+				replies: o.get(e.revisionId) ?? []
+			});
+		}), r;
+	});
+}
+//#endregion
+//#region src/components/UnifiedSidebar.vue?vue&type=script&setup=true&lang.ts
+var Ni = ["data-card-id"], Pi = 16, Fi = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "UnifiedSidebar",
+	props: {
+		isOpen: { type: Boolean },
+		comments: {},
+		trackedChanges: {},
+		isAddingComment: { type: Boolean },
+		showResolved: { type: Boolean },
+		pagesContainer: {},
+		pageWidthPx: {},
+		zoom: {},
+		activeItemId: {},
+		addCommentYPosition: {}
+	},
+	emits: [
+		"close",
+		"add-comment",
+		"cancel-add-comment",
+		"comment-reply",
+		"comment-resolve",
+		"comment-unresolve",
+		"comment-delete",
+		"accept-change",
+		"reject-change",
+		"accept-change-by-id",
+		"reject-change-by-id",
+		"tracked-change-reply",
+		"update:activeItemId"
+	],
+	setup(e, { emit: t }) {
+		let l = e, u = t, d = x(null), f = r(() => l.activeItemId === void 0 ? d.value : l.activeItemId);
+		function p(e) {
+			let t = f.value === e ? null : e;
+			d.value = t, u("update:activeItemId", t);
+		}
+		function m(e) {
+			e.stopPropagation();
+			let t = e.target;
+			t instanceof HTMLElement && t.closest(".unified-sidebar__card-slot") || f.value !== null && (d.value = null, u("update:activeItemId", null));
+		}
+		let y = Mi({
+			comments: E(l, "comments"),
+			trackedChanges: E(l, "trackedChanges"),
+			showResolved: r(() => l.showResolved ?? !1),
+			isAddingComment: r(() => l.isAddingComment ?? !1),
+			addCommentYPosition: r(() => l.addCommentYPosition ?? null)
+		}), b = x(null), C = x(/* @__PURE__ */ new Map()), O = /* @__PURE__ */ new Map(), k = null, M = null, N = /* @__PURE__ */ new Set();
+		function P() {
+			let e = b.value;
+			if (!e || !M) return;
+			let t = new Set(e.querySelectorAll("[data-card-id]"));
+			if (!(t.size === N.size && [...t].every((e) => N.has(e)))) {
+				M.disconnect();
+				for (let e of t) M.observe(e);
+				N = t;
+			}
+		}
+		function F() {
+			let e = l.pagesContainer, t = y.value;
+			if (!e || t.length === 0) {
+				C.value = /* @__PURE__ */ new Map();
+				return;
+			}
+			let n = e.getBoundingClientRect(), r = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll("[data-comment-id]")) {
+				let e = t.dataset.commentId;
+				e && !r.has(e) && r.set(e, t);
+			}
+			let i = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll(".docx-insertion[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				e && !i.has(e) && i.set(e, t);
+			}
+			let a = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll(".docx-deletion[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				e && !a.has(e) && a.set(e, t);
+			}
+			for (let t of e.querySelectorAll(".ep-revision-table[data-revision-id], .ep-revision-row[data-revision-id], .ep-revision-cell[data-revision-id], .layout-revision-pmark[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				if (!e) continue;
+				let n = t.classList.contains("ep-revision-ins") || t.classList.contains("layout-revision-ins") ? i : a;
+				n.has(e) || n.set(e, t);
+			}
+			let o = /* @__PURE__ */ new Map(), s = (t) => t.getBoundingClientRect().top - n.top + e.scrollTop;
+			for (let e of t) {
+				if (!e.anchorKey) continue;
+				let t;
+				if (e.kind === "comment") t = r.get(String(e.comment.id));
+				else if (e.kind === "tracked-change") {
+					let n = e.change;
+					t = n.type === "deletion" ? a.get(String(n.revisionId)) : i.get(String(n.insertionRevisionId ?? n.revisionId));
+				}
+				t && o.set(e.anchorKey, s(t));
+			}
+			let c = /* @__PURE__ */ new Map(), u = b.value;
+			if (u) for (let e of u.querySelectorAll("[data-card-id]")) {
+				let t = e.dataset.cardId;
+				t && c.set(t, e.offsetHeight);
+			}
+			let d = /* @__PURE__ */ new Map();
+			for (let { item: e, y: n } of ji(t, o, 1, c, O)) d.set(e.id, n);
+			C.value = d, P();
+		}
+		let I = r(() => {
+			let e = 0;
+			for (let t of C.value.values()) e = Math.max(e, t);
+			return e + 200;
+		}), L = r(() => {
+			let e = f.value;
+			if (!e) return "";
+			if (e.startsWith("comment-")) return `.paged-editor__pages [data-comment-id="${e.slice(8)}"] { background-color: rgba(255, 212, 0, 0.35) !important; border-bottom: 2px solid rgba(255, 212, 0, 0.7) !important; }`;
+			if (e.startsWith("tc-")) {
+				let t = e.split("-").at(1) ?? "";
+				return `
+      .paged-editor__pages .docx-insertion[data-revision-id="${y.value.find((t) => t.id === e)?.change?.insertionRevisionId ?? Number(t)}"] { background-color: rgba(52, 168, 83, 0.2) !important; border-bottom: 2px solid #2e7d32 !important; }
+      .paged-editor__pages .docx-deletion[data-revision-id="${t}"] { background-color: rgba(211, 47, 47, 0.2) !important; text-decoration-thickness: 2px !important; }
+    `;
+			}
+			return "";
+		}), R = r(() => {
+			let e = l.pageWidthPx / 2 + Pi - 176, t = C.value.size > 0 || y.value.length === 0;
+			return {
+				position: "absolute",
+				top: "0",
+				left: `calc(50% + ${e}px)`,
+				width: "340px",
+				opacity: +!!t
+			};
+		});
+		function ee(e) {
+			let t = C.value.get(e);
+			return t == null ? {
+				position: "static",
+				marginBottom: "8px"
+			} : {
+				position: "absolute",
+				top: t + "px",
+				left: 0,
+				right: 0,
+				transition: "top 0.15s ease"
+			};
+		}
+		let te = !1;
+		function z() {
+			te || (te = !0, requestAnimationFrame(() => {
+				te = !1, F();
+			}));
+		}
+		A(() => [
+			y.value,
+			f.value,
+			l.pagesContainer,
+			l.pageWidthPx,
+			l.zoom,
+			l.isAddingComment,
+			l.addCommentYPosition
+		], () => z(), { immediate: !0 });
+		function B(e) {
+			let t = e?.parentElement ?? null;
+			for (; t;) {
+				let e = getComputedStyle(t).overflowY;
+				if (e === "auto" || e === "scroll") return t;
+				t = t.parentElement;
+			}
+			return null;
+		}
+		let V = null;
+		function H() {
+			V && V.removeEventListener("scroll", z), V = B(l.pagesContainer), V && V.addEventListener("scroll", z, { passive: !0 });
+		}
+		return _(() => {
+			M = new ResizeObserver(() => z()), z(), l.pagesContainer && (k = new ResizeObserver(() => z()), k.observe(l.pagesContainer), H());
+		}), A(() => l.pagesContainer, (e) => {
+			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => z()), k.observe(e), H());
+		}), g(() => {
+			k?.disconnect(), M?.disconnect(), V && V.removeEventListener("scroll", z);
+		}), (t, r) => (v(), o(n, null, [L.value ? (v(), i(w("style"), { key: 0 }, {
+			default: j(() => [c(T(L.value), 1)]),
+			_: 1
+		})) : a("", !0), e.isOpen ? (v(), o("aside", {
+			key: 1,
+			ref_key: "rootRef",
+			ref: b,
+			class: "unified-sidebar",
+			style: h(R.value),
+			onMousedown: m
+		}, [s("div", {
+			class: "unified-sidebar__inner",
+			style: h({ minHeight: I.value + "px" })
+		}, [(v(!0), o(n, null, S(D(y), (e) => (v(), o("div", {
+			key: e.id,
+			class: "unified-sidebar__card-slot",
+			"data-card-id": e.id,
+			style: h(ee(e.id))
+		}, [e.kind === "add-comment" ? (v(), i(Ai, {
+			key: 0,
+			onSubmit: r[0] ||= (e) => t.$emit("add-comment", e),
+			onCancel: r[1] ||= (e) => t.$emit("cancel-add-comment")
+		})) : e.kind === "comment" && e.comment.done && f.value !== e.id ? (v(), i(ni, {
+			key: 1,
+			comment: e.comment,
+			onToggleExpand: (t) => p(e.id)
+		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (v(), i(ei, {
+			key: 2,
+			comment: e.comment,
+			replies: e.replies,
+			expanded: f.value === e.id,
+			onClick: (t) => p(e.id),
+			onReply: r[2] ||= (e, n) => t.$emit("comment-reply", e, n),
+			onResolve: r[3] ||= (e) => t.$emit("comment-resolve", e),
+			onUnresolve: r[4] ||= (e) => t.$emit("comment-unresolve", e),
+			onDelete: r[5] ||= (e) => t.$emit("comment-delete", e)
+		}, null, 8, [
+			"comment",
+			"replies",
+			"expanded",
+			"onClick"
+		])) : e.kind === "tracked-change" ? (v(), i(Ei, {
+			key: 3,
+			change: e.change,
+			replies: e.replies ?? [],
+			expanded: f.value === e.id,
+			onClick: (t) => p(e.id),
+			onAccept: r[6] ||= (e, n) => t.$emit("accept-change", e, n),
+			onReject: r[7] ||= (e, n) => t.$emit("reject-change", e, n),
+			onAcceptById: r[8] ||= (e) => t.$emit("accept-change-by-id", e),
+			onRejectById: r[9] ||= (e) => t.$emit("reject-change-by-id", e),
+			onReply: r[10] ||= (e, n) => t.$emit("tracked-change-reply", e, n)
+		}, null, 8, [
+			"change",
+			"replies",
+			"expanded",
+			"onClick"
+		])) : a("", !0)], 12, Ni))), 128))], 4)], 36)) : a("", !0)], 64));
+	}
+}), [["__scopeId", "data-v-a073acda"]]), Ii = ["value", "disabled"], Li = ["value"], Ri = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "StylePicker",
+	props: {
+		value: {},
+		styles: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let i = e, a = t, s = [
+			{
+				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"
+			}
+		], c = r(() => i.styles ?? s);
+		function l(e) {
+			e.target instanceof HTMLSelectElement && a("change", e.target.value);
+		}
+		return (t, r) => (v(), o("select", {
+			class: m(["docx-style-picker", e.className]),
+			value: e.value ?? "Normal",
+			disabled: e.disabled,
+			"aria-label": "Paragraph style",
+			onChange: l
+		}, [(v(!0), o(n, null, S(c.value, (e) => (v(), o("option", {
+			key: e.styleId,
+			value: e.styleId
+		}, T(e.name), 9, Li))), 128))], 42, Ii));
+	}
+}), [["__scopeId", "data-v-30d0e9b2"]]), zi = [
+	"disabled",
+	"title",
+	"aria-expanded",
+	"onClick"
+], Bi = { class: "docx-align__panel" }, Vi = ["title", "onClick"], Hi = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__name: "AlignmentButtons",
+	props: {
+		value: { default: "left" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let a = e, c = t, u = x(!1), d = [
+			{
+				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"
+			}
+		], f = r(() => d.find((e) => e.value === a.value)?.icon ?? "format_align_left"), p = r(() => d.find((e) => e.value === a.value)?.label ?? "Left");
+		function h(e) {
+			c("change", e), u.value = !1;
+		}
+		return (t, r) => (v(), i(Z, {
+			open: u.value,
+			"onUpdate:open": r[0] ||= (e) => u.value = e,
+			onClose: r[1] ||= (e) => u.value = !1
+		}, {
+			trigger: j(({ toggle: t }) => [s("button", {
+				type: "button",
+				class: m(["docx-align__btn", { "docx-align__btn--open": u.value }]),
+				disabled: e.disabled,
+				title: `Alignment: ${p.value}`,
+				"aria-expanded": u.value,
+				"aria-haspopup": "true",
+				onClick: P(t, ["prevent"])
+			}, [l(q, {
+				name: f.value,
+				size: 20
+			}, null, 8, ["name"]), l(q, {
+				name: "arrow_drop_down",
+				size: 14
+			})], 10, zi)]),
+			panel: j(() => [s("div", Bi, [(v(), o(n, null, S(d, (t) => s("button", {
+				key: t.value,
+				type: "button",
+				class: m(["docx-align__option", { "docx-align__option--active": e.value === t.value }]),
+				title: `${t.label} (${t.shortcut})`,
+				onClick: P((e) => h(t.value), ["prevent"])
+			}, [l(q, {
+				name: t.icon,
+				size: 20
+			}, null, 8, ["name"])], 10, Vi)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-34a01365"]]);
+//#endregion
+//#region src/utils/listState.ts
+function Ui() {
+	return {
+		type: "none",
+		level: 0,
+		isInList: !1
+	};
+}
+//#endregion
+//#region src/components/ui/ListButtons.vue?vue&type=script&setup=true&lang.ts
+var Wi = { class: "docx-list-btns" }, Gi = ["disabled"], Ki = ["disabled"], qi = ["disabled"], Ji = ["disabled"], Yi = /*#__PURE__*/ t(/* @__PURE__ */ u({
+	__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(e) {
+		return (t, r) => (v(), o("span", Wi, [
+			s("button", {
+				type: "button",
+				class: m(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
+				disabled: e.disabled,
+				title: "Bullet list",
+				onClick: r[0] ||= P((e) => t.$emit("bullet-list"), ["prevent"])
+			}, [l(q, {
+				name: "format_list_bulleted",
+				size: 20
+			})], 10, Gi),
+			s("button", {
+				type: "button",
+				class: m(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
+				disabled: e.disabled,
+				title: "Numbered list",
+				onClick: r[1] ||= P((e) => t.$emit("numbered-list"), ["prevent"])
+			}, [l(q, {
+				name: "format_list_numbered",
+				size: 20
+			})], 10, Ki),
+			e.showIndentButtons ? (v(), o(n, { key: 0 }, [s("button", {
+				type: "button",
+				class: "docx-list-btns__btn",
+				disabled: e.disabled || !e.canOutdent,
+				title: "Decrease indent",
+				onClick: r[2] ||= P((e) => t.$emit("outdent"), ["prevent"])
+			}, [l(q, {
+				name: "format_indent_decrease",
+				size: 20
+			})], 8, qi), s("button", {
+				type: "button",
+				class: "docx-list-btns__btn",
+				disabled: e.disabled,
+				title: "Increase indent",
+				onClick: r[3] ||= P((e) => t.$emit("indent"), ["prevent"])
+			}, [l(q, {
+				name: "format_indent_increase",
+				size: 20
+			})], 8, Ji)], 64)) : a("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-c0ca80c9"]]);
+//#endregion
+export { be as A, jt as C, Ee as D, Pe as E, re as F, q as I, $ as M, Z as N, Te as O, oe as P, At as S, ct as T, Pn as _, Fi as a, _n as b, ni as c, Br as d, Er as f, zn as g, Bn as h, Ri as i, ge as j, we as k, ei as l, yr as m, Ui as n, Ai as o, br as p, Hi as r, Ei as s, Yi as t, Wr as u, Nn as v, Et as w, Mt as x, kn as y };