ooxml-ui 1.12.2 → 1.13.0

package/dist/visio.js

@@ -1,13 +1,13 @@
 import { trackPointerPan, ownsCaptureLoss } from './chunk-GSXOZCAN.js';
-import { syncRibbonAddIns } from './chunk-GI3WX6LZ.js';
-export { RIBBON_ADD_IN_EVENT } from './chunk-GI3WX6LZ.js';
-import { themeBridge, installOfficeUiTheme } from './chunk-S6ZXU442.js';
-import { attachKeyTips, registerControls, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile, attachRibbonGroupOverflow, commentInitials } from './chunk-FUQYUUIQ.js';
+import { syncRibbonAddIns } from './chunk-3XST4F6J.js';
+export { RIBBON_ADD_IN_EVENT } from './chunk-3XST4F6J.js';
+import { themeBridge, installOfficeUiTheme } from './chunk-7E3HU7RL.js';
+import { userInterfaceSection, personalizeSection, unavailableCategory, attachKeyTips, registerControls, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile, attachRibbonGroupOverflow, commentInitials } from './chunk-BFPHRWEB.js';
 import { getIcon, registerIcon } from './chunk-M6GF5ED2.js';
-import { definePresence } from './chunk-L7JV5FVE.js';
-import './chunk-OGNNNTKI.js';
-import './chunk-SPNWHKSR.js';
-import { VISIO_TEXT_LANGUAGES, VISIO_BULLET_STYLES, FOREIGN_VECTOR_SCENE_LIMITS, EMPTY_TEXT_SEARCH, EMPTY_SELECTION, EMPTY_EDIT_STATE, assertViewableDocument, snapshotSelection, selectionKey, indexDocumentText, searchDocumentText, sameSelection, validateSearchQuery, MAX_INPUT_BYTES, DocumentHistory, snapshotEdits, visioWithContainerMembers, visioSelectionIsOnPage, visioDuplicateCommand, visioGroupCommand, visioUngroupCommand, visioContainerCommand, visioCalloutCommand, visioPasteCommand, visioTextOccurrenceSelection, ForeignVectorBudget, VISIO_IDENTITY_TRANSFORM, hasVisibleShapeContent, composeVisioTransform, compatibilityNotes, compatibilityText, visioGradientInstances, visioRenderedGradientStopCount, inspectForeignVectorResource, copySnapshotScene, editErrorMessage, eventKeys, propertyKeys, VISIO_TEXT_REPLACE_LIMITS, visioTextReplaceOccurrences, visioTextReplacePlan, visioTextReplaceCommands, TEXT_SEARCH_LIMITS, visioTextShape, visioTextDraftEdit, isEditCancellation, visioSizePositionCommand, visioSizePositionState, visioWithCalloutLeaders, visioWithDataGraphics, visioPageInsertCommand, visioQuarterTurnCommand, visioRotationShape, visioMovementShape, visioMoveCommands, visioMoveTargets, visioMarqueeBox, visioPageDragDelta, visioMarqueeSelection, visioConnectorRouteOf, visioPageEditToDrawing, visioResizeShape, visioResizeDrag, textSearchStatus, visioSvgStrokeStyle, visioLineDashLengths, VISIO_DIAGRAM_RULE_SETS, visioClipboardShape, visioArrangeCommands, visioChangeMasterTargets, visioChangeMasterCommand, visioChangeShapeRefusal, visioChangeShapeCommand, visioChangeCaseShape, visioChangeCaseCommand, visioTextBlockShape, visioTextBlockFrame, visioTextBlockEdit, visioOrderingShape, visioFormatTargetShape, visioFormattingShape, visioTextFormattingState, visioTextIndentCommand, visioTextFontStepCommand, visioFontFamilies, visioPictureInsertCommand, normalizeVisioHyperlinkAddress, visioFitToDrawingEdits, VISIO_PAPER_SIZES, visioPageSizePresetEdits, visioOrientationEdits, visioPageDecorationState, visioNewPageId, visioMatchingPaperSize, visioPageBreaks, visioRemoveDataGraphicEdits, visioDataGraphicFields, visioDataGraphicEdits, visioShapeDataRow, VISIO_DATA_GRAPHIC_FILL_ROW, visioColorRules, visioLegendEdits, visioTextDialogValues, visioTextDialogPatch, visioFormatPainterSnapshot, visioFormatPainterEdits, VISIO_FORMAT_PAINTER_LIMITS, isVisioPathTool, visioPathDrawPlan, visioDrawPlan, visioDrawIsLargeEnough, visioConnectorCreationCommand, visioConnectableShape, visioAddConnectionPointCommand, visioDrawBounds, visioDrawingPoint, visioMovePreviewTransform, visioStraightLineHandles, visioConnectorEndHandles, visioNearestConnectionPoint, visioRotationPreviewTransform, VISIO_RESIZE_HANDLES, visioStencilDropCommand, visioNudgeCommands, visioFillPatternTransform, visioRenderedGradientStops, visioStrokeGradient, VISIO_LAYOUT_STYLES, visioMasterDropRefusal, visioMasterDropSize, visioShapeFormattingState, visioGlowKey, visioShapeEffectValues, visioReflectionKey, visioFollowTarget, visioPaperSize, visioKeepAutoSize, VISIO_RULER_DENSITY_CHOICES, VISIO_GRID_DENSITY_CHOICES, visioGridSteps, visioRulerGridValues, visioRulerDensityFactor, visioRulerGridEdits, checkVisioDiagram, visioShapeReport, visioShapeReportTable, visioShapeReportCsv, visioShapeReportText, visioSubprocessCommand, visioShapeDataText, VISIO_LAYOUT_LABELS, visioAutoAlignCommands, visioReLayoutCommands, visioLayerAssignState, visioNewLayerNames, visioLayerAssignCommands, VISIO_SELECT_TYPES, VISIO_SELECT_TYPE_LABELS, visioPageMasters, visioSelectByType, visioPasteTextCommand, visioSnapMoveDelta, visioPageGuides, visioAutoConnectShape, visioAutoConnectArrows, visioAutoConnectNeighbor, visioAutoConnectPlan, visioShapePageBox, VISIO_FIELD_CATEGORIES, visioTextAppendEdit, visioTextSource, visioTextBlockMatrix, VISIO_TEXT_BLOCK_HANDLES, visioShapeLocalPoint, visioTextBlockDrag, visioPathPreview, visioConnectorMovePreviews, visioConnectorPreviewPath, visioGlueableShape, visioMasterDropCommand, visioMasterPreviewBox, visioDataGraphicMarker, visioParseRange, visioDataTable, visioWorkbookGrid, visioGuideCreateCommand, visioGuideMoveCommand } from 'ooxml-core/visio/ui';
+import { definePresence } from './chunk-KNC2UEUR.js';
+import './chunk-CWBSXK7P.js';
+import './chunk-LD3K2RDN.js';
+import { VISIO_TEXT_LANGUAGES, VISIO_BULLET_STYLES, FOREIGN_VECTOR_SCENE_LIMITS, EMPTY_TEXT_SEARCH, EMPTY_SELECTION, EMPTY_EDIT_STATE, assertViewableDocument, snapshotSelection, selectionKey, indexDocumentText, searchDocumentText, sameSelection, validateSearchQuery, MAX_INPUT_BYTES, DocumentHistory, snapshotEdits, visioWithContainerMembers, visioSelectionIsOnPage, visioDuplicateCommand, visioGroupCommand, visioUngroupCommand, visioContainerCommand, visioCalloutCommand, visioPasteCommand, visioTextOccurrenceSelection, ForeignVectorBudget, VISIO_IDENTITY_TRANSFORM, hasVisibleShapeContent, composeVisioTransform, compatibilityNotes, compatibilityText, visioGradientInstances, visioRenderedGradientStopCount, inspectForeignVectorResource, copySnapshotScene, editErrorMessage, eventKeys, propertyKeys, VISIO_TEXT_REPLACE_LIMITS, visioTextReplaceOccurrences, visioTextReplacePlan, visioTextReplaceCommands, TEXT_SEARCH_LIMITS, visioTextShape, visioTextDraftEdit, isEditCancellation, visioSizePositionCommand, visioSizePositionState, visioWithCalloutLeaders, visioWithDataGraphics, visioPageInsertCommand, visioQuarterTurnCommand, visioRotationShape, visioMovementShape, visioMoveCommands, visioMoveTargets, visioMarqueeBox, visioPageDragDelta, visioConnectorRouteOf, visioPageEditToDrawing, visioResizeShape, visioResizeDrag, textSearchStatus, visioSvgStrokeStyle, visioLineDashLengths, VISIO_DIAGRAM_RULE_SETS, visioClipboardShape, visioArrangeCommands, visioChangeMasterTargets, visioChangeMasterCommand, visioChangeShapeRefusal, visioChangeShapeCommand, visioChangeCaseShape, visioChangeCaseCommand, visioTextBlockShape, visioTextBlockFrame, visioTextBlockEdit, visioOrderingShape, visioFormatTargetShape, visioFormattingShape, visioTextFormattingState, visioTextIndentCommand, visioTextFontStepCommand, visioFontFamilies, visioPictureInsertCommand, normalizeVisioHyperlinkAddress, visioFitToDrawingEdits, VISIO_PAPER_SIZES, visioPageSizePresetEdits, visioOrientationEdits, visioPageDecorationState, visioNewPageId, visioMatchingPaperSize, visioPageBreaks, visioRemoveDataGraphicEdits, visioDataGraphicFields, visioDataGraphicEdits, visioShapeDataRow, VISIO_DATA_GRAPHIC_FILL_ROW, visioColorRules, visioLegendEdits, visioTextDialogValues, visioTextDialogPatch, visioFormatPainterSnapshot, visioFormatPainterEdits, VISIO_FORMAT_PAINTER_LIMITS, isVisioPathTool, visioPathDrawPlan, visioDrawPlan, visioDrawIsLargeEnough, visioConnectorCreationCommand, visioConnectableShape, visioAddConnectionPointCommand, visioDrawBounds, visioDrawingPoint, visioMovePreviewTransform, visioMarqueeSelection, visioStraightLineHandles, visioConnectorEndHandles, visioNearestConnectionPoint, visioRotationPreviewTransform, VISIO_RESIZE_HANDLES, visioStencilDropCommand, visioNudgeCommands, visioFillPatternTransform, visioRenderedGradientStops, visioStrokeGradient, VISIO_LAYOUT_STYLES, visioMasterDropRefusal, visioMasterDropSize, visioShapeFormattingState, visioGlowKey, visioShapeEffectValues, visioReflectionKey, visioFollowTarget, visioPaperSize, visioKeepAutoSize, VISIO_RULER_DENSITY_CHOICES, VISIO_GRID_DENSITY_CHOICES, visioGridSteps, visioRulerGridValues, visioRulerDensityFactor, visioRulerGridEdits, checkVisioDiagram, visioShapeReport, visioShapeReportTable, visioShapeReportCsv, visioShapeReportText, visioSubprocessCommand, visioShapeDataText, VISIO_LAYOUT_LABELS, visioAutoAlignCommands, visioReLayoutCommands, visioLayerAssignState, visioNewLayerNames, visioLayerAssignCommands, VISIO_SELECT_TYPES, VISIO_SELECT_TYPE_LABELS, visioPageMasters, visioSelectByType, visioPasteTextCommand, visioSnapMoveDelta, visioPageGuides, visioAutoConnectShape, visioAutoConnectArrows, visioAutoConnectNeighbor, visioAutoConnectPlan, visioShapePageBox, VISIO_FIELD_CATEGORIES, visioTextAppendEdit, visioTextSource, visioTextBlockMatrix, VISIO_TEXT_BLOCK_HANDLES, visioShapeLocalPoint, visioTextBlockDrag, visioPathPreview, visioConnectorMovePreviews, visioConnectorPreviewPath, visioGlueableShape, visioMasterDropCommand, visioMasterPreviewBox, visioDataGraphicMarker, visioParseRange, visioDataTable, visioWorkbookGrid, visioGuideCreateCommand, visioGuideMoveCommand } from 'ooxml-core/visio/ui';
 export { TEXT_SEARCH_LIMITS, compatibilityNotes, compatibilityText, demoDocument, eventKeys, propertyKeys } from 'ooxml-core/visio/ui';
 import { VISIO_VISIBILITY_LIMITS, VISIO_BASIC_STENCIL, VISIO_STENCILS, visioOutlineShape, VISIO_SNAP, VISIO_GLUE, VISIO_SHADOW_PRESETS, loadVisio, createVsdx, deserializeVisioClipboard, getVisioPageLayers, resolveVisioPageVisibility, visioLineJumpPaths, visioSnapGlue, VISIO_CLIPBOARD_MAX_CHARS, VISIO_GLOW_TRANSPARENCY, VISIO_METADATA_TEXT_LIMIT, VISIO_PICTURE_MAX_BYTES, inspectVisioRasterImage, visioPageLayout, VISIO_BUILT_IN_THEMES, VISIO_CONNECTOR_ROUTES, visioFilledArrow, layoutVisioFilledArrowLine, visioOpenArrowPath, isVisioChangeShapeTarget, VISIO_CONTAINER_STYLES, VISIO_CALLOUT_STYLES, visioBuiltInStencil, visioFallbackQuickStyle, VISIO_GLOW_SIZES, VISIO_SOFT_EDGE_SIZES, VISIO_REFLECTION_PRESETS, VISIO_BACKGROUND_STYLES, visioBackgroundShapes, VISIO_BORDER_STYLES, visioBorderShapes, checkVisioAlternativeText, VISIO_SHAPE_DATA_TYPES, visioShapeDataRowName, VISIO_CLIPBOARD_MAGIC, visioThemeVariantColors, visioPageThemeColors, visioBuiltInMaster, VISIO_QUICK_STYLE_COLORS, isVisioBuiltInThemeId, VISIO_SCALE_UNITS } from 'ooxml-core/visio';
 import { pushRecentColor, normalizePaletteHex } from 'ooxml-core/color';
