roosterjs-content-model-plugins 9.46.0 → 9.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/imageEdit/ImageEditPlugin.js +1 -1
- package/lib/imageEdit/ImageEditPlugin.js.map +1 -1
- package/lib/imageEdit/types/ImageEditOptions.d.ts +18 -0
- package/lib/imageEdit/types/ImageEditOptions.js.map +1 -1
- package/lib/imageEdit/utils/canRegenerateImage.d.ts +2 -1
- package/lib/imageEdit/utils/canRegenerateImage.js +10 -1
- package/lib/imageEdit/utils/canRegenerateImage.js.map +1 -1
- package/lib/imageEdit/utils/createImageWrapper.js +4 -3
- package/lib/imageEdit/utils/createImageWrapper.js.map +1 -1
- package/lib/paste/WacComponents/processPastedContentWacComponents.js +2 -3
- package/lib/paste/WacComponents/processPastedContentWacComponents.js.map +1 -1
- package/lib/paste/WordDesktop/processPastedContentFromWordDesktop.js +2 -0
- package/lib/paste/WordDesktop/processPastedContentFromWordDesktop.js.map +1 -1
- package/lib/paste/parsers/adjustWordListMarginParser.d.ts +9 -0
- package/lib/paste/parsers/adjustWordListMarginParser.js +26 -0
- package/lib/paste/parsers/adjustWordListMarginParser.js.map +1 -0
- package/lib/tableEdit/editors/features/TableMover.js +2 -3
- package/lib/tableEdit/editors/features/TableMover.js.map +1 -1
- package/lib/touch/TouchPlugin.js +3 -3
- package/lib/touch/TouchPlugin.js.map +1 -1
- package/lib-amd/imageEdit/ImageEditPlugin.js +1 -1
- package/lib-amd/imageEdit/ImageEditPlugin.js.map +1 -1
- package/lib-amd/imageEdit/types/ImageEditOptions.d.ts +18 -0
- package/lib-amd/imageEdit/types/ImageEditOptions.js.map +1 -1
- package/lib-amd/imageEdit/utils/canRegenerateImage.d.ts +2 -1
- package/lib-amd/imageEdit/utils/canRegenerateImage.js +10 -1
- package/lib-amd/imageEdit/utils/canRegenerateImage.js.map +1 -1
- package/lib-amd/imageEdit/utils/createImageWrapper.js +4 -3
- package/lib-amd/imageEdit/utils/createImageWrapper.js.map +1 -1
- package/lib-amd/paste/WacComponents/processPastedContentWacComponents.js +2 -3
- package/lib-amd/paste/WacComponents/processPastedContentWacComponents.js.map +1 -1
- package/lib-amd/paste/WordDesktop/processPastedContentFromWordDesktop.js +2 -1
- package/lib-amd/paste/WordDesktop/processPastedContentFromWordDesktop.js.map +1 -1
- package/lib-amd/paste/parsers/adjustWordListMarginParser.d.ts +9 -0
- package/lib-amd/paste/parsers/adjustWordListMarginParser.js +27 -0
- package/lib-amd/paste/parsers/adjustWordListMarginParser.js.map +1 -0
- package/lib-amd/tableEdit/editors/features/TableMover.js +3 -3
- package/lib-amd/tableEdit/editors/features/TableMover.js.map +1 -1
- package/lib-amd/touch/TouchPlugin.js +3 -3
- package/lib-amd/touch/TouchPlugin.js.map +1 -1
- package/lib-mjs/imageEdit/ImageEditPlugin.js +1 -1
- package/lib-mjs/imageEdit/ImageEditPlugin.js.map +1 -1
- package/lib-mjs/imageEdit/types/ImageEditOptions.d.ts +18 -0
- package/lib-mjs/imageEdit/types/ImageEditOptions.js.map +1 -1
- package/lib-mjs/imageEdit/utils/canRegenerateImage.d.ts +2 -1
- package/lib-mjs/imageEdit/utils/canRegenerateImage.js +10 -1
- package/lib-mjs/imageEdit/utils/canRegenerateImage.js.map +1 -1
- package/lib-mjs/imageEdit/utils/createImageWrapper.js +4 -3
- package/lib-mjs/imageEdit/utils/createImageWrapper.js.map +1 -1
- package/lib-mjs/paste/WacComponents/processPastedContentWacComponents.js +2 -3
- package/lib-mjs/paste/WacComponents/processPastedContentWacComponents.js.map +1 -1
- package/lib-mjs/paste/WordDesktop/processPastedContentFromWordDesktop.js +2 -0
- package/lib-mjs/paste/WordDesktop/processPastedContentFromWordDesktop.js.map +1 -1
- package/lib-mjs/paste/parsers/adjustWordListMarginParser.d.ts +9 -0
- package/lib-mjs/paste/parsers/adjustWordListMarginParser.js +22 -0
- package/lib-mjs/paste/parsers/adjustWordListMarginParser.js.map +1 -0
- package/lib-mjs/tableEdit/editors/features/TableMover.js +3 -4
- package/lib-mjs/tableEdit/editors/features/TableMover.js.map +1 -1
- package/lib-mjs/touch/TouchPlugin.js +3 -3
- package/lib-mjs/touch/TouchPlugin.js.map +1 -1
- package/package.json +5 -5
- package/lib/utils/getNodePositionFromEvent.d.ts +0 -5
- package/lib/utils/getNodePositionFromEvent.js +0 -34
- package/lib/utils/getNodePositionFromEvent.js.map +0 -1
- package/lib-amd/utils/getNodePositionFromEvent.d.ts +0 -5
- package/lib-amd/utils/getNodePositionFromEvent.js +0 -36
- package/lib-amd/utils/getNodePositionFromEvent.js.map +0 -1
- package/lib-mjs/utils/getNodePositionFromEvent.d.ts +0 -5
- package/lib-mjs/utils/getNodePositionFromEvent.js +0 -30
- package/lib-mjs/utils/getNodePositionFromEvent.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"adjustWordListMarginParser.js","sourceRoot":"","sources":["../../../../../packages/roosterjs-content-model-plugins/lib/paste/parsers/adjustWordListMarginParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGjE,IAAM,wBAAwB,GAAG,kBAAkB,CAAC;AAEpD,8FAA8F;AAC9F,IAAM,iCAAiC,GAAG,MAAM,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,0BAA0B,GAA+B,UAClE,MAAoB,EACpB,OAAoB;IAEpB,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,IAAI,MAAM,CAAC,UAAU,EAAE;QAC3E,IAAM,SAAS,GAAG,kBAAkB,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACjE,IAAM,SAAS,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,CAAC;QACxE,IAAM,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;QAErC,IAAI,MAAM,GAAG,CAAC,EAAE;YACZ,MAAM,CAAC,UAAU,GAAM,MAAM,OAAI,CAAC;SACrC;KACJ;AACL,CAAC,CAAC","sourcesContent":["import { parseValueWithUnit } from 'roosterjs-content-model-dom';\nimport type { FormatParser, MarginFormat } from 'roosterjs-content-model-types';\n\nconst MSO_LIST_PARAGRAPH_CLASS = 'MsoListParagraph';\n\n// Default list padding from the HTML user-agent stylesheet (paddingInlineStart for <ul>/<ol>)\nconst DEFAULT_LIST_PADDING_INLINE_START = '40px';\n\n/**\n * @internal\n * Parser that subtracts the default list format (paddingInlineStart: 40px) from\n * the marginLeft of list item elements that have the MsoListParagraph class,\n * since Word adds the full indentation as margin on the paragraph, which\n * duplicates the padding the list element already provides.\n */\nexport const adjustWordListMarginParser: FormatParser<MarginFormat> = (\n format: MarginFormat,\n element: HTMLElement\n): void => {\n if (element.classList.contains(MSO_LIST_PARAGRAPH_CLASS) && format.marginLeft) {\n const currentPx = parseValueWithUnit(format.marginLeft, element);\n const defaultPx = parseValueWithUnit(DEFAULT_LIST_PADDING_INLINE_START);\n const result = currentPx - defaultPx;\n\n if (result > 0) {\n format.marginLeft = `${result}px`;\n }\n }\n};\n"]}
|
|
@@ -3,8 +3,7 @@ import { createElement } from '../../../pluginUtils/CreateElement/createElement'
|
|
|
3
3
|
import { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';
|
|
4
4
|
import { formatInsertPointWithContentModel } from 'roosterjs-content-model-api';
|
|
5
5
|
import { getCMTableFromTable } from '../utils/getTableFromContentModel';
|
|
6
|
-
import { getNodePositionFromEvent } from '
|
|
7
|
-
import { cloneModel, createContentModelDocument, createSelectionMarker, getFirstSelectedTable, isNodeOfType, mergeModel, mutateBlock, normalizeRect, setParagraphNotImplicit, setSelection, } from 'roosterjs-content-model-dom';
|
|
6
|
+
import { cloneModel, createContentModelDocument, createSelectionMarker, getFirstSelectedTable, getNodePositionFromEvent, isNodeOfType, mergeModel, mutateBlock, normalizeRect, setParagraphNotImplicit, setSelection, } from 'roosterjs-content-model-dom';
|
|
8
7
|
var TABLE_MOVER_LENGTH = 12;
|
|
9
8
|
/**
|
|
10
9
|
* @internal
|
|
@@ -129,7 +128,7 @@ export function onDragging(context, event, initValue) {
|
|
|
129
128
|
// Move table outline rectangle
|
|
130
129
|
tableRect.style.top = event.clientY + TABLE_MOVER_LENGTH + "px";
|
|
131
130
|
tableRect.style.left = event.clientX + TABLE_MOVER_LENGTH + "px";
|
|
132
|
-
var pos = getNodePositionFromEvent(editor, event.clientX, event.clientY);
|
|
131
|
+
var pos = getNodePositionFromEvent(editor.getDocument(), editor.getDOMHelper(), event.clientX, event.clientY);
|
|
133
132
|
if (pos) {
|
|
134
133
|
var range = editor.getDocument().createRange();
|
|
135
134
|
range.setStart(pos.node, pos.offset);
|
|
@@ -168,7 +167,7 @@ export function onDragEnd(context, event, initValue) {
|
|
|
168
167
|
}
|
|
169
168
|
var insertionSuccess_1 = false;
|
|
170
169
|
// Get position to insert table
|
|
171
|
-
var insertPosition = getNodePositionFromEvent(editor, event.clientX, event.clientY);
|
|
170
|
+
var insertPosition = getNodePositionFromEvent(editor.getDocument(), editor.getDOMHelper(), event.clientX, event.clientY);
|
|
172
171
|
if (insertPosition) {
|
|
173
172
|
// Move table to new position
|
|
174
173
|
formatInsertPointWithContentModel(editor, insertPosition, function (model, context, ip) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableMover.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableMover.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport { formatInsertPointWithContentModel } from 'roosterjs-content-model-api';\nimport { getCMTableFromTable } from '../utils/getTableFromContentModel';\nimport { getNodePositionFromEvent } from '../../../utils/getNodePositionFromEvent';\nimport type { TableEditFeature } from './TableEditFeature';\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport {\n cloneModel,\n createContentModelDocument,\n createSelectionMarker,\n getFirstSelectedTable,\n isNodeOfType,\n mergeModel,\n mutateBlock,\n normalizeRect,\n setParagraphNotImplicit,\n setSelection,\n} from 'roosterjs-content-model-dom';\nimport type {\n DOMSelection,\n IEditor,\n ReadonlyContentModelTable,\n Rect,\n ShallowMutableContentModelDocument,\n} from 'roosterjs-content-model-types';\n\nconst TABLE_MOVER_LENGTH = 12;\n/**\n * @internal\n */\nexport const TABLE_MOVER_ID = '_Table_Mover';\nconst TABLE_MOVER_STYLE_KEY = '_TableMoverCursorStyle';\n\n/**\n * @internal\n * Allows user to move table to another position\n * Contains the function to select whole table\n */\nexport function createTableMover(\n table: HTMLTableElement,\n editor: IEditor,\n isRTL: boolean,\n onFinishDragging: (table: HTMLTableElement) => void,\n onStart: () => void,\n onEnd: (disposeHandler: boolean) => void,\n contentDiv?: EventTarget | null,\n anchorContainer?: HTMLElement,\n onTableEditorCreated?: OnTableEditorCreatedCallback,\n disableMovement?: boolean\n): TableEditFeature | null {\n const rect = normalizeRect(table.getBoundingClientRect());\n\n if (!isTableTopVisible(editor, rect, contentDiv as Node)) {\n return null;\n }\n\n const zoomScale = editor.getDOMHelper().calculateZoomScale();\n const document = table.ownerDocument;\n const createElementData = {\n tag: 'div',\n style: 'position: fixed; cursor: move; user-select: none; border: 1px solid #808080',\n };\n\n const div = createElement(createElementData, document) as HTMLDivElement;\n\n div.id = TABLE_MOVER_ID;\n div.style.width = `${TABLE_MOVER_LENGTH}px`;\n div.style.height = `${TABLE_MOVER_LENGTH}px`;\n\n (anchorContainer || document.body).appendChild(div);\n\n const context: TableMoverContext = {\n table,\n zoomScale,\n rect,\n isRTL,\n editor,\n div,\n onFinishDragging,\n onStart,\n onEnd,\n disableMovement,\n };\n\n setDivPosition(context, div);\n\n const featureHandler = new TableMoverFeature(\n div,\n context,\n () => {},\n disableMovement\n ? { onDragEnd }\n : {\n onDragStart,\n onDragging,\n onDragEnd,\n },\n context.zoomScale,\n onTableEditorCreated,\n editor.getEnvironment().isMobileOrTablet\n );\n\n return { node: table, div, featureHandler };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableMoverContext {\n table: HTMLTableElement;\n zoomScale: number;\n rect: Rect | null;\n isRTL: boolean;\n editor: IEditor;\n div: HTMLElement;\n onFinishDragging: (table: HTMLTableElement) => void;\n onStart: () => void;\n onEnd: (disposeHandler: boolean) => void;\n disableMovement?: boolean;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableMoverInitValue {\n cmTable: ReadonlyContentModelTable | undefined;\n initialSelection: DOMSelection | null;\n tableRect: HTMLDivElement;\n}\n\nclass TableMoverFeature extends DragAndDropHelper<TableMoverContext, TableMoverInitValue> {\n private disposer: undefined | (() => void);\n\n constructor(\n div: HTMLElement,\n context: TableMoverContext,\n onSubmit: (\n context: TableMoverContext,\n trigger: HTMLElement,\n container?: HTMLElement\n ) => void,\n handler: DragAndDropHandler<TableMoverContext, TableMoverInitValue>,\n zoomScale: number,\n onTableEditorCreated?: OnTableEditorCreatedCallback,\n forceMobile?: boolean | undefined\n ) {\n super(div, context, onSubmit, handler, zoomScale, forceMobile);\n this.disposer = onTableEditorCreated?.('TableMover', div);\n }\n\n dispose(): void {\n this.disposer?.();\n this.disposer = undefined;\n super.dispose();\n }\n}\n\nfunction setDivPosition(context: TableMoverContext, trigger: HTMLElement) {\n const { rect } = context;\n if (rect) {\n trigger.style.top = `${rect.top - TABLE_MOVER_LENGTH}px`;\n trigger.style.left = `${rect.left - TABLE_MOVER_LENGTH - 2}px`;\n }\n}\n\nfunction isTableTopVisible(editor: IEditor, rect: Rect | null, contentDiv?: Node | null): boolean {\n const visibleViewport = editor.getVisibleViewport();\n if (isNodeOfType(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {\n const containerRect = normalizeRect(contentDiv.getBoundingClientRect());\n\n return !!containerRect && containerRect.top <= rect.top && visibleViewport.top <= rect.top;\n }\n\n return true;\n}\n\nfunction setTableMoverCursor(editor: IEditor, state: boolean, type?: 'move' | 'copy') {\n editor?.setEditorStyle(TABLE_MOVER_STYLE_KEY, state ? 'cursor: ' + type ?? 'move' : null);\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragStart(context: TableMoverContext): TableMoverInitValue {\n context.onStart();\n\n const { editor, table, div } = context;\n\n setTableMoverCursor(editor, true, 'move');\n\n // Create table outline rectangle\n const trect = table.getBoundingClientRect();\n const createElementData = {\n tag: 'div',\n style: 'position: fixed; user-select: none; border: 1px solid #808080',\n };\n const tableRect = createElement(createElementData, editor.getDocument()) as HTMLDivElement;\n tableRect.style.width = `${trect.width}px`;\n tableRect.style.height = `${trect.height}px`;\n tableRect.style.top = `${trect.top}px`;\n tableRect.style.left = `${trect.left}px`;\n div.parentNode?.appendChild(tableRect);\n\n // Get drag start selection\n const initialSelection = editor.getDOMSelection();\n\n // Get Table block in content model\n const cmTable = getCMTableFromTable(editor, table);\n\n return {\n cmTable,\n initialSelection,\n tableRect,\n };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragging(\n context: TableMoverContext,\n event: MouseEvent,\n initValue: TableMoverInitValue\n) {\n const { tableRect } = initValue;\n const { editor } = context;\n\n // Move table outline rectangle\n tableRect.style.top = `${event.clientY + TABLE_MOVER_LENGTH}px`;\n tableRect.style.left = `${event.clientX + TABLE_MOVER_LENGTH}px`;\n\n const pos = getNodePositionFromEvent(editor, event.clientX, event.clientY);\n if (pos) {\n const range = editor.getDocument().createRange();\n range.setStart(pos.node, pos.offset);\n range.collapse(true);\n\n editor.setDOMSelection({ type: 'range', range, isReverted: false });\n return true;\n }\n return false;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragEnd(\n context: TableMoverContext,\n event: MouseEvent,\n initValue: TableMoverInitValue | undefined\n) {\n const { editor, table, onFinishDragging: selectWholeTable, disableMovement } = context;\n const element = event.target;\n\n // Remove table outline rectangle\n initValue?.tableRect.remove();\n\n // Reset cursor\n setTableMoverCursor(editor, false);\n\n if (element == context.div) {\n // Table mover was only clicked, select whole table and do not dismiss the handler element.\n selectWholeTable(table);\n context.onEnd(false /* disposeHandler */);\n return true;\n } else {\n // Check if table was dragged on itself, element is not in editor, or movement is disabled\n if (\n table.contains(element as Node) ||\n !editor.getDOMHelper().isNodeInEditor(element as Node) ||\n disableMovement\n ) {\n editor.setDOMSelection(initValue?.initialSelection ?? null);\n context.onEnd(true /* disposeHandler */);\n return false;\n }\n\n let insertionSuccess: boolean = false;\n\n // Get position to insert table\n const insertPosition = getNodePositionFromEvent(editor, event.clientX, event.clientY);\n if (insertPosition) {\n // Move table to new position\n formatInsertPointWithContentModel(\n editor,\n insertPosition,\n (model, context, ip) => {\n // Remove old table\n const [oldTable, path] = getFirstSelectedTable(model);\n if (oldTable) {\n const index = path[0].blocks.indexOf(oldTable);\n mutateBlock(path[0]).blocks.splice(index, 1);\n }\n\n if (ip && initValue?.cmTable) {\n // Insert new table\n const doc: ShallowMutableContentModelDocument = createContentModelDocument();\n doc.blocks.push(oldTable ?? mutateBlock(initValue.cmTable));\n insertionSuccess = !!mergeModel(model, cloneModel(doc), context, {\n mergeFormat: 'none',\n insertPosition: ip,\n });\n\n if (insertionSuccess) {\n // After mergeModel, the new table should be selected\n const finalTable = getFirstSelectedTable(model)[0] ?? initValue.cmTable;\n if (finalTable) {\n // Add selection marker to the first cell of the table\n const firstCell = finalTable.rows[0].cells[0];\n const markerParagraph = firstCell?.blocks[0];\n\n if (markerParagraph?.blockType == 'Paragraph') {\n const marker = createSelectionMarker(model.format);\n\n mutateBlock(markerParagraph).segments.unshift(marker);\n setParagraphNotImplicit(markerParagraph);\n setSelection(model, marker);\n }\n }\n }\n return insertionSuccess;\n }\n },\n {\n // Select first cell of the old table\n selectionOverride: {\n type: 'table',\n firstColumn: 0,\n firstRow: 0,\n lastColumn: 0,\n lastRow: 0,\n table: table,\n },\n apiName: 'TableMover',\n }\n );\n } else {\n // No movement, restore initial selection\n editor.setDOMSelection(initValue?.initialSelection ?? null);\n }\n context.onEnd(true /* disposeHandler */);\n return insertionSuccess;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"TableMover.js","sourceRoot":"","sources":["../../../../../../packages/roosterjs-content-model-plugins/lib/tableEdit/editors/features/TableMover.ts"],"names":[],"mappings":"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","sourcesContent":["import { createElement } from '../../../pluginUtils/CreateElement/createElement';\nimport { DragAndDropHelper } from '../../../pluginUtils/DragAndDrop/DragAndDropHelper';\nimport { formatInsertPointWithContentModel } from 'roosterjs-content-model-api';\nimport { getCMTableFromTable } from '../utils/getTableFromContentModel';\nimport {\n cloneModel,\n createContentModelDocument,\n createSelectionMarker,\n getFirstSelectedTable,\n getNodePositionFromEvent,\n isNodeOfType,\n mergeModel,\n mutateBlock,\n normalizeRect,\n setParagraphNotImplicit,\n setSelection,\n} from 'roosterjs-content-model-dom';\nimport type { TableEditFeature } from './TableEditFeature';\nimport type { OnTableEditorCreatedCallback } from '../../OnTableEditorCreatedCallback';\nimport type { DragAndDropHandler } from '../../../pluginUtils/DragAndDrop/DragAndDropHandler';\nimport type {\n DOMSelection,\n IEditor,\n ReadonlyContentModelTable,\n Rect,\n ShallowMutableContentModelDocument,\n} from 'roosterjs-content-model-types';\n\nconst TABLE_MOVER_LENGTH = 12;\n/**\n * @internal\n */\nexport const TABLE_MOVER_ID = '_Table_Mover';\nconst TABLE_MOVER_STYLE_KEY = '_TableMoverCursorStyle';\n\n/**\n * @internal\n * Allows user to move table to another position\n * Contains the function to select whole table\n */\nexport function createTableMover(\n table: HTMLTableElement,\n editor: IEditor,\n isRTL: boolean,\n onFinishDragging: (table: HTMLTableElement) => void,\n onStart: () => void,\n onEnd: (disposeHandler: boolean) => void,\n contentDiv?: EventTarget | null,\n anchorContainer?: HTMLElement,\n onTableEditorCreated?: OnTableEditorCreatedCallback,\n disableMovement?: boolean\n): TableEditFeature | null {\n const rect = normalizeRect(table.getBoundingClientRect());\n\n if (!isTableTopVisible(editor, rect, contentDiv as Node)) {\n return null;\n }\n\n const zoomScale = editor.getDOMHelper().calculateZoomScale();\n const document = table.ownerDocument;\n const createElementData = {\n tag: 'div',\n style: 'position: fixed; cursor: move; user-select: none; border: 1px solid #808080',\n };\n\n const div = createElement(createElementData, document) as HTMLDivElement;\n\n div.id = TABLE_MOVER_ID;\n div.style.width = `${TABLE_MOVER_LENGTH}px`;\n div.style.height = `${TABLE_MOVER_LENGTH}px`;\n\n (anchorContainer || document.body).appendChild(div);\n\n const context: TableMoverContext = {\n table,\n zoomScale,\n rect,\n isRTL,\n editor,\n div,\n onFinishDragging,\n onStart,\n onEnd,\n disableMovement,\n };\n\n setDivPosition(context, div);\n\n const featureHandler = new TableMoverFeature(\n div,\n context,\n () => {},\n disableMovement\n ? { onDragEnd }\n : {\n onDragStart,\n onDragging,\n onDragEnd,\n },\n context.zoomScale,\n onTableEditorCreated,\n editor.getEnvironment().isMobileOrTablet\n );\n\n return { node: table, div, featureHandler };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableMoverContext {\n table: HTMLTableElement;\n zoomScale: number;\n rect: Rect | null;\n isRTL: boolean;\n editor: IEditor;\n div: HTMLElement;\n onFinishDragging: (table: HTMLTableElement) => void;\n onStart: () => void;\n onEnd: (disposeHandler: boolean) => void;\n disableMovement?: boolean;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport interface TableMoverInitValue {\n cmTable: ReadonlyContentModelTable | undefined;\n initialSelection: DOMSelection | null;\n tableRect: HTMLDivElement;\n}\n\nclass TableMoverFeature extends DragAndDropHelper<TableMoverContext, TableMoverInitValue> {\n private disposer: undefined | (() => void);\n\n constructor(\n div: HTMLElement,\n context: TableMoverContext,\n onSubmit: (\n context: TableMoverContext,\n trigger: HTMLElement,\n container?: HTMLElement\n ) => void,\n handler: DragAndDropHandler<TableMoverContext, TableMoverInitValue>,\n zoomScale: number,\n onTableEditorCreated?: OnTableEditorCreatedCallback,\n forceMobile?: boolean | undefined\n ) {\n super(div, context, onSubmit, handler, zoomScale, forceMobile);\n this.disposer = onTableEditorCreated?.('TableMover', div);\n }\n\n dispose(): void {\n this.disposer?.();\n this.disposer = undefined;\n super.dispose();\n }\n}\n\nfunction setDivPosition(context: TableMoverContext, trigger: HTMLElement) {\n const { rect } = context;\n if (rect) {\n trigger.style.top = `${rect.top - TABLE_MOVER_LENGTH}px`;\n trigger.style.left = `${rect.left - TABLE_MOVER_LENGTH - 2}px`;\n }\n}\n\nfunction isTableTopVisible(editor: IEditor, rect: Rect | null, contentDiv?: Node | null): boolean {\n const visibleViewport = editor.getVisibleViewport();\n if (isNodeOfType(contentDiv, 'ELEMENT_NODE') && visibleViewport && rect) {\n const containerRect = normalizeRect(contentDiv.getBoundingClientRect());\n\n return !!containerRect && containerRect.top <= rect.top && visibleViewport.top <= rect.top;\n }\n\n return true;\n}\n\nfunction setTableMoverCursor(editor: IEditor, state: boolean, type?: 'move' | 'copy') {\n editor?.setEditorStyle(TABLE_MOVER_STYLE_KEY, state ? 'cursor: ' + type ?? 'move' : null);\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragStart(context: TableMoverContext): TableMoverInitValue {\n context.onStart();\n\n const { editor, table, div } = context;\n\n setTableMoverCursor(editor, true, 'move');\n\n // Create table outline rectangle\n const trect = table.getBoundingClientRect();\n const createElementData = {\n tag: 'div',\n style: 'position: fixed; user-select: none; border: 1px solid #808080',\n };\n const tableRect = createElement(createElementData, editor.getDocument()) as HTMLDivElement;\n tableRect.style.width = `${trect.width}px`;\n tableRect.style.height = `${trect.height}px`;\n tableRect.style.top = `${trect.top}px`;\n tableRect.style.left = `${trect.left}px`;\n div.parentNode?.appendChild(tableRect);\n\n // Get drag start selection\n const initialSelection = editor.getDOMSelection();\n\n // Get Table block in content model\n const cmTable = getCMTableFromTable(editor, table);\n\n return {\n cmTable,\n initialSelection,\n tableRect,\n };\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragging(\n context: TableMoverContext,\n event: MouseEvent,\n initValue: TableMoverInitValue\n) {\n const { tableRect } = initValue;\n const { editor } = context;\n\n // Move table outline rectangle\n tableRect.style.top = `${event.clientY + TABLE_MOVER_LENGTH}px`;\n tableRect.style.left = `${event.clientX + TABLE_MOVER_LENGTH}px`;\n\n const pos = getNodePositionFromEvent(\n editor.getDocument(),\n editor.getDOMHelper(),\n event.clientX,\n event.clientY\n );\n if (pos) {\n const range = editor.getDocument().createRange();\n range.setStart(pos.node, pos.offset);\n range.collapse(true);\n\n editor.setDOMSelection({ type: 'range', range, isReverted: false });\n return true;\n }\n return false;\n}\n\n/**\n * @internal\n * Exported for testing\n */\nexport function onDragEnd(\n context: TableMoverContext,\n event: MouseEvent,\n initValue: TableMoverInitValue | undefined\n) {\n const { editor, table, onFinishDragging: selectWholeTable, disableMovement } = context;\n const element = event.target;\n\n // Remove table outline rectangle\n initValue?.tableRect.remove();\n\n // Reset cursor\n setTableMoverCursor(editor, false);\n\n if (element == context.div) {\n // Table mover was only clicked, select whole table and do not dismiss the handler element.\n selectWholeTable(table);\n context.onEnd(false /* disposeHandler */);\n return true;\n } else {\n // Check if table was dragged on itself, element is not in editor, or movement is disabled\n if (\n table.contains(element as Node) ||\n !editor.getDOMHelper().isNodeInEditor(element as Node) ||\n disableMovement\n ) {\n editor.setDOMSelection(initValue?.initialSelection ?? null);\n context.onEnd(true /* disposeHandler */);\n return false;\n }\n\n let insertionSuccess: boolean = false;\n\n // Get position to insert table\n const insertPosition = getNodePositionFromEvent(\n editor.getDocument(),\n editor.getDOMHelper(),\n event.clientX,\n event.clientY\n );\n if (insertPosition) {\n // Move table to new position\n formatInsertPointWithContentModel(\n editor,\n insertPosition,\n (model, context, ip) => {\n // Remove old table\n const [oldTable, path] = getFirstSelectedTable(model);\n if (oldTable) {\n const index = path[0].blocks.indexOf(oldTable);\n mutateBlock(path[0]).blocks.splice(index, 1);\n }\n\n if (ip && initValue?.cmTable) {\n // Insert new table\n const doc: ShallowMutableContentModelDocument = createContentModelDocument();\n doc.blocks.push(oldTable ?? mutateBlock(initValue.cmTable));\n insertionSuccess = !!mergeModel(model, cloneModel(doc), context, {\n mergeFormat: 'none',\n insertPosition: ip,\n });\n\n if (insertionSuccess) {\n // After mergeModel, the new table should be selected\n const finalTable = getFirstSelectedTable(model)[0] ?? initValue.cmTable;\n if (finalTable) {\n // Add selection marker to the first cell of the table\n const firstCell = finalTable.rows[0].cells[0];\n const markerParagraph = firstCell?.blocks[0];\n\n if (markerParagraph?.blockType == 'Paragraph') {\n const marker = createSelectionMarker(model.format);\n\n mutateBlock(markerParagraph).segments.unshift(marker);\n setParagraphNotImplicit(markerParagraph);\n setSelection(model, marker);\n }\n }\n }\n return insertionSuccess;\n }\n },\n {\n // Select first cell of the old table\n selectionOverride: {\n type: 'table',\n firstColumn: 0,\n firstRow: 0,\n lastColumn: 0,\n lastRow: 0,\n table: table,\n },\n apiName: 'TableMover',\n }\n );\n } else {\n // No movement, restore initial selection\n editor.setDOMSelection(initValue?.initialSelection ?? null);\n }\n context.onEnd(true /* disposeHandler */);\n return insertionSuccess;\n }\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getNodePositionFromEvent } from '
|
|
1
|
+
import { getNodePositionFromEvent } from 'roosterjs-content-model-dom';
|
|
2
2
|
var MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move
|
|
3
3
|
var POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap
|
|
4
4
|
var PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;
|
|
@@ -66,7 +66,7 @@ var TouchPlugin = /** @class */ (function () {
|
|
|
66
66
|
if (_this.editor) {
|
|
67
67
|
if (!_this.isDblClicked) {
|
|
68
68
|
_this.editor.focus();
|
|
69
|
-
var caretPosition = getNodePositionFromEvent(_this.editor, event.rawEvent.x, event.rawEvent.y);
|
|
69
|
+
var caretPosition = getNodePositionFromEvent(_this.editor.getDocument(), _this.editor.getDOMHelper(), event.rawEvent.x, event.rawEvent.y);
|
|
70
70
|
var newRange = _this.editor.getDocument().createRange();
|
|
71
71
|
if (caretPosition) {
|
|
72
72
|
var node = caretPosition.node, offset = caretPosition.offset;
|
|
@@ -114,7 +114,7 @@ var TouchPlugin = /** @class */ (function () {
|
|
|
114
114
|
if (this.isTouchPenPointerEvent) {
|
|
115
115
|
event.rawEvent.preventDefault();
|
|
116
116
|
this.isDblClicked = true;
|
|
117
|
-
var caretPosition = getNodePositionFromEvent(this.editor, event.rawEvent.x, event.rawEvent.y);
|
|
117
|
+
var caretPosition = getNodePositionFromEvent(this.editor.getDocument(), this.editor.getDOMHelper(), event.rawEvent.x, event.rawEvent.y);
|
|
118
118
|
if (caretPosition) {
|
|
119
119
|
var node = caretPosition.node, offset = caretPosition.offset;
|
|
120
120
|
if (node.nodeType !== Node.TEXT_NODE) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TouchPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/touch/TouchPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { getNodePositionFromEvent } from '../utils/getNodePositionFromEvent';\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\n\nconst MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move\nconst POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap\nconst PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;\nconst SPACE_MATCHING_REGEX = /\\s/;\n\n/**\n * Touch plugin to manage touch behaviors\n */\nexport class TouchPlugin implements EditorPlugin {\n private editor: IEditor | null = null;\n private timer = 0;\n private isDblClicked: boolean = false;\n private isTouchPenPointerEvent: boolean = false;\n\n /**\n * Create an instance of Touch plugin\n */\n constructor() {}\n\n /**\n * Get a friendly name of this plugin\n */\n getName() {\n return 'Touch';\n }\n\n /**\n * Initialize this plugin. This should only be called from Editor\n * @param editor Editor instance\n */\n initialize(editor: IEditor) {\n this.editor = editor;\n this.isDblClicked = false;\n }\n\n /**\n * Dispose this plugin\n */\n dispose() {\n if (this.timer) {\n this.editor?.getDocument()?.defaultView?.clearTimeout(this.timer);\n this.timer = 0;\n }\n this.editor = null;\n }\n\n /**\n * Handle events triggered from editor\n * @param event PluginEvent object\n */\n onPluginEvent(event: PluginEvent) {\n if (!this.editor) {\n return;\n }\n switch (event.eventType) {\n case 'pointerDown':\n this.isDblClicked = false;\n this.isTouchPenPointerEvent = true;\n event.originalEvent.preventDefault();\n\n const targetWindow = this.editor.getDocument().defaultView;\n\n if (targetWindow) {\n if (this.timer) {\n targetWindow.clearTimeout(this.timer);\n }\n\n this.timer = targetWindow.setTimeout(() => {\n this.timer = 0;\n\n if (this.editor) {\n if (!this.isDblClicked) {\n this.editor.focus();\n const caretPosition = getNodePositionFromEvent(\n this.editor,\n event.rawEvent.x,\n event.rawEvent.y\n );\n\n const newRange = this.editor.getDocument().createRange();\n if (caretPosition) {\n const { node, offset } = caretPosition;\n\n // Place cursor at same position of browser handler by default\n newRange.setStart(node, offset);\n newRange.setEnd(node, offset);\n\n const nodeTextContent = node.textContent || '';\n const charAtSelection = nodeTextContent[offset];\n if (\n node.nodeType === Node.TEXT_NODE &&\n charAtSelection &&\n !SPACE_MATCHING_REGEX.test(charAtSelection) &&\n !PUNCTUATION_MATCHING_REGEX.test(charAtSelection)\n ) {\n const { wordStart, wordEnd } = findWordBoundaries(\n nodeTextContent,\n offset\n );\n\n // Move cursor to the calculated offset\n const leftCursorWordLength = offset - wordStart;\n const rightCursorWordLength = wordEnd - offset;\n let movingOffset: number =\n leftCursorWordLength >= rightCursorWordLength\n ? rightCursorWordLength\n : -leftCursorWordLength;\n movingOffset =\n Math.abs(movingOffset) > MAX_TOUCH_MOVE_DISTANCE\n ? 0\n : movingOffset;\n const newOffsetPosition = offset + movingOffset;\n if (\n movingOffset !== 0 &&\n nodeTextContent.length >= newOffsetPosition\n ) {\n newRange.setStart(node, newOffsetPosition);\n newRange.setEnd(node, newOffsetPosition);\n }\n }\n }\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n\n // reset values\n this.isTouchPenPointerEvent = false;\n }\n }\n }, POINTER_DETECTION_DELAY);\n }\n break;\n case 'doubleClick':\n if (this.isTouchPenPointerEvent) {\n event.rawEvent.preventDefault();\n\n this.isDblClicked = true;\n const caretPosition = getNodePositionFromEvent(\n this.editor,\n event.rawEvent.x,\n event.rawEvent.y\n );\n\n if (caretPosition) {\n const { node, offset } = caretPosition;\n\n if (node.nodeType !== Node.TEXT_NODE) {\n return;\n }\n\n const nodeTextContent = node.nodeValue || '';\n const char = nodeTextContent.charAt(offset);\n\n // Check if the clicked character is a punctuation mark, then highlight that character only\n if (PUNCTUATION_MATCHING_REGEX.test(char)) {\n const newRange = this.editor.getDocument()?.createRange();\n if (newRange) {\n newRange.setStart(node, offset);\n newRange.setEnd(node, offset + 1);\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n }\n } else if (SPACE_MATCHING_REGEX.test(char)) {\n // If the clicked character is an open space with no word of right side\n const rightSideOfChar = nodeTextContent.substring(\n offset,\n nodeTextContent.length\n );\n const isRightSideAllSpaces =\n rightSideOfChar.length > 0 && !/\\S/.test(rightSideOfChar);\n if (isRightSideAllSpaces) {\n // select the first space only\n let start = offset;\n while (\n start > 0 &&\n SPACE_MATCHING_REGEX.test(nodeTextContent.charAt(start - 1))\n ) {\n start--;\n }\n const newRange = this.editor.getDocument()?.createRange();\n if (newRange) {\n newRange.setStart(node, start);\n newRange.setEnd(node, start + 1);\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n }\n }\n } else {\n const { wordStart, wordEnd } = findWordBoundaries(\n nodeTextContent,\n offset\n );\n const newRange = this.editor.getDocument()?.createRange();\n if (newRange) {\n newRange.setStart(node, wordStart);\n newRange.setEnd(node, wordEnd);\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n }\n }\n }\n }\n break;\n }\n }\n}\n\n/**\n * @internal\n * Finds the start and end indices of the word at the given offset in the text.\n * @param text The string to search within.\n * @param offset The index within the string to find the word boundaries around.\n * @returns An object containing wordStart and wordEnd indices.\n */\nfunction findWordBoundaries(text: string, offset: number) {\n let start = offset;\n let end = offset;\n\n // Move start backwards to find word start\n while (\n start > 0 &&\n !SPACE_MATCHING_REGEX.test(text[start - 1]) &&\n !PUNCTUATION_MATCHING_REGEX.test(text[start - 1])\n ) {\n start--;\n }\n\n // Move end forward to find word end\n while (\n end < text.length &&\n !SPACE_MATCHING_REGEX.test(text[end]) &&\n !PUNCTUATION_MATCHING_REGEX.test(text[end])\n ) {\n end++;\n }\n\n return {\n wordStart: start,\n wordEnd: end,\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"TouchPlugin.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/touch/TouchPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { getNodePositionFromEvent } from 'roosterjs-content-model-dom';\nimport type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';\n\nconst MAX_TOUCH_MOVE_DISTANCE = 6; // the max number of offsets for the touch selection to move\nconst POINTER_DETECTION_DELAY = 150; // Delay time to wait for selection to be updated and also detect if pointerup is a tap or part of double tap\nconst PUNCTUATION_MATCHING_REGEX = /[.,;:!]/;\nconst SPACE_MATCHING_REGEX = /\\s/;\n\n/**\n * Touch plugin to manage touch behaviors\n */\nexport class TouchPlugin implements EditorPlugin {\n private editor: IEditor | null = null;\n private timer = 0;\n private isDblClicked: boolean = false;\n private isTouchPenPointerEvent: boolean = false;\n\n /**\n * Create an instance of Touch plugin\n */\n constructor() {}\n\n /**\n * Get a friendly name of this plugin\n */\n getName() {\n return 'Touch';\n }\n\n /**\n * Initialize this plugin. This should only be called from Editor\n * @param editor Editor instance\n */\n initialize(editor: IEditor) {\n this.editor = editor;\n this.isDblClicked = false;\n }\n\n /**\n * Dispose this plugin\n */\n dispose() {\n if (this.timer) {\n this.editor?.getDocument()?.defaultView?.clearTimeout(this.timer);\n this.timer = 0;\n }\n this.editor = null;\n }\n\n /**\n * Handle events triggered from editor\n * @param event PluginEvent object\n */\n onPluginEvent(event: PluginEvent) {\n if (!this.editor) {\n return;\n }\n switch (event.eventType) {\n case 'pointerDown':\n this.isDblClicked = false;\n this.isTouchPenPointerEvent = true;\n event.originalEvent.preventDefault();\n\n const targetWindow = this.editor.getDocument().defaultView;\n\n if (targetWindow) {\n if (this.timer) {\n targetWindow.clearTimeout(this.timer);\n }\n\n this.timer = targetWindow.setTimeout(() => {\n this.timer = 0;\n\n if (this.editor) {\n if (!this.isDblClicked) {\n this.editor.focus();\n const caretPosition = getNodePositionFromEvent(\n this.editor.getDocument(),\n this.editor.getDOMHelper(),\n event.rawEvent.x,\n event.rawEvent.y\n );\n\n const newRange = this.editor.getDocument().createRange();\n if (caretPosition) {\n const { node, offset } = caretPosition;\n\n // Place cursor at same position of browser handler by default\n newRange.setStart(node, offset);\n newRange.setEnd(node, offset);\n\n const nodeTextContent = node.textContent || '';\n const charAtSelection = nodeTextContent[offset];\n if (\n node.nodeType === Node.TEXT_NODE &&\n charAtSelection &&\n !SPACE_MATCHING_REGEX.test(charAtSelection) &&\n !PUNCTUATION_MATCHING_REGEX.test(charAtSelection)\n ) {\n const { wordStart, wordEnd } = findWordBoundaries(\n nodeTextContent,\n offset\n );\n\n // Move cursor to the calculated offset\n const leftCursorWordLength = offset - wordStart;\n const rightCursorWordLength = wordEnd - offset;\n let movingOffset: number =\n leftCursorWordLength >= rightCursorWordLength\n ? rightCursorWordLength\n : -leftCursorWordLength;\n movingOffset =\n Math.abs(movingOffset) > MAX_TOUCH_MOVE_DISTANCE\n ? 0\n : movingOffset;\n const newOffsetPosition = offset + movingOffset;\n if (\n movingOffset !== 0 &&\n nodeTextContent.length >= newOffsetPosition\n ) {\n newRange.setStart(node, newOffsetPosition);\n newRange.setEnd(node, newOffsetPosition);\n }\n }\n }\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n\n // reset values\n this.isTouchPenPointerEvent = false;\n }\n }\n }, POINTER_DETECTION_DELAY);\n }\n break;\n case 'doubleClick':\n if (this.isTouchPenPointerEvent) {\n event.rawEvent.preventDefault();\n\n this.isDblClicked = true;\n const caretPosition = getNodePositionFromEvent(\n this.editor.getDocument(),\n this.editor.getDOMHelper(),\n event.rawEvent.x,\n event.rawEvent.y\n );\n\n if (caretPosition) {\n const { node, offset } = caretPosition;\n\n if (node.nodeType !== Node.TEXT_NODE) {\n return;\n }\n\n const nodeTextContent = node.nodeValue || '';\n const char = nodeTextContent.charAt(offset);\n\n // Check if the clicked character is a punctuation mark, then highlight that character only\n if (PUNCTUATION_MATCHING_REGEX.test(char)) {\n const newRange = this.editor.getDocument()?.createRange();\n if (newRange) {\n newRange.setStart(node, offset);\n newRange.setEnd(node, offset + 1);\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n }\n } else if (SPACE_MATCHING_REGEX.test(char)) {\n // If the clicked character is an open space with no word of right side\n const rightSideOfChar = nodeTextContent.substring(\n offset,\n nodeTextContent.length\n );\n const isRightSideAllSpaces =\n rightSideOfChar.length > 0 && !/\\S/.test(rightSideOfChar);\n if (isRightSideAllSpaces) {\n // select the first space only\n let start = offset;\n while (\n start > 0 &&\n SPACE_MATCHING_REGEX.test(nodeTextContent.charAt(start - 1))\n ) {\n start--;\n }\n const newRange = this.editor.getDocument()?.createRange();\n if (newRange) {\n newRange.setStart(node, start);\n newRange.setEnd(node, start + 1);\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n }\n }\n } else {\n const { wordStart, wordEnd } = findWordBoundaries(\n nodeTextContent,\n offset\n );\n const newRange = this.editor.getDocument()?.createRange();\n if (newRange) {\n newRange.setStart(node, wordStart);\n newRange.setEnd(node, wordEnd);\n this.editor.setDOMSelection({\n type: 'range',\n range: newRange,\n isReverted: false,\n });\n }\n }\n }\n }\n break;\n }\n }\n}\n\n/**\n * @internal\n * Finds the start and end indices of the word at the given offset in the text.\n * @param text The string to search within.\n * @param offset The index within the string to find the word boundaries around.\n * @returns An object containing wordStart and wordEnd indices.\n */\nfunction findWordBoundaries(text: string, offset: number) {\n let start = offset;\n let end = offset;\n\n // Move start backwards to find word start\n while (\n start > 0 &&\n !SPACE_MATCHING_REGEX.test(text[start - 1]) &&\n !PUNCTUATION_MATCHING_REGEX.test(text[start - 1])\n ) {\n start--;\n }\n\n // Move end forward to find word end\n while (\n end < text.length &&\n !SPACE_MATCHING_REGEX.test(text[end]) &&\n !PUNCTUATION_MATCHING_REGEX.test(text[end])\n ) {\n end++;\n }\n\n return {\n wordStart: start,\n wordEnd: end,\n };\n}\n"]}
|
package/package.json
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
"description": "Plugins for roosterjs",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"tslib": "^2.3.1",
|
|
6
|
-
"roosterjs-content-model-core": "^9.
|
|
7
|
-
"roosterjs-content-model-dom": "^9.
|
|
8
|
-
"roosterjs-content-model-types": "^9.
|
|
9
|
-
"roosterjs-content-model-api": "^9.
|
|
6
|
+
"roosterjs-content-model-core": "^9.48.0",
|
|
7
|
+
"roosterjs-content-model-dom": "^9.48.0",
|
|
8
|
+
"roosterjs-content-model-types": "^9.48.0",
|
|
9
|
+
"roosterjs-content-model-api": "^9.48.0"
|
|
10
10
|
},
|
|
11
|
-
"version": "9.
|
|
11
|
+
"version": "9.48.0",
|
|
12
12
|
"main": "./lib/index.js",
|
|
13
13
|
"typings": "./lib/index.d.ts",
|
|
14
14
|
"module": "./lib-mjs/index.js",
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getNodePositionFromEvent = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @internal Get insertion point from coordinate.
|
|
6
|
-
*/
|
|
7
|
-
function getNodePositionFromEvent(editor, x, y) {
|
|
8
|
-
var doc = editor.getDocument();
|
|
9
|
-
var domHelper = editor.getDOMHelper();
|
|
10
|
-
if ('caretPositionFromPoint' in doc) {
|
|
11
|
-
// Firefox, Chrome, Edge, Safari, Opera
|
|
12
|
-
var pos = doc.caretPositionFromPoint(x, y);
|
|
13
|
-
if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
|
|
14
|
-
return { node: pos.offsetNode, offset: pos.offset };
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
if (doc.caretRangeFromPoint) {
|
|
18
|
-
// Safari
|
|
19
|
-
var range = doc.caretRangeFromPoint(x, y);
|
|
20
|
-
if (range && domHelper.isNodeInEditor(range.startContainer)) {
|
|
21
|
-
return { node: range.startContainer, offset: range.startOffset };
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
if (doc.elementFromPoint) {
|
|
25
|
-
// Fallback
|
|
26
|
-
var element = doc.elementFromPoint(x, y);
|
|
27
|
-
if (element && domHelper.isNodeInEditor(element)) {
|
|
28
|
-
return { node: element, offset: 0 };
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
|
-
exports.getNodePositionFromEvent = getNodePositionFromEvent;
|
|
34
|
-
//# sourceMappingURL=getNodePositionFromEvent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getNodePositionFromEvent.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACH,SAAgB,wBAAwB,CACpC,MAAe,EACf,CAAS,EACT,CAAS;IAET,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACjC,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAExC,IAAI,wBAAwB,IAAI,GAAG,EAAE;QACjC,uCAAuC;QACvC,IAAM,GAAG,GAAI,GAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,IAAI,GAAG,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACjD,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC;SACvD;KACJ;IAED,IAAI,GAAG,CAAC,mBAAmB,EAAE;QACzB,SAAS;QACT,IAAM,KAAK,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,KAAK,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YACzD,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;SACpE;KACJ;IAED,IAAI,GAAG,CAAC,gBAAgB,EAAE;QACtB,WAAW;QACX,IAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,IAAI,OAAO,IAAI,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SACvC;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAjCD,4DAiCC","sourcesContent":["import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal Get insertion point from coordinate.\n */\nexport function getNodePositionFromEvent(\n editor: IEditor,\n x: number,\n y: number\n): DOMInsertPoint | null {\n const doc = editor.getDocument();\n const domHelper = editor.getDOMHelper();\n\n if ('caretPositionFromPoint' in doc) {\n // Firefox, Chrome, Edge, Safari, Opera\n const pos = (doc as any).caretPositionFromPoint(x, y);\n if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {\n return { node: pos.offsetNode, offset: pos.offset };\n }\n }\n\n if (doc.caretRangeFromPoint) {\n // Safari\n const range = doc.caretRangeFromPoint(x, y);\n if (range && domHelper.isNodeInEditor(range.startContainer)) {\n return { node: range.startContainer, offset: range.startOffset };\n }\n }\n\n if (doc.elementFromPoint) {\n // Fallback\n const element = doc.elementFromPoint(x, y);\n if (element && domHelper.isNodeInEditor(element)) {\n return { node: element, offset: 0 };\n }\n }\n\n return null;\n}\n"]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
define(["require", "exports"], function (require, exports) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.getNodePositionFromEvent = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* @internal Get insertion point from coordinate.
|
|
7
|
-
*/
|
|
8
|
-
function getNodePositionFromEvent(editor, x, y) {
|
|
9
|
-
var doc = editor.getDocument();
|
|
10
|
-
var domHelper = editor.getDOMHelper();
|
|
11
|
-
if ('caretPositionFromPoint' in doc) {
|
|
12
|
-
// Firefox, Chrome, Edge, Safari, Opera
|
|
13
|
-
var pos = doc.caretPositionFromPoint(x, y);
|
|
14
|
-
if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
|
|
15
|
-
return { node: pos.offsetNode, offset: pos.offset };
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
if (doc.caretRangeFromPoint) {
|
|
19
|
-
// Safari
|
|
20
|
-
var range = doc.caretRangeFromPoint(x, y);
|
|
21
|
-
if (range && domHelper.isNodeInEditor(range.startContainer)) {
|
|
22
|
-
return { node: range.startContainer, offset: range.startOffset };
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
if (doc.elementFromPoint) {
|
|
26
|
-
// Fallback
|
|
27
|
-
var element = doc.elementFromPoint(x, y);
|
|
28
|
-
if (element && domHelper.isNodeInEditor(element)) {
|
|
29
|
-
return { node: element, offset: 0 };
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return null;
|
|
33
|
-
}
|
|
34
|
-
exports.getNodePositionFromEvent = getNodePositionFromEvent;
|
|
35
|
-
});
|
|
36
|
-
//# sourceMappingURL=getNodePositionFromEvent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getNodePositionFromEvent.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts"],"names":[],"mappings":";;;;IAEA;;OAEG;IACH,SAAgB,wBAAwB,CACpC,MAAe,EACf,CAAS,EACT,CAAS;QAET,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACjC,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAExC,IAAI,wBAAwB,IAAI,GAAG,EAAE;YACjC,uCAAuC;YACvC,IAAM,GAAG,GAAI,GAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;gBACjD,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC;aACvD;SACJ;QAED,IAAI,GAAG,CAAC,mBAAmB,EAAE;YACzB,SAAS;YACT,IAAM,KAAK,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5C,IAAI,KAAK,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;gBACzD,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;aACpE;SACJ;QAED,IAAI,GAAG,CAAC,gBAAgB,EAAE;YACtB,WAAW;YACX,IAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3C,IAAI,OAAO,IAAI,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;aACvC;SACJ;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAjCD,4DAiCC","sourcesContent":["import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal Get insertion point from coordinate.\n */\nexport function getNodePositionFromEvent(\n editor: IEditor,\n x: number,\n y: number\n): DOMInsertPoint | null {\n const doc = editor.getDocument();\n const domHelper = editor.getDOMHelper();\n\n if ('caretPositionFromPoint' in doc) {\n // Firefox, Chrome, Edge, Safari, Opera\n const pos = (doc as any).caretPositionFromPoint(x, y);\n if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {\n return { node: pos.offsetNode, offset: pos.offset };\n }\n }\n\n if (doc.caretRangeFromPoint) {\n // Safari\n const range = doc.caretRangeFromPoint(x, y);\n if (range && domHelper.isNodeInEditor(range.startContainer)) {\n return { node: range.startContainer, offset: range.startOffset };\n }\n }\n\n if (doc.elementFromPoint) {\n // Fallback\n const element = doc.elementFromPoint(x, y);\n if (element && domHelper.isNodeInEditor(element)) {\n return { node: element, offset: 0 };\n }\n }\n\n return null;\n}\n"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal Get insertion point from coordinate.
|
|
3
|
-
*/
|
|
4
|
-
export function getNodePositionFromEvent(editor, x, y) {
|
|
5
|
-
var doc = editor.getDocument();
|
|
6
|
-
var domHelper = editor.getDOMHelper();
|
|
7
|
-
if ('caretPositionFromPoint' in doc) {
|
|
8
|
-
// Firefox, Chrome, Edge, Safari, Opera
|
|
9
|
-
var pos = doc.caretPositionFromPoint(x, y);
|
|
10
|
-
if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {
|
|
11
|
-
return { node: pos.offsetNode, offset: pos.offset };
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
if (doc.caretRangeFromPoint) {
|
|
15
|
-
// Safari
|
|
16
|
-
var range = doc.caretRangeFromPoint(x, y);
|
|
17
|
-
if (range && domHelper.isNodeInEditor(range.startContainer)) {
|
|
18
|
-
return { node: range.startContainer, offset: range.startOffset };
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
if (doc.elementFromPoint) {
|
|
22
|
-
// Fallback
|
|
23
|
-
var element = doc.elementFromPoint(x, y);
|
|
24
|
-
if (element && domHelper.isNodeInEditor(element)) {
|
|
25
|
-
return { node: element, offset: 0 };
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return null;
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=getNodePositionFromEvent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getNodePositionFromEvent.js","sourceRoot":"","sources":["../../../../packages/roosterjs-content-model-plugins/lib/utils/getNodePositionFromEvent.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,UAAU,wBAAwB,CACpC,MAAe,EACf,CAAS,EACT,CAAS;IAET,IAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACjC,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAExC,IAAI,wBAAwB,IAAI,GAAG,EAAE;QACjC,uCAAuC;QACvC,IAAM,GAAG,GAAI,GAAW,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,IAAI,GAAG,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACjD,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC;SACvD;KACJ;IAED,IAAI,GAAG,CAAC,mBAAmB,EAAE;QACzB,SAAS;QACT,IAAM,KAAK,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,KAAK,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YACzD,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;SACpE;KACJ;IAED,IAAI,GAAG,CAAC,gBAAgB,EAAE;QACtB,WAAW;QACX,IAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,IAAI,OAAO,IAAI,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SACvC;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import type { DOMInsertPoint, IEditor } from 'roosterjs-content-model-types';\n\n/**\n * @internal Get insertion point from coordinate.\n */\nexport function getNodePositionFromEvent(\n editor: IEditor,\n x: number,\n y: number\n): DOMInsertPoint | null {\n const doc = editor.getDocument();\n const domHelper = editor.getDOMHelper();\n\n if ('caretPositionFromPoint' in doc) {\n // Firefox, Chrome, Edge, Safari, Opera\n const pos = (doc as any).caretPositionFromPoint(x, y);\n if (pos && domHelper.isNodeInEditor(pos.offsetNode)) {\n return { node: pos.offsetNode, offset: pos.offset };\n }\n }\n\n if (doc.caretRangeFromPoint) {\n // Safari\n const range = doc.caretRangeFromPoint(x, y);\n if (range && domHelper.isNodeInEditor(range.startContainer)) {\n return { node: range.startContainer, offset: range.startOffset };\n }\n }\n\n if (doc.elementFromPoint) {\n // Fallback\n const element = doc.elementFromPoint(x, y);\n if (element && domHelper.isNodeInEditor(element)) {\n return { node: element, offset: 0 };\n }\n }\n\n return null;\n}\n"]}
|