@@ -1844,7 +1844,7 @@ summary::marker { color:var(--_vv-muted); font-size:10px; }
 var backstage_default = "/* Visio's File tab and backstage. */\n:host {\n	position: relative;\n}\n/* The shared office-ui-backstage draws the File column; these style Visio's page content. */\n.backstage-page h1 {\n	margin: 0 0 24px;\n	font-size: 34px;\n	font-weight: 300;\n}\n.backstage-page h2 {\n	margin: 20px 0 8px;\n	font-size: 16px;\n	font-weight: 600;\n}\n.backstage-file {\n	margin-top: 0 !important;\n	font-size: 20px !important;\n	font-weight: 400 !important;\n	overflow-wrap: anywhere;\n}\n.backstage-facts {\n	display: grid;\n	grid-template-columns: max-content 1fr;\n	gap: 8px 24px;\n	max-width: 520px;\n	margin: 0;\n	font-size: 13px;\n}\n.backstage-facts dt {\n	color: var(--_vv-muted);\n}\n.backstage-facts dd {\n	margin: 0;\n	overflow-wrap: anywhere;\n}\n.backstage-action {\n	display: flex;\n	flex-direction: column;\n	align-items: flex-start;\n	gap: 2px;\n	width: min(420px, 100%);\n	min-height: 64px;\n	margin: 0 0 10px;\n	padding: 10px 16px;\n	text-align: left;\n	background: var(--_vv-surface);\n}\n.backstage-action strong {\n	font-size: 14px;\n	font-weight: 600;\n}\n.backstage-action span,\n.backstage-muted,\n.backstage-note-count {\n	color: var(--_vv-muted);\n	font-size: 12px;\n}\n.backstage-templates {\n	display: flex;\n	flex-wrap: wrap;\n	gap: 12px;\n}\n.backstage-templates .backstage-action,\n.backstage-templates ::slotted(*) {\n	width: 200px;\n	min-height: 120px;\n}\n/* Account: the shared profile editor, then Visio's product information. */\n.backstage-page office-ui-account {\n	max-width: 560px;\n}\n.backstage-product {\n	margin-top: 24px;\n}\n/* Share with people: a live session between windows of this browser. */\n.share-panel {\n	max-width: 560px;\n	margin-bottom: 16px;\n}\n.share-panel h2 {\n	margin-top: 0 !important;\n}\n.share-field {\n	display: grid;\n	gap: 4px;\n	max-width: 320px;\n	margin: 12px 0;\n	font-size: 13px;\n}\n.share-room {\n	min-height: 30px;\n	padding: 2px 8px;\n	border: 1px solid var(--_vv-border);\n	border-radius: 3px;\n	background: var(--_vv-surface);\n	color: inherit;\n	font: inherit;\n}\n.share-buttons button {\n	min-height: 32px;\n	padding: 0 16px;\n}\n.share-buttons button[hidden] {\n	display: none;\n}\n.share-status {\n	min-height: 20px;\n	font-size: 13px;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/visio/styles/canvas.css?raw
-var canvas_default = "/*\n * Drawing canvas focus. SVG outlines are drawn in drawing units (inches here), so a browser\n * focus ring on a shape becomes a page-sized blob. Shapes show focus with a dashed accent\n * stroke instead, only for keyboard focus; selection keeps its solid accent stroke.\n */\n.paper [data-shape-id]:focus,\n.paper [data-shape-id]:focus-visible {\n	outline: none;\n}\n.paper [data-shape-id]:focus-visible > [data-geometry] {\n	stroke: var(--_vv-focus) !important;\n	stroke-width: 0.04 !important;\n	stroke-dasharray: 0.08 0.05;\n}\n\n/* Visio's selection: white handles with a grey outline on a thin grey frame. */\n.paper [data-line-endpoint],\n.paper [data-resize-handle],\n.rotation-overlay [data-rotation-handle] {\n	fill: #fff;\n	stroke: var(--_vv-handle, #7a7a7a);\n	stroke-width: 1.25px;\n	cursor: crosshair;\n	touch-action: none;\n	pointer-events: all;\n}\n.paper [data-resize-handle]:hover,\n.paper [data-line-endpoint]:hover,\n.rotation-overlay [data-rotation-handle]:hover {\n	fill: var(--_vv-accent-soft, #dfe5f6);\n}\n.paper [data-resize-handle='n'],\n.paper [data-resize-handle='s'] {\n	cursor: ns-resize;\n}\n.paper [data-resize-handle='e'],\n.paper [data-resize-handle='w'] {\n	cursor: ew-resize;\n}\n.paper [data-resize-handle='ne'],\n.paper [data-resize-handle='sw'] {\n	cursor: nesw-resize;\n}\n.paper [data-resize-handle='nw'],\n.paper [data-resize-handle='se'] {\n	cursor: nwse-resize;\n}\n.rotation-overlay [data-rotation-handle] {\n	stroke: transparent;\n	cursor: grab;\n}\n.rotation-overlay .rotation-glyph {\n	fill: none;\n	stroke: var(--_vv-handle, #7a7a7a);\n	stroke-width: 1.5px;\n	stroke-linecap: round;\n	stroke-linejoin: round;\n	pointer-events: none;\n}\n.rotation-overlay [data-rotation-handle]:hover + .rotation-glyph {\n	stroke: var(--_vv-accent);\n}\n.paper [data-resize-frame] {\n	fill: none;\n	stroke: var(--_vv-handle, #7a7a7a);\n	stroke-width: 1px;\n	pointer-events: none;\n}\n/*\n * A selection with no frame or endpoint handles (several shapes, a group, a glued connector) is\n * marked on the shapes themselves; a framed shape keeps its own outline, as in Visio.\n */\n.viewport:not([data-selection-frame]) .paper [data-selected='true'] > [data-geometry] {\n	stroke: var(--_vv-accent) !important;\n	stroke-width: 0.025 !important;\n}\n.viewport:not([data-selection-frame]) .paper [role='group'][data-selected='true'] [data-geometry] {\n	stroke: var(--_vv-accent) !important;\n	stroke-dasharray: 0.06 0.04;\n}\n/* Handles step aside while a shape's text is edited in place. */\n.viewport[data-text-editing] [data-resize-overlay],\n.viewport[data-text-editing] .rotation-overlay,\n.viewport[data-text-editing] [data-line-endpoint] {\n	display: none;\n}\n.paper [data-resize-frame-preview] {\n	stroke-dasharray: 5 3;\n}\n.paper .endpoint-preview,\n.paper .rotation-preview {\n	stroke: var(--_vv-accent);\n	stroke-width: 1.5px;\n	stroke-dasharray: 5 3;\n	pointer-events: none;\n}\n/* Visio shows no line from the pin to the rotation handle. */\n.rotation-overlay .rotation-stem {\n	display: none;\n}\n\n.rotation-overlay {\n	position: absolute;\n	z-index: 1;\n	pointer-events: none;\n}\n/* View > Visual Aids > Connection Points: blue x markers (presentation only, never exported). */\n.paper [data-connection-points] path {\n	fill: none;\n	stroke: #1f6fd1;\n	stroke-width: 1.25px;\n	pointer-events: none;\n}\n.paper [data-connection-points] path[data-inherited='true'] {\n	stroke-opacity: 0.55;\n}\n.paper [data-connection-points] path[data-selected='true'] {\n	stroke: var(--_vv-accent);\n	stroke-width: 2.5px;\n}\n/* A connector end over a connection point glues to that point. */\n.paper .connect-point-target {\n	fill: none;\n	stroke: #2e9d43;\n	stroke-width: 2px;\n	pointer-events: none;\n}\n/* Connectors glued to dragged shapes, re-routed live until the move is committed. */\n.paper .connector-preview {\n	fill: none;\n	stroke: var(--_vv-accent);\n	stroke-width: 1.5px;\n	stroke-dasharray: 4 3;\n	pointer-events: none;\n}\n\n/* View > Visual Aids > AutoConnect: arrows outside a hovered shape and their Quick Shapes bar. */\n.auto-connect {\n	position: absolute;\n	z-index: 2;\n	width: 0;\n	height: 0;\n	pointer-events: none;\n}\n.viewport[data-text-editing] .auto-connect {\n	display: none;\n}\n.auto-connect-arrow {\n	position: absolute;\n	width: 20px;\n	height: 20px;\n	margin: -10px 0 0 -10px;\n	padding: 2px;\n	border: 0;\n	background: none;\n	cursor: pointer;\n	pointer-events: auto;\n}\n.auto-connect-arrow svg {\n	display: block;\n	width: 16px;\n	height: 16px;\n	fill: var(--_vv-accent-soft);\n	stroke: var(--_vv-accent);\n	stroke-width: 1;\n	stroke-linejoin: round;\n}\n.auto-connect-arrow:hover svg {\n	fill: var(--_vv-accent);\n}\n.auto-connect-bar {\n	position: absolute;\n	display: flex;\n	gap: 2px;\n	padding: 3px;\n	border: 1px solid var(--_vv-border);\n	border-radius: 3px;\n	background: var(--_vv-surface);\n	box-shadow: 0 2px 8px rgb(0 0 0 / 18%);\n	pointer-events: auto;\n}\n.auto-connect-bar[data-side='right'] {\n	transform: translate(9px, -50%);\n}\n.auto-connect-bar[data-side='left'] {\n	transform: translate(calc(-100% - 9px), -50%);\n}\n.auto-connect-bar[data-side='up'] {\n	transform: translate(-50%, calc(-100% - 9px));\n}\n.auto-connect-bar[data-side='down'] {\n	transform: translate(-50%, 9px);\n}\n.auto-connect-bar button {\n	width: 30px;\n	height: 30px;\n	padding: 3px;\n	border: 1px solid transparent;\n	border-radius: 2px;\n	background: none;\n	cursor: pointer;\n}\n.auto-connect-bar button:hover {\n	border-color: var(--_vv-accent);\n	background: var(--_vv-accent-soft);\n}\n.auto-connect-bar svg {\n	display: block;\n	width: 22px;\n	height: 22px;\n	fill: var(--_vv-surface);\n	stroke: var(--_vv-ink);\n	stroke-width: 1;\n	stroke-linejoin: round;\n}\n";
+var canvas_default = "/*\n * Drawing canvas focus. SVG outlines are drawn in drawing units (inches here), so a browser\n * focus ring on a shape becomes a page-sized blob. Shapes show focus with a dashed accent\n * stroke instead, only for keyboard focus; selection keeps its solid accent stroke.\n */\n.paper [data-shape-id]:focus,\n.paper [data-shape-id]:focus-visible {\n	outline: none;\n}\n.paper [data-shape-id]:focus-visible > [data-geometry] {\n	stroke: var(--_vv-focus) !important;\n	stroke-width: 0.04 !important;\n	stroke-dasharray: 0.08 0.05;\n}\n\n/* Visio's selection: white handles with a grey outline on a thin grey frame. */\n.paper [data-line-endpoint],\n.paper [data-resize-handle],\n.rotation-overlay [data-rotation-handle] {\n	fill: #fff;\n	stroke: var(--_vv-handle, #7a7a7a);\n	stroke-width: 1.25px;\n	cursor: crosshair;\n	touch-action: none;\n	pointer-events: all;\n}\n.paper [data-resize-handle]:hover,\n.paper [data-line-endpoint]:hover,\n.rotation-overlay [data-rotation-handle]:hover {\n	fill: var(--_vv-accent-soft, #dfe5f6);\n}\n.paper [data-resize-handle='n'],\n.paper [data-resize-handle='s'] {\n	cursor: ns-resize;\n}\n.paper [data-resize-handle='e'],\n.paper [data-resize-handle='w'] {\n	cursor: ew-resize;\n}\n.paper [data-resize-handle='ne'],\n.paper [data-resize-handle='sw'] {\n	cursor: nesw-resize;\n}\n.paper [data-resize-handle='nw'],\n.paper [data-resize-handle='se'] {\n	cursor: nwse-resize;\n}\n.rotation-overlay [data-rotation-handle] {\n	stroke: transparent;\n	cursor: grab;\n}\n.rotation-overlay .rotation-glyph {\n	fill: none;\n	stroke: var(--_vv-handle, #7a7a7a);\n	stroke-width: 1.5px;\n	stroke-linecap: round;\n	stroke-linejoin: round;\n	pointer-events: none;\n}\n.rotation-overlay [data-rotation-handle]:hover + .rotation-glyph {\n	stroke: var(--_vv-accent);\n}\n.paper [data-resize-frame] {\n	fill: none;\n	stroke: var(--_vv-handle, #7a7a7a);\n	stroke-width: 1px;\n	pointer-events: none;\n}\n/*\n * A selection with no frame or endpoint handles (several shapes, a group, a glued connector) is\n * marked on the shapes themselves; a framed shape keeps its own outline, as in Visio.\n */\n.viewport:not([data-selection-frame]) .paper [data-selected='true'] > [data-geometry] {\n	stroke: var(--_vv-accent) !important;\n	stroke-width: 0.025 !important;\n}\n.viewport:not([data-selection-frame]) .paper [role='group'][data-selected='true'] [data-geometry] {\n	stroke: var(--_vv-accent) !important;\n	stroke-dasharray: 0.06 0.04;\n}\n/* Handles step aside while a shape's text is edited in place. */\n.viewport[data-text-editing] [data-resize-overlay],\n.viewport[data-text-editing] .rotation-overlay,\n.viewport[data-text-editing] [data-line-endpoint] {\n	display: none;\n}\n.paper [data-resize-frame-preview] {\n	stroke-dasharray: 5 3;\n}\n.paper .endpoint-preview,\n.paper .rotation-preview {\n	stroke: var(--_vv-accent);\n	stroke-width: 1.5px;\n	stroke-dasharray: 5 3;\n	pointer-events: none;\n}\n/* Visio shows no line from the pin to the rotation handle. */\n.rotation-overlay .rotation-stem {\n	display: none;\n}\n\n.rotation-overlay {\n	position: absolute;\n	z-index: 1;\n	pointer-events: none;\n}\n/* View > Visual Aids > Connection Points: blue x markers (presentation only, never exported). */\n.paper [data-connection-points] path {\n	fill: none;\n	stroke: #1f6fd1;\n	stroke-width: 1.25px;\n	pointer-events: none;\n}\n.paper [data-connection-points] path[data-inherited='true'] {\n	stroke-opacity: 0.55;\n}\n.paper [data-connection-points] path[data-selected='true'] {\n	stroke: var(--_vv-accent);\n	stroke-width: 2.5px;\n}\n/* A connector end over a connection point glues to that point. */\n.paper .connect-point-target {\n	fill: none;\n	stroke: #2e9d43;\n	stroke-width: 2px;\n	pointer-events: none;\n}\n/* Connectors glued to dragged shapes, re-routed live until the move is committed. */\n.paper .connector-preview {\n	fill: none;\n	stroke: var(--_vv-accent);\n	stroke-width: 1.5px;\n	stroke-dasharray: 4 3;\n	pointer-events: none;\n}\n\n/* View > Visual Aids > AutoConnect: arrows outside a hovered shape and their Quick Shapes bar. */\n.auto-connect {\n	position: absolute;\n	z-index: 2;\n	width: 0;\n	height: 0;\n	pointer-events: none;\n}\n.viewport[data-text-editing] .auto-connect {\n	display: none;\n}\n.auto-connect-arrow {\n	position: absolute;\n	width: 20px;\n	height: 20px;\n	margin: -10px 0 0 -10px;\n	padding: 2px;\n	border: 0;\n	background: none;\n	cursor: pointer;\n	pointer-events: auto;\n}\n.auto-connect-arrow svg {\n	display: block;\n	width: 16px;\n	height: 16px;\n	fill: var(--_vv-accent-soft);\n	stroke: var(--_vv-accent);\n	stroke-width: 1;\n	stroke-linejoin: round;\n}\n.auto-connect-arrow:hover svg {\n	fill: var(--_vv-accent);\n}\n.auto-connect-bar {\n	position: absolute;\n	display: flex;\n	gap: 2px;\n	padding: 3px;\n	border: 1px solid var(--_vv-border);\n	border-radius: 3px;\n	background: var(--_vv-surface);\n	box-shadow: 0 2px 8px rgb(0 0 0 / 18%);\n	pointer-events: auto;\n}\n.auto-connect-bar[data-side='right'] {\n	transform: translate(9px, -50%);\n}\n.auto-connect-bar[data-side='left'] {\n	transform: translate(calc(-100% - 9px), -50%);\n}\n.auto-connect-bar[data-side='up'] {\n	transform: translate(-50%, calc(-100% - 9px));\n}\n.auto-connect-bar[data-side='down'] {\n	transform: translate(-50%, 9px);\n}\n.auto-connect-bar button {\n	width: 30px;\n	height: 30px;\n	padding: 3px;\n	border: 1px solid transparent;\n	border-radius: 2px;\n	background: none;\n	cursor: pointer;\n}\n.auto-connect-bar button:hover {\n	border-color: var(--_vv-accent);\n	background: var(--_vv-accent-soft);\n}\n.auto-connect-bar svg {\n	display: block;\n	width: 22px;\n	height: 22px;\n	fill: var(--_vv-surface);\n	stroke: var(--_vv-ink);\n	stroke-width: 1;\n	stroke-linejoin: round;\n}\n\n/*\n * Touch: the drawing window owns its gestures (pinch zoom, one-finger pan, drag), so the browser\n * must not scroll or zoom it. Only this surface is affected; the page around it still scrolls.\n */\n.viewport,\n.viewport .paper {\n	touch-action: none;\n}\n/* Fingers need larger handles: the scale grows both the drawing and the hit area. */\n@media (pointer: coarse) {\n	.paper [data-resize-handle],\n	.paper [data-line-endpoint] {\n		transform-box: fill-box;\n		transform-origin: center;\n		transform: scale(2);\n	}\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/visio/styles/ribbon.css?raw
 var ribbon_default = "/*\n * Microsoft Visio ribbon layout on the shared ooxml-ui controls. The shared --office-* tokens come\n * from the bridge in styles/theme.ts. Loaded after the legacy styles.ts.\n */\n\n/* Tab row: Quick Access Toolbar, then Visio's tabs. */\n.ribbon-head {\n	display: flex;\n	align-items: stretch;\n	min-width: 0;\n	border-bottom: 1px solid var(--_vv-border);\n}\n.ribbon-head .ribbon-tabs {\n	flex: 0 1 auto;\n	min-width: 0;\n	height: 36px;\n	border-bottom: 0;\n	overflow-x: auto;\n	scrollbar-width: none;\n}\n.ribbon-head .ribbon-tabs button {\n	flex: none;\n	min-height: 35px;\n	padding: 6px 12px;\n	font-size: 13px;\n}\n\n/* Panels: groups of large commands and three-row stacks, as dense as Visio's. */\n.ribbon-content {\n	min-height: 96px;\n	padding: 2px 2px 0;\n	/* Groups collapse into buttons when the window narrows (ribbon-overflow.ts), so the panel\n	   only scrolls when even those do not fit, and never shows a scrollbar. */\n	scrollbar-width: none;\n}\n.ribbon-content::-webkit-scrollbar {\n	display: none;\n}\n.ribbon-row {\n	display: flex;\n	flex-wrap: nowrap;\n	align-items: stretch;\n	gap: 0;\n	padding: 0;\n	border: 0;\n	background: transparent;\n}\n.ribbon-row office-ui-ribbon-group,\n.tools-content office-ui-ribbon-group {\n	min-width: 0;\n}\noffice-ui-ribbon-group office-ui-button,\noffice-ui-ribbon-group office-ui-menu-button {\n	--office-target-size: 24px;\n}\noffice-ui-ribbon-group [data-size='large'] {\n	--office-target-size: 30px;\n}\noffice-ui-button[variant='stacked']::part(button) {\n	min-width: 48px;\n	min-height: 66px;\n	padding: 2px 6px;\n	font-size: 12px;\n}\noffice-ui-menu-button[variant='stacked']::part(button) {\n	min-width: 48px;\n	min-height: 50px;\n	font-size: 12px;\n}\noffice-ui-ribbon-group [data-size='small']::part(button) {\n	justify-content: flex-start;\n	font-size: 12px;\n}\noffice-ui-ribbon-stack:not([orientation]) {\n	justify-content: flex-start;\n	padding-top: 2px;\n}\noffice-ui-ribbon-stack:not([orientation]) > * {\n	min-height: 24px;\n}\noffice-ui-ribbon-group > office-ui-ribbon-stack > office-ui-ribbon-stack[orientation] {\n	min-height: 32px;\n}\noffice-ui-select[data-combo] {\n	--office-target-size: 24px;\n}\noffice-ui-menu-button[data-active]::part(button) {\n	background: var(--_vv-accent-soft);\n	box-shadow: inset 0 0 0 1px var(--_vv-accent);\n}\n[data-unsupported] {\n	cursor: not-allowed;\n}\n.ribbon-check {\n	display: flex;\n	align-items: center;\n	gap: 6px;\n	min-height: 24px;\n	padding: 0 6px;\n	font-size: 12px;\n	white-space: nowrap;\n	cursor: pointer;\n}\n.ribbon-check[data-unsupported] {\n	color: var(--_vv-muted);\n	opacity: 0.6;\n}\n.ribbon-hint {\n	display: none;\n}\n\n/* Drawing window with optional rulers. */\n.canvas-area {\n	display: grid;\n	flex: 1;\n	min-width: 0;\n	min-height: 0;\n	grid-template-columns: 0 1fr;\n	grid-template-rows: 0 1fr;\n}\n.canvas-area[data-ruler='true'] {\n	grid-template-columns: 18px 1fr;\n	grid-template-rows: 18px 1fr;\n}\n.canvas-area > .viewport {\n	grid-column: 2;\n	grid-row: 2;\n}\n.ruler,\n.ruler-corner {\n	display: none;\n	background: var(--_vv-surface);\n}\n.canvas-area[data-ruler='true'] > .ruler,\n.canvas-area[data-ruler='true'] > .ruler-corner {\n	display: block;\n}\n.ruler-corner {\n	grid-column: 1;\n	grid-row: 1;\n	border-right: 1px solid var(--_vv-border);\n	border-bottom: 1px solid var(--_vv-border);\n}\n/* The shared office-ui-ruler draws ticks, labels and its own edge. */\n.ruler-h {\n	grid-column: 2;\n	grid-row: 1;\n}\n.ruler-v {\n	grid-column: 1;\n	grid-row: 2;\n}\n\n.page-bar {\n	display: flex;\n	flex: none;\n	align-items: stretch;\n	min-width: 0;\n	border-top: 1px solid var(--_vv-border);\n	background: var(--_vv-secondary);\n}\n.page-bar office-ui-menu-button {\n	--office-target-size: 28px;\n	flex: none;\n	padding: 0 2px;\n}\n.page-tabs {\n	flex: 1;\n	min-width: 0;\n	border-top: 0;\n}\noffice-ui-status-bar.status {\n	gap: 16px;\n	min-height: 29px;\n	padding: 0 8px 0 12px;\n	font-size: 11px;\n	background: var(--_vv-surface);\n	color: var(--_vv-ink);\n}\noffice-ui-status-item[value=''] {\n	display: none;\n}\n.viewport[data-tool='ellipse'],\n.viewport[data-tool='ellipse'] .paper [data-shape-id],\n.viewport[data-tool='rectangle'],\n.viewport[data-tool='rectangle'] .paper [data-shape-id],\n.viewport[data-tool='line'],\n.viewport[data-tool='line'] .paper [data-shape-id],\n.viewport[data-tool='freeform'],\n.viewport[data-tool='freeform'] .paper [data-shape-id],\n.viewport[data-tool='arc'],\n.viewport[data-tool='arc'] .paper [data-shape-id],\n.viewport[data-tool='pencil'],\n.viewport[data-tool='pencil'] .paper [data-shape-id],\n.viewport[data-tool='connector'],\n.viewport[data-tool='connector'] .paper [data-shape-id],\n.viewport[data-tool='connection-point'],\n.viewport[data-tool='connection-point'] .paper [data-shape-id] {\n	cursor: crosshair;\n}\n.viewport[data-tool='ellipse'],\n.viewport[data-tool='rectangle'],\n.viewport[data-tool='line'],\n.viewport[data-tool='freeform'],\n.viewport[data-tool='arc'],\n.viewport[data-tool='pencil'],\n.viewport[data-tool='connector'] {\n	touch-action: none;\n}\n\n/* Selection owns canvas drags. Surrounding chrome retains native scrolling. */\n.viewport[data-tool='pointer'] {\n	touch-action: none;\n}\n/* Connector tool: the shape under the pointer is the glue target (Visio's green glue box). */\n.viewport .paper [data-connect-target='true'] > path[data-geometry] {\n	/* Drawing units (inches), like the canvas focus stroke; wins over a focused shape's dashes. */\n	stroke: var(--_vv-accent) !important;\n	stroke-width: 0.05 !important;\n	stroke-opacity: 1 !important;\n	stroke-dasharray: none !important;\n}\npath.draw-preview {\n	fill: none;\n}\n.draw-preview {\n	fill: var(--_vv-accent-soft);\n	stroke: var(--_vv-accent);\n	stroke-width: 1.5px;\n	stroke-dasharray: 4 3;\n	pointer-events: none;\n}\n.viewport[data-grid='true'] .paper {\n	--_vv-grid-minor: rgb(0 0 0 / 7%);\n	--_vv-grid-major: rgb(0 0 0 / 16%);\n	background-image:\n		linear-gradient(to right, var(--_vv-grid-major) 1px, transparent 1px),\n		linear-gradient(to top, var(--_vv-grid-major) 1px, transparent 1px),\n		linear-gradient(to right, var(--_vv-grid-minor) 1px, transparent 1px),\n		linear-gradient(to top, var(--_vv-grid-minor) 1px, transparent 1px);\n	/* The page's grid (Ruler & Grid): a line every step, a stronger one every fourth step. */\n	--_vv-grid-step-x: var(--_vv-grid-x, calc(var(--vv-inch, 96px) / 4));\n	--_vv-grid-step-y: var(--_vv-grid-y, calc(var(--vv-inch, 96px) / 4));\n	background-size:\n		calc(var(--_vv-grid-step-x) * 4) calc(var(--_vv-grid-step-y) * 4),\n		calc(var(--_vv-grid-step-x) * 4) calc(var(--_vv-grid-step-y) * 4),\n		var(--_vv-grid-step-x) var(--_vv-grid-step-y),\n		var(--_vv-grid-step-x) var(--_vv-grid-step-y);\n	background-position: left var(--_vv-grid-origin-x, 0px) bottom var(--_vv-grid-origin-y, 0px);\n}\n:host(:fullscreen) {\n	width: 100vw;\n	height: 100vh;\n}\n\n@media (max-width: 760px) {\n	.ribbon-row {\n		flex: 1;\n		min-width: 0;\n	}\n	.ribbon-tools .tools-content office-ui-ribbon-group {\n		width: 100%;\n	}\n	office-ui-status-bar.status {\n		gap: 4px;\n		min-height: 48px;\n	}\n	office-ui-status-item:not([data-page-status]) {\n		display: none;\n	}\n	.zoom-controls {\n		flex: 1;\n		min-width: 0;\n		--office-zoom-slider-width: 0;\n	}\n}\n\n/* Visio's Tell me box sits right after the tabs. */\n.tell-me {\n	flex: 0 1 280px;\n	min-width: 140px;\n	margin: 0 8px;\n	--office-target-size: 28px;\n}\n.presentation-mode {\n	--office-target-size: 24px;\n}\n@media (max-width: 760px) {\n	.tell-me {\n		display: none;\n	}\n}\n\n/*\n * Quick Styles, Themes and Variants: Visio's row of tiles with a More button. The viewer's width\n * sets data-inline-tiles (ribbon-inline-galleries.ts); the tiles beyond it stay in the gallery.\n */\n[data-inline-gallery][mode='inline'] {\n	align-self: center;\n}\n[data-inline-tiles='1'] .strip .tile:nth-child(n + 2),\n[data-inline-tiles='2'] .strip .tile:nth-child(n + 3),\n[data-inline-tiles='3'] .strip .tile:nth-child(n + 4),\n[data-inline-tiles='4'] .strip .tile:nth-child(n + 5),\n[data-inline-tiles='5'] .strip .tile:nth-child(n + 6),\n[data-inline-tiles='6'] .strip .tile:nth-child(n + 7) {\n	display: none;\n}\n";
@@ -4780,7 +4780,7 @@ function syncChangeShape(gallery3, reason, masters, builtIn) {
 }
 
 // src/visio/ribbon-home.ts
-var ARRANGE = "Needs core alignment, position, z-order and grouping edits.";
+var ARRANGE = "Select shapes to align, distribute, rotate or flip them.";
 var small2 = (spec) => ({ size: "small", ...spec });
 var icon2 = (spec) => ({ size: "icon", ...spec });
 function paintMenu(doc, target, label) {
@@ -7804,6 +7804,246 @@ function hideGestureOverlays(viewport, selector) {
   };
 }
 
+// src/visio/viewer-touch-math.ts
+var TOUCH_SLOP = 8;
+var LONG_PRESS_MS = 500;
+var TOUCH_HIT_RADIUS = 14;
+var MIN_ZOOM = 0.1;
+var MAX_ZOOM = 8;
+function pinchDistance(a, b) {
+  return Math.hypot(a.x - b.x, a.y - b.y);
+}
+function pinchMidpoint(a, b) {
+  return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };
+}
+function clampZoom(zoom, min = MIN_ZOOM, max = MAX_ZOOM) {
+  return Number.isFinite(zoom) ? Math.max(min, Math.min(max, zoom)) : 1;
+}
+function pinchZoom(startZoom, startDistance, distance, min = MIN_ZOOM, max = MAX_ZOOM) {
+  if (!(startDistance > 0) || !(distance > 0)) return clampZoom(startZoom, min, max);
+  return clampZoom(startZoom * distance / startDistance, min, max);
+}
+function pointFraction(point, rect) {
+  return {
+    x: rect.width > 0 ? (point.x - rect.left) / rect.width : 0.5,
+    y: rect.height > 0 ? (point.y - rect.top) / rect.height : 0.5
+  };
+}
+function pinchScrollDelta(fraction, rect, target) {
+  return {
+    x: rect.left + fraction.x * rect.width - target.x,
+    y: rect.top + fraction.y * rect.height - target.y
+  };
+}
+function hitTolerance(pointerType) {
+  return pointerType === "touch" ? TOUCH_HIT_RADIUS : 0;
+}
+function hitProbes(radius) {
+  const probes = [{ x: 0, y: 0 }];
+  if (radius <= 0) return probes;
+  for (const r of [radius / 2, radius])
+    for (let i = 0; i < 8; i++) {
+      const angle = i * Math.PI / 4;
+      probes.push({ x: Math.cos(angle) * r, y: Math.sin(angle) * r });
+    }
+  return probes;
+}
+
+// src/visio/viewer-touch-gestures.ts
+var ViewerTouchGestures = class {
+  constructor(viewport, controller, options2) {
+    this.viewport = viewport;
+    this.controller = controller;
+    this.options = options2;
+  }
+  viewport;
+  controller;
+  options;
+  #touches = /* @__PURE__ */ new Map();
+  /** Pointers consumed by a pinch stay ignored until they lift, so no finger starts a pan after it. */
+  #spent = /* @__PURE__ */ new Set();
+  #pinch;
+  get pinching() {
+    return !!this.#pinch;
+  }
+  wire() {
+    const view = this.viewport.ownerDocument.defaultView;
+    const Abort = view?.AbortController ?? AbortController;
+    const events = new Abort();
+    const options2 = { signal: events.signal, capture: true };
+    const viewport = this.viewport;
+    viewport.addEventListener("pointerdown", (event) => this.#down(event), options2);
+    viewport.addEventListener("pointermove", (event) => this.#move(event), options2);
+    for (const type of ["pointerup", "pointercancel"])
+      viewport.addEventListener(type, (event) => this.#up(event), options2);
+    return () => {
+      events.abort();
+      this.#touches.clear();
+      this.#spent.clear();
+      this.#pinch = void 0;
+    };
+  }
+  #down(event) {
+    if (event.pointerType !== "touch") return;
+    this.#touches.set(event.pointerId, { x: event.clientX, y: event.clientY });
+    if (this.#spent.size || this.#pinch) {
+      this.#spent.add(event.pointerId);
+      event.stopImmediatePropagation();
+      return;
+    }
+    if (this.#touches.size < 2 || !this.options.active()) return;
+    const [first, second] = [...this.#touches.keys()];
+    const a = this.#touches.get(first), b = this.#touches.get(second);
+    const distance = pinchDistance(a, b);
+    if (!(distance > 0)) return;
+    this.options.cancelSingle();
+    const paper = this.viewport.querySelector("svg.paper") ?? this.viewport;
+    this.#pinch = {
+      ids: [first, second],
+      startDistance: distance,
+      startZoom: this.controller.state.zoom,
+      fraction: pointFraction(pinchMidpoint(a, b), paper.getBoundingClientRect())
+    };
+    this.#spent.add(first).add(second);
+    for (const id of this.#pinch.ids) this.viewport.setPointerCapture?.(id);
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  }
+  #move(event) {
+    if (event.pointerType !== "touch" || !this.#touches.has(event.pointerId)) return;
+    this.#touches.set(event.pointerId, { x: event.clientX, y: event.clientY });
+    if (this.#spent.has(event.pointerId)) event.stopImmediatePropagation();
+    const pinch = this.#pinch;
+    if (!pinch || !pinch.ids.includes(event.pointerId)) return;
+    const a = this.#touches.get(pinch.ids[0]), b = this.#touches.get(pinch.ids[1]);
+    const next = pinchZoom(
+      pinch.startZoom,
+      pinch.startDistance,
+      pinchDistance(a, b),
+      MIN_ZOOM,
+      MAX_ZOOM
+    );
+    this.controller.setZoom(next);
+    const paper = this.viewport.querySelector("svg.paper");
+    if (paper) {
+      const delta = pinchScrollDelta(
+        pinch.fraction,
+        paper.getBoundingClientRect(),
+        pinchMidpoint(a, b)
+      );
+      this.viewport.scrollLeft += delta.x;
+      this.viewport.scrollTop += delta.y;
+    }
+    event.preventDefault();
+  }
+  #up(event) {
+    if (event.pointerType !== "touch") return;
+    this.#touches.delete(event.pointerId);
+    if (this.#pinch?.ids.includes(event.pointerId)) this.#pinch = void 0;
+    if (this.#spent.delete(event.pointerId)) event.stopImmediatePropagation();
+  }
+};
+
+// src/visio/viewer-touch-long-press.ts
+function armLongPress(view, drag, shape, event, live) {
+  if (!view) return;
+  const { clientX, clientY } = event;
+  drag.longPress = view.setTimeout(() => {
+    drag.longPress = void 0;
+    if (drag.started || !live()) return;
+    drag.held = () => shape.dispatchEvent(
+      new view.MouseEvent("contextmenu", { bubbles: true, cancelable: true, clientX, clientY })
+    );
+  }, LONG_PRESS_MS);
+}
+function touchRelease(drag, controller) {
+  const held = drag.held;
+  if (held) return (view) => void view?.setTimeout(held, 100);
+  const target = drag.target;
+  if (drag.touch && drag.nearby && target) return () => controller.selectShapes([target]);
+  return void 0;
+}
+function gestureIsCurrent(drag, state, active) {
+  return state.document === drag.document && state.document?.pages[state.pageIndex] === drag.page && state.selectedShapes === drag.selection && state.layerVisibilityOverrides === drag.layers && state.zoom === drag.zoom && drag.svg.isConnected && !state.loading && !state.edit.busy && active;
+}
+function selectDragTarget(controller, drag, active) {
+  const target = drag.target;
+  const intended = drag.additive ? [...drag.selection, target] : [target];
+  controller.selectShapes(intended);
+  const state = controller.state;
+  if (state.document !== drag.document || state.document.pages[state.pageIndex] !== drag.page || state.layerVisibilityOverrides !== drag.layers || state.loading || state.edit.busy || !active || state.selectedShapes.length !== intended.length || !state.selectedShapes.every(
+    (shape, index) => shape.id === intended[index].id && visioSelectionIsOnPage(shape, drag.page.id)
+  ))
+    return false;
+  drag.selection = state.selectedShapes;
+  return true;
+}
+function createMarqueeRect(svg2) {
+  const rect = svg2.ownerDocument.createElementNS("http://www.w3.org/2000/svg", "rect");
+  rect.dataset.marqueePreview = "";
+  rect.setAttribute("fill", "var(--_vv-accent)");
+  rect.setAttribute("fill-opacity", "0.12");
+  rect.setAttribute("stroke", "var(--_vv-accent)");
+  rect.setAttribute("stroke-width", "1.5");
+  rect.setAttribute("vector-effect", "non-scaling-stroke");
+  rect.setAttribute("aria-hidden", "true");
+  rect.style.pointerEvents = "none";
+  svg2.append(rect);
+  return rect;
+}
+function createGesture(input) {
+  const { event, state, group: group2 } = input;
+  return {
+    pointer: event.pointerId,
+    svg: input.svg,
+    page: input.page,
+    document: state.document,
+    selection: state.selectedShapes,
+    layers: state.layerVisibilityOverrides,
+    zoom: state.zoom,
+    start: input.start,
+    clientX: event.clientX,
+    clientY: event.clientY,
+    started: false,
+    additive: event.shiftKey || event.ctrlKey || event.metaKey,
+    touch: input.touch,
+    nearby: input.nearby,
+    ...group2 ? {
+      target: {
+        id: group2.dataset.shapeId,
+        name: group2.dataset.shapeName ?? "",
+        pageId: input.page.id
+      }
+    } : {}
+  };
+}
+function marqueeSelect(controller, drag, point) {
+  const box2 = visioMarqueeBox(drag.start, point);
+  if (!box2) return;
+  const selected = visioMarqueeSelection(
+    drag.page,
+    box2,
+    documentVisibility(drag.document, drag.layers)
+  );
+  controller.selectShapes(drag.additive ? [...drag.selection, ...selected] : selected);
+}
+
+// src/visio/viewer-touch-hit.ts
+function nearbyShape(viewport, svg2, event, selected) {
+  const root = viewport.getRootNode();
+  if (typeof root.elementsFromPoint !== "function") return null;
+  for (const probe of hitProbes(hitTolerance(event.pointerType))) {
+    const hits = root.elementsFromPoint(event.clientX + probe.x, event.clientY + probe.y);
+    for (const element of hits) {
+      if (!svg2.contains(element) || element.closest("[data-resize-overlay], .rotation-overlay"))
+        continue;
+      const shape = pointerShapeTarget(element, selected, true);
+      if (shape) return shape;
+    }
+  }
+  return null;
+}
+
 // src/visio/viewer-pointer-gestures.ts
 var pointOptions = { snap: false, bounded: false };
 var ViewerPointerGestures = class {
@@ -7811,6 +8051,15 @@ var ViewerPointerGestures = class {
     this.viewport = viewport;
     this.controller = controller;
     this.options = options2;
+    this.#touch = new ViewerTouchGestures(viewport, controller, {
+      active: () => options2.active(),
+      cancelSingle: () => {
+        this.#cancelPan?.();
+        this.#cancelPan = void 0;
+        if (this.#drag) this.#cancel();
+        this.#cancelClick = true;
+      }
+    });
   }
   viewport;
   controller;
@@ -7819,6 +8068,7 @@ var ViewerPointerGestures = class {
   #request = 0;
   #cancelClick = false;
   #cancelPan;
+  #touch;
   render(state) {
     this.#cancelPan?.();
     if (this.#drag && !this.#current(this.#drag, state)) this.#cancel();
@@ -7829,6 +8079,7 @@ var ViewerPointerGestures = class {
         this.#cancel();
     };
     this.viewport.ownerDocument.addEventListener("pointerup", stopOutside);
+    const disposeTouch = this.#touch.wire();
     const dispose = wireHandleEvents(this.viewport, {
       pointer: () => this.#drag?.pointer,
       start: (event) => this.#start(event),
@@ -7847,10 +8098,11 @@ var ViewerPointerGestures = class {
       ++this.#request;
       this.viewport.ownerDocument.removeEventListener("pointerup", stopOutside);
       dispose();
+      disposeTouch();
     };
   }
   #current(drag, state = this.controller.state) {
-    return state.document === drag.document && state.document?.pages[state.pageIndex] === drag.page && state.selectedShapes === drag.selection && state.layerVisibilityOverrides === drag.layers && state.zoom === drag.zoom && drag.svg.isConnected && !state.loading && !state.edit.busy && this.options.active();
+    return gestureIsCurrent(drag, state, this.options.active());
   }
   #start(event) {
     this.#cancelClick = false;
@@ -7864,8 +8116,14 @@ var ViewerPointerGestures = class {
     const svg2 = this.viewport.querySelector("svg.paper");
     if (!svg2 || !page3 || !state.document || state.loading || state.edit.busy || !svg2.contains(node) && !(node === this.viewport && event.pointerType === "touch"))
       return;
-    const group2 = pointerShapeTarget(node, state.selectedShapes, true);
-    if (!group2 && event.pointerType === "touch") {
+    let group2 = pointerShapeTarget(node, state.selectedShapes, true);
+    const touch = event.pointerType === "touch";
+    let nearby = false;
+    if (!group2 && touch) {
+      group2 = nearbyShape(this.viewport, svg2, event, state.selectedShapes);
+      nearby = !!group2;
+    }
+    if (!group2 && touch) {
       this.#cancelPan?.();
       this.#cancelPan = trackPointerPan(
         this.viewport,
@@ -7884,28 +8142,13 @@ var ViewerPointerGestures = class {
       return;
     const start = pagePoint(svg2, page3, event, pointOptions);
     if (!start) return;
-    const drag = {
-      pointer: event.pointerId,
-      svg: svg2,
-      page: page3,
-      document: state.document,
-      selection: state.selectedShapes,
-      layers: state.layerVisibilityOverrides,
-      zoom: state.zoom,
-      start,
-      clientX: event.clientX,
-      clientY: event.clientY,
-      started: false,
-      additive: event.shiftKey || event.ctrlKey || event.metaKey,
-      ...group2 ? {
-        target: {
-          id: group2.dataset.shapeId,
-          name: group2.dataset.shapeName ?? "",
-          pageId: page3.id
-        }
-      } : {}
-    };
-    if (this.#current(drag)) this.#drag = drag;
+    const drag = createGesture({ event, svg: svg2, page: page3, state, start, touch, nearby, group: group2 });
+    if (!this.#current(drag)) return;
+    this.#drag = drag;
+    if (touch && group2)
+      armLongPress(this.viewport.ownerDocument.defaultView, drag, group2, event, () => {
+        return this.#drag === drag && this.#current(drag);
+      });
   }
   #begin(drag) {
     if (drag.target) {
@@ -7913,15 +8156,8 @@ var ViewerPointerGestures = class {
         (shape) => shape.id === drag.target.id && visioSelectionIsOnPage(shape, drag.page.id)
       );
       if (!selected) {
-        const intended = drag.additive ? [...drag.selection, drag.target] : [drag.target];
         this.#drag = void 0;
-        this.controller.selectShapes(intended);
-        const state = this.controller.state;
-        if (state.document !== drag.document || state.document.pages[state.pageIndex] !== drag.page || state.layerVisibilityOverrides !== drag.layers || state.loading || state.edit.busy || !this.options.active() || state.selectedShapes.length !== intended.length || !state.selectedShapes.every(
-          (shape, index) => shape.id === intended[index].id && visioSelectionIsOnPage(shape, drag.page.id)
-        ))
-          return false;
-        drag.selection = state.selectedShapes;
+        if (!selectDragTarget(this.controller, drag, this.options.active())) return false;
         this.#drag = drag;
       }
       if (!drag.selection.every((shape) => visioSelectionIsOnPage(shape, drag.page.id)) || !visioMoveCommands(
@@ -7947,22 +8183,10 @@ var ViewerPointerGestures = class {
         "[data-resize-overlay], .rotation-overlay"
       );
     } else {
-      const rect = this.viewport.ownerDocument.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "rect"
-      );
-      rect.dataset.marqueePreview = "";
-      rect.setAttribute("fill", "var(--_vv-accent)");
-      rect.setAttribute("fill-opacity", "0.12");
-      rect.setAttribute("stroke", "var(--_vv-accent)");
-      rect.setAttribute("stroke-width", "1.5");
-      rect.setAttribute("vector-effect", "non-scaling-stroke");
-      rect.setAttribute("aria-hidden", "true");
-      rect.style.pointerEvents = "none";
-      drag.svg.append(rect);
-      drag.marquee = rect;
+      drag.marquee = createMarqueeRect(drag.svg);
     }
     drag.started = true;
+    drag.held = void 0;
     this.viewport.focus({ preventScroll: true });
     this.viewport.setPointerCapture?.(drag.pointer);
     return true;
@@ -7975,7 +8199,8 @@ var ViewerPointerGestures = class {
       return;
     }
     if (!drag.started) {
-      if (Math.hypot(event.clientX - drag.clientX, event.clientY - drag.clientY) < 4) return;
+      const slop = drag.touch ? TOUCH_SLOP : 4;
+      if (Math.hypot(event.clientX - drag.clientX, event.clientY - drag.clientY) < slop) return;
       try {
         if (!this.#begin(drag)) {
           this.#cancel();
@@ -8018,6 +8243,7 @@ var ViewerPointerGestures = class {
   #release() {
     const drag = this.#drag;
     this.#drag = void 0;
+    if (drag?.longPress) this.viewport.ownerDocument.defaultView?.clearTimeout(drag.longPress);
     if (drag?.started) this.#cancelClick = true;
     if (drag && this.viewport.hasPointerCapture?.(drag.pointer))
       this.viewport.releasePointerCapture(drag.pointer);
@@ -8031,6 +8257,13 @@ var ViewerPointerGestures = class {
   async #finish(event) {
     const drag = this.#drag;
     if (!drag || event.pointerId !== drag.pointer) return;
+    const tap = !drag.started && this.#current(drag) ? touchRelease(drag, this.controller) : void 0;
+    if (tap) {
+      this.#cancel();
+      this.#cancelClick = true;
+      tap(this.viewport.ownerDocument.defaultView);
+      return;
+    }
     if (!this.#current(drag) || !drag.started) {
       this.#cancel();
       return;
@@ -8042,16 +8275,7 @@ var ViewerPointerGestures = class {
     if (!point || !this.#current(drag) || !drag.target) settle();
     if (!point || !this.#current(drag)) return;
     if (!drag.target) {
-      const box2 = visioMarqueeBox(drag.start, point);
-      if (box2) {
-        const selected = visioMarqueeSelection(
-          drag.page,
-          box2,
-          documentVisibility(drag.document, drag.layers)
-        );
-        if (this.#current(drag))
-          this.controller.selectShapes(drag.additive ? [...drag.selection, ...selected] : selected);
-      }
+      if (this.#current(drag)) marqueeSelect(this.controller, drag, point);
       return;
     }
     const edits = visioMoveCommands(
@@ -8668,7 +8892,8 @@ var ViewerPanZoom = class {
   }
 };
 
-// src/visio/viewer-options.ts
+// src/visio/viewer-options-categories.ts
+var visio = { product: "Visio", t: (text2) => text2 };
 var disabled = (reason) => ({ disabled: `Not available yet. ${reason}` });
 var VISIO_OPTION_CATEGORIES = [
   {
@@ -8676,36 +8901,10 @@ var VISIO_OPTION_CATEGORIES = [
     label: "General",
     description: "General options for working with Visio.",
     sections: [
-      {
-        id: "ui",
-        title: "User Interface options",
-        controls: [
-          {
-            kind: "toggle",
-            key: "miniToolbar",
-            label: "Show Mini Toolbar on selection",
-            ...disabled("Needs rich text formatting.")
-          },
-          {
-            kind: "toggle",
-            key: "livePreview",
-            label: "Enable Live Preview",
-            ...disabled("Styles are applied on click; hover previews are not drawn yet.")
-          },
-          {
-            kind: "select",
-            key: "screenTips",
-            label: "ScreenTip style",
-            choices: [{ value: "descriptions", label: "Show feature descriptions in ScreenTips" }],
-            ...disabled("ScreenTips always describe the command.")
-          }
-        ]
-      },
-      {
-        id: "personalize",
-        title: "Personalize your copy of Microsoft Office",
-        description: "Stored on this device only. Shared sessions show this name to others.",
-        controls: [
+      userInterfaceSection(visio),
+      personalizeSection(
+        visio,
+        [
           { kind: "text", key: "userName", label: "User name", maxLength: 64 },
           { kind: "text", key: "userInitials", label: "Initials", maxLength: 2 },
           {
@@ -8719,31 +8918,21 @@ var VISIO_OPTION_CATEGORIES = [
               { value: "dark", label: "Black" }
             ]
           }
-        ]
-      }
+        ],
+        "Stored on this device only. Shared sessions show this name to others."
+      )
     ]
   },
-  {
-    id: "proofing",
-    label: "Proofing",
-    description: "Change how Visio corrects and formats your text.",
-    disabled: "Not available yet. Spelling and AutoCorrect need rich text editing.",
-    sections: []
-  },
-  {
-    id: "save",
-    label: "Save",
+  unavailableCategory(visio, "proofing", {
+    reason: "Not available yet. Spelling and AutoCorrect need rich text editing."
+  }),
+  unavailableCategory(visio, "save", {
     description: "Customize how drawings are saved.",
-    disabled: "Not available yet. Drawings are saved as downloaded copies; AutoRecover is not kept.",
-    sections: []
-  },
-  {
-    id: "language",
-    label: "Language",
-    description: "Set the Office Language Preferences.",
-    disabled: "Not available yet. The viewer is English only.",
-    sections: []
-  },
+    reason: "Not available yet. Drawings are saved as downloaded copies; AutoRecover is not kept."
+  }),
+  unavailableCategory(visio, "language", {
+    reason: "Not available yet. The viewer is English only."
+  }),
   {
     id: "advanced",
     label: "Advanced",
@@ -8771,35 +8960,15 @@ var VISIO_OPTION_CATEGORIES = [
       }
     ]
   },
-  {
-    id: "ribbon",
-    label: "Customize Ribbon",
-    description: "Customize the Ribbon and keyboard shortcuts.",
-    disabled: "Not available yet. The ribbon layout is fixed.",
-    sections: []
-  },
-  {
-    id: "qat",
-    label: "Quick Access Toolbar",
-    description: "Customize the Quick Access Toolbar.",
-    disabled: "Not available yet. The Quick Access Toolbar shows Undo and Redo.",
-    sections: []
-  },
-  {
-    id: "add-ins",
-    label: "Add-ins",
-    description: "View and manage Microsoft Office Add-ins.",
-    disabled: "Not available. Add-ins and macros never run in this viewer.",
-    sections: []
-  },
-  {
-    id: "trust",
-    label: "Trust Center",
-    description: "Help keep your documents safe and your computer secure and healthy.",
-    disabled: "Not available. Documents stay local and active content is never run.",
-    sections: []
-  }
+  unavailableCategory(visio, "ribbon"),
+  unavailableCategory(visio, "qat", {
+    reason: "Not available yet. The Quick Access Toolbar shows Undo and Redo."
+  }),
+  unavailableCategory(visio, "addins"),
+  unavailableCategory(visio, "trust")
 ];
+
+// src/visio/viewer-options.ts
 var THEME_KEY = "ooxml-visio-office-theme";
 var isStatusBarTheme = (value) => value === "colorful" || value === "neutral";
 function readStatusBarTheme() {
@@ -8833,6 +9002,7 @@ function createOptionsDialog(doc) {
   const dialog = doc.createElement("office-ui-options-dialog");
   dialog.setAttribute("heading", "Visio Options");
   dialog.categories = VISIO_OPTION_CATEGORIES;
+  dialog.defaults = { userName: "", userInitials: "", officeTheme: "neutral" };
   return dialog;
 }
 var ViewerProfile = class {