{"version":3,"file":"sdcorejs-angular-components-document-builder.mjs","sources":["../../../projects/sdcorejs-angular/components/document-builder/src/components/header-footer-builder/plugins/page-number.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/components/header-footer-builder/header-footer-builder.component.ts","../../../projects/sdcorejs-angular/components/document-builder/src/document-builder.config.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/heading/heading.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/variable/variable.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/table-custom/index.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/image-upload/image-upload.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/image-custom/image-custom.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/page-orientation/page-orientation.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/bookmark.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/image.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/removemsattributes.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/utils.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/table.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/removeinvalidtablewidth.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/replacemsfootnotes.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/normalizers/mswordnormalizer.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/removeboldwrapper.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/br.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/list.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/normalizers/googledocsnormalizer.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/removexmlns.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/removegooglesheetstag.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/removestyleblock.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/normalizers/googlesheetsnormalizer.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/space.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/filters/parse.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/paste-handler/index.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/highlight-range/highlight-range.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/block-space/block-space.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/plugins/ck-comment/ck-comment.plugin.ts","../../../projects/sdcorejs-angular/components/document-builder/src/document-builder.utils.ts","../../../projects/sdcorejs-angular/components/document-builder/src/document-builder.component.ts","../../../projects/sdcorejs-angular/components/document-builder/src/document-builder.component.html","../../../projects/sdcorejs-angular/components/document-builder/sdcorejs-angular-components-document-builder.ts"],"sourcesContent":["import { Plugin, ButtonView } from 'ckeditor5';\nimport { DocumentBuilderI18n } from '../../../document-builder.model';\n\nexport class PageNumberPlugin extends Plugin {\n init() {\n const editor = this.editor;\n // i18n nằm trong editor.config — plugin không có DI nên đọc qua config; Angular wrapper luôn truyền _i18n\n const i18n = (editor.config as { get(key: string): unknown }).get('_i18n') as DocumentBuilderI18n | undefined;\n // 1. Đăng ký nút \"Số trang hiện tại\"\n editor.ui.componentFactory.add('pageNumber', locale => {\n const view = new ButtonView(locale);\n\n view.set({\n label: i18n?.t('core.component.document-builder.page-number.current') ?? '',\n icon: '', // Icon đơn giản\n tooltip: true,\n });\n\n // Khi bấm nút -> Chèn HTML đánh dấu\n view.on('execute', () => {\n editor.model.change(writer => {\n const viewFragment = editor.data.processor.toView(\n // Đây là HTML chuẩn để Word hiểu là số trang (dùng cho cách xuất MHTML/.doc)\n // Hoặc là marker để Backend replace\n '[PAGE] '\n );\n const modelFragment = editor.data.toModel(viewFragment);\n editor.model.insertContent(modelFragment);\n });\n });\n return view;\n });\n\n // 2. Đăng ký nút \"Tổng số trang\"\n editor.ui.componentFactory.add('totalPages', locale => {\n const view = new ButtonView(locale);\n\n view.set({\n label: i18n?.t('core.component.document-builder.page-number.total') ?? '',\n icon: '',\n tooltip: true,\n });\n\n view.on('execute', () => {\n editor.model.change(writer => {\n const viewFragment = editor.data.processor.toView(\n '[TOTAL] '\n );\n const modelFragment = editor.data.toModel(viewFragment);\n editor.model.insertContent(modelFragment);\n });\n });\n return view;\n });\n }\n}\n","import { Component, Input, inject, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CKEditorModule } from '@ckeditor/ckeditor5-angular';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { DocumentBuilderI18n } from '../../document-builder.model';\n\nimport {\n ClassicEditor,\n EditorConfig,\n Essentials,\n Paragraph,\n Bold,\n Italic,\n Underline,\n FontSize,\n FontColor,\n FontBackgroundColor,\n Alignment,\n // Import Plugin tự viết\n // PageNumberPlugin (nếu import từ file ngoài)\n} from 'ckeditor5';\nimport { PageNumberPlugin } from './plugins/page-number.plugin';\n\n@Component({\n selector: 'sd-header-footer-builder',\n standalone: true,\n imports: [CommonModule, CKEditorModule],\n template: `\n \n `,\n styles: [\n `\n /* Style tối giản cho vùng soạn thảo Header/Footer */\n :host ::ng-deep .header-footer-editor-wrapper .ck-editor__editable_inline {\n min-height: 100px; /* Header thường ngắn */\n max-height: 200px;\n padding: 10px 20px;\n border: 1px solid #ddd;\n }\n\n /* Style hiển thị cho Placeholder số trang trong lúc soạn thảo */\n :host ::ng-deep .page-number-marker,\n :host ::ng-deep .total-page-marker {\n font-size: 11px;\n color: #555;\n cursor: default;\n user-select: none;\n }\n `,\n ],\n})\nexport class SdHeaderFooterBuilder {\n readonly #i18n = inject(I18nService);\n #editor!: ClassicEditor;\n Editor = ClassicEditor;\n\n #model: string | undefined | null;\n @Input() set model(value: string | undefined | null) {\n if (this.#model !== value) {\n this.#model = value;\n }\n }\n\n readonly modelChange = output();\n readonly #editorI18n: DocumentBuilderI18n = {\n t: (key, params) => this.#i18n.t(key, params),\n };\n\n config: EditorConfig & { _i18n?: DocumentBuilderI18n } = {\n licenseKey: 'GPL', // Hoặc key thương mại nếu có\n _i18n: this.#editorI18n,\n // 1. PLUGIN RÚT GỌN (Bỏ Table, List, PageBreak...)\n plugins: [\n Essentials,\n Paragraph,\n Bold,\n Italic,\n Underline,\n FontSize,\n FontColor,\n FontBackgroundColor,\n Alignment,\n PageNumberPlugin, // <--- Plugin số trang\n ],\n // 2. TOOLBAR ĐƠN GIẢN\n toolbar: {\n items: [\n 'undo',\n 'redo',\n '|',\n 'fontSize',\n 'fontColor',\n '|',\n 'bold',\n 'italic',\n 'underline',\n '|',\n 'alignment', // Căn trái/phải/giữa (Quan trọng cho Header/Footer)\n '|',\n 'pageNumber',\n 'totalPages', // <--- 2 nút mới\n ],\n shouldNotGroupWhenFull: true,\n },\n // Cấu hình alignment\n alignment: {\n options: ['left', 'center', 'right'],\n },\n };\n\n onReady(editor: ClassicEditor): void {\n this.#editor = editor;\n this.#editor.setData(this.#model || '');\n this.#editor.model.document.on('change:data', () => {\n this.#model = this.#editor.getData();\n this.modelChange.emit(this.#model);\n });\n }\n}\n","/**\n * Cấu hình màu cho Document Builder\n * Bảng màu tập trung và cấu hình cho việc lựa chọn màu nhất quán\n */\n\nimport { ColorPickerConfig, FontColorConfig, FontSizeConfig, HeadingConfig } from 'ckeditor5';\n\n/**\n * Trả về bảng màu chung được sử dụng trong tất cả tính năng của document builder\n * @returns Mảng các tùy chọn màu được định sẵn với giá trị hex và label\n */\nexport function getPresetColors(): FontColorConfig['colors'] {\n return [\n { color: '#000000', label: 'Black' },\n { color: '#4D4D4D', label: 'Dim grey' },\n { color: '#999999', label: 'Grey' },\n { color: '#E6E6E6', label: 'Light grey' },\n { color: '#FFFFFF', label: 'White' },\n { color: '#E64D4D', label: 'Red' },\n { color: '#E6994D', label: 'Orange' },\n { color: '#E6E64D', label: 'Yellow' },\n { color: '#99E64D', label: 'Light green' },\n { color: '#4DE64D', label: 'Green' },\n { color: '#4DE699', label: 'Aquamarine' },\n { color: '#4DE6E6', label: 'Turquoise' },\n { color: '#4D99E6', label: 'Light blue' },\n { color: '#4D4DE6', label: 'Blue' },\n { color: '#994DE6', label: 'Purple' },\n ];\n}\n\n/**\n * Trả về cấu hình bộ chọn màu với định dạng hex\n * @returns Đối tượng cấu hình bộ chọn màu\n */\nexport function getColorPickerConfig(): ColorPickerConfig {\n return {\n format: 'hex',\n };\n}\n\n/**\n * Trả về cấu hình kích thước font cho document builder\n * @returns Mảng các tùy chọn kích thước font được định sẵn\n */\nexport function getFontSizeOptions(): FontSizeConfig['options'] {\n return [\n {\n title: '9',\n model: '9pt',\n view: {\n name: 'span',\n styles: { 'font-size': '9pt' },\n priority: 7,\n },\n },\n {\n title: '10',\n model: '10pt',\n view: {\n name: 'span',\n styles: { 'font-size': '10pt' },\n priority: 7,\n },\n },\n {\n title: '11',\n model: '11pt',\n view: {\n name: 'span',\n styles: { 'font-size': '11pt' },\n priority: 7,\n },\n },\n {\n title: '12',\n model: '12pt',\n view: {\n name: 'span',\n styles: { 'font-size': '12pt' },\n priority: 7,\n },\n },\n {\n title: '13',\n model: '13pt',\n view: {\n name: 'span',\n styles: { 'font-size': '13pt' },\n priority: 7,\n },\n },\n {\n title: '14',\n model: '14pt',\n view: {\n name: 'span',\n styles: { 'font-size': '14pt' },\n priority: 7,\n },\n },\n {\n title: '16',\n model: '16pt',\n view: {\n name: 'span',\n styles: { 'font-size': '16pt' },\n priority: 7,\n },\n },\n {\n title: '18',\n model: '18pt',\n view: {\n name: 'span',\n styles: { 'font-size': '18pt' },\n priority: 7,\n },\n },\n {\n title: '20',\n model: '20pt',\n view: {\n name: 'span',\n styles: { 'font-size': '20pt' },\n priority: 7,\n },\n },\n {\n title: '24',\n model: '24pt',\n view: {\n name: 'span',\n styles: { 'font-size': '24pt' },\n priority: 7,\n },\n },\n ];\n}\n\nexport function getHeadingOptions(): HeadingConfig['options'] {\n return [\n {\n model: 'paragraph',\n title: 'Paragraph',\n class: 'ck-heading_paragraph',\n },\n {\n model: 'heading1',\n view: {\n name: 'h1',\n styles: { 'font-size': '24pt', 'font-weight': 'bold', 'line-height': '1.15' },\n },\n title: 'Heading 1',\n class: 'ck-heading_heading1',\n },\n {\n model: 'heading2',\n view: {\n name: 'h2',\n styles: { 'font-size': '20pt', 'font-weight': 'bold', 'line-height': '1.15' },\n },\n title: 'Heading 2',\n class: 'ck-heading_heading2',\n },\n {\n model: 'heading3',\n view: {\n name: 'h3',\n styles: { 'font-size': '16pt', 'font-weight': 'bold', 'line-height': '1.15' },\n },\n title: 'Heading 3',\n class: 'ck-heading_heading3',\n },\n ];\n}\n","import { Plugin } from 'ckeditor5';\nimport { getHeadingOptions } from '../../document-builder.config';\n\nexport class HeadingPlugin extends Plugin {\n static get pluginName() {\n return 'HeadingPlugin';\n }\n\n init() {\n const editor = this.editor;\n\n editor.conversion.for('editingDowncast').markerToHighlight({\n model: 'highlightMarker',\n view: {\n classes: 'ck-heading-highlight',\n },\n });\n\n // Lấy default styles từ config\n const headingOptions = getHeadingOptions();\n const headingDefaults: Record = {};\n\n headingOptions?.forEach((opt: any) => {\n if (opt.model?.match(/^heading[1-3]$/)) {\n headingDefaults[opt.model] = {\n fontSize: opt.view?.styles?.['font-size'] || 'inherit',\n lineHeight: opt.view?.styles?.['line-height'] || 'inherit',\n };\n }\n });\n\n // Downcast: Kiểm tra heading có styled text và set style inherit\n const downcastConversion = editor.conversion.for('downcast');\n Object.keys(headingDefaults).forEach(modelName => {\n downcastConversion.add(dispatcher => {\n dispatcher.on(`insert:${modelName}`, createHeadingHandler(editor, modelName, headingDefaults), { priority: 'low' });\n });\n });\n }\n}\n\nfunction createHeadingHandler(editor: any, modelName: string, headingDefaults: Record) {\n return (evt: any, data: any, conversionApi: any) => {\n const element = data.item;\n const viewElement = editor.editing.mapper.toViewElement(element);\n if (!viewElement) return;\n\n const children = Array.from(element.getChildren());\n const hasStyledText = children.some((child: any) => {\n if (child.is('$text')) {\n const attrs = Array.from(child.getAttributes());\n return attrs.length > 0;\n }\n return !child.is('$text');\n });\n\n editor.editing.view.change((writer: any) => {\n if (children.length === 1 && hasStyledText) {\n // Có styled text → bỏ style mặc định\n writer.setStyle('font-size', 'inherit', viewElement);\n writer.setStyle('line-height', 'inherit', viewElement);\n } else {\n // Không có styled text → set lại style mặc định từ config\n const defaults = headingDefaults[modelName];\n writer.setStyle('font-size', defaults.fontSize, viewElement);\n writer.setStyle('line-height', defaults.lineHeight, viewElement);\n }\n });\n };\n}\n","import { Config, Plugin, Widget, toWidget } from 'ckeditor5';\nimport { DocumentBuilderOption, SdDocumentBuilderVariable } from '../../document-builder.model';\nimport { resolveMaybeAsync } from '@sdcorejs/utils/models';\nimport { Utilities } from '@sdcorejs/utils/fns';\n\nexport class VariablePlugin extends Plugin {\n // Tên plugin đăng ký với CKEditor — bắt buộc để tìm kiếm bằng string và ổn định trong build minified\n static get pluginName() {\n return 'VariablePlugin' as const;\n }\n\n static get requires() {\n return [Widget];\n }\n\n init() {\n const editor = this.editor;\n const schema = editor.model.schema;\n const conversion = editor.conversion;\n const editingView = editor.editing.view;\n\n // Cờ đánh dấu đang trong quá trình xử lý paste\n let isPasting = false;\n this.listenTo(\n editingView.document,\n 'clipboardInput',\n () => {\n isPasting = true;\n // Reset cờ sau khi quá trình paste (ngay trong cùng event loop/tick) hoàn tất\n setTimeout(() => {\n isPasting = false;\n }, 0);\n },\n { priority: 'highest' }\n );\n\n // 1. Định nghĩa Schema (Model)\n schema.register('variable', {\n inheritAllFrom: '$inlineObject',\n allowWhere: '$text',\n isInline: true,\n isObject: true,\n allowAttributes: ['id', 'uuid', 'value', 'display', 'bindingValue'],\n });\n\n // 2. Model -> HTML\n // model là string 'variable' → chỉ chạy khi element được TẠO MỚI (không reconvert khi attribute đổi)\n // Luôn render trạng thái UNBOUND tại đây — binding state được xử lý riêng bởi converter bên dưới\n conversion.for('downcast').elementToElement({\n model: 'variable',\n view: (modelItem, { writer: viewWriter }) => {\n const id = modelItem.getAttribute('id') as string;\n const uuid = modelItem.getAttribute('uuid') as string;\n const display = modelItem.getAttribute('display') as string;\n const value = modelItem.getAttribute('value') as string;\n\n const widgetElement = viewWriter.createContainerElement('span', {\n class: 'variable-widget',\n 'data-id': id,\n 'data-value': value,\n 'data-display': display,\n 'data-binding': 'false', // Luôn bắt đầu unbound — binding chỉ set qua bindValue()\n });\n\n const innerText = viewWriter.createText(`{{${display}}}`);\n viewWriter.insert(viewWriter.createPositionAt(widgetElement, 0), innerText);\n return toWidget(widgetElement, viewWriter);\n },\n });\n\n // 2b. bindingValue → view\n // - editingDowncast: HTML bind dùng createRawElement để hiển thị table/section trong editor.\n // - dataDowncast (getData): CHỈ lưu data-binding-value (URI), không chèn block HTML vào —\n // tránh HTML lưu dạng
…
… (invalid / upcast CKEditor lỗi null.start).\n const applyBindingValueAttributeToView = (isDataPipeline: boolean) => {\n return (evt: any, data: any, conversionApi: any) => {\n if (!conversionApi.consumable.consume(data.item, evt.name)) return;\n\n const viewWriter = conversionApi.writer;\n const viewElement = conversionApi.mapper.toViewElement(data.item as any);\n if (!viewElement) return;\n\n const bindingValue = data.attributeNewValue as string | null | undefined;\n const isBound = !!bindingValue;\n const display = data.item.getAttribute('display') as string;\n\n viewWriter.remove(viewWriter.createRangeIn(viewElement));\n\n if (!isBound) {\n viewWriter.setAttribute('data-binding', 'false', viewElement);\n viewWriter.removeAttribute('data-binding-value', viewElement);\n viewWriter.insert(viewWriter.createPositionAt(viewElement, 0), viewWriter.createText(`{{${display}}}`));\n return;\n }\n\n const raw = bindingValue as string;\n const isHtml = /<[a-z][\\s\\S]*>/i.test(raw);\n\n if (isHtml) {\n viewWriter.setAttribute('data-binding', 'html', viewElement);\n viewWriter.setAttribute('data-binding-value', encodeURIComponent(raw), viewElement);\n if (isDataPipeline) {\n // Không nhét DOM con vào serialized HTML; upcast đọc binding từ data-binding-value.\n return;\n }\n const htmlHost = viewWriter.createRawElement('span', { class: 'variable-html-content' }, (domElement: HTMLElement) => {\n domElement.innerHTML = raw;\n });\n viewWriter.insert(viewWriter.createPositionAt(viewElement, 0), htmlHost);\n } else {\n viewWriter.setAttribute('data-binding', 'true', viewElement);\n viewWriter.removeAttribute('data-binding-value', viewElement);\n viewWriter.insert(viewWriter.createPositionAt(viewElement, 0), viewWriter.createText(raw));\n }\n };\n };\n\n conversion.for('dataDowncast').add(dispatcher => {\n dispatcher.on('attribute:bindingValue:variable', applyBindingValueAttributeToView(true));\n });\n conversion.for('editingDowncast').add(dispatcher => {\n dispatcher.on('attribute:bindingValue:variable', applyBindingValueAttributeToView(false));\n });\n\n // 3. HTML -> Model\n conversion.for('upcast').elementToElement({\n // NOTE: Chỉ khai báo các attribute CẦN THIẾT để nhận biết variable widget.\n // - data-binding KHÔNG được đưa vào required attributes (HTML cũ không có sẽ không được nhận biết).\n // - data-binding=\"true\" → đọc text child làm bindingValue (plain text).\n // - data-binding=\"html\" → đọc data-binding-value (URI-encoded) làm bindingValue.\n view: {\n name: 'span',\n classes: 'variable-widget ck-widget',\n attributes: {\n 'data-id': true,\n 'data-value': true,\n 'data-display': true,\n contenteditable: true,\n },\n },\n model: (viewElement, { writer: modelWriter }) => {\n const bindingMode = viewElement.getAttribute('data-binding');\n let bindingValue: string | undefined;\n\n if (bindingMode === 'html') {\n const encoded = viewElement.getAttribute('data-binding-value');\n if (encoded) {\n try {\n bindingValue = decodeURIComponent(encoded);\n } catch {\n bindingValue = undefined;\n }\n }\n } else if (bindingMode === 'true') {\n // Đọc text content làm bindingValue (bound value được lưu trực tiếp vào inner text)\n for (const child of viewElement.getChildren()) {\n if (child.is('$text')) {\n bindingValue = (child as any).data as string;\n break;\n }\n }\n }\n\n return modelWriter.createElement('variable', {\n id: viewElement.getAttribute('data-id'),\n // Fix trùng uuid: Nếu đang paste, TẠO MỚI uuid thay vì dùng uuid cũ từ HTML\n uuid: isPasting ? Utilities.generateUuid() : (viewElement.getAttribute('data-uuid') ?? Utilities.generateUuid()),\n value: viewElement.getAttribute('data-value'),\n display: viewElement.getAttribute('data-display'),\n ...(bindingValue ? { bindingValue } : {}),\n });\n },\n });\n\n // 4. Xử lý sự kiện Drop\n this.listenTo(editingView.document, 'drop', async (evt, data) => {\n const dataTransfer = (data as any).dataTransfer;\n const jsonData = dataTransfer.getData('ck-variable');\n if (!jsonData) return;\n\n // data.dropRange là vị trí con chuột trên View khi thả\n const viewRange = (data as any).dropRange;\n const modelRange = editor.editing.mapper.toModelRange(viewRange);\n evt.stop();\n\n try {\n let variable: SdDocumentBuilderVariable = JSON.parse(jsonData);\n const config = editor.config as Config;\n const getOption = config.get('getOption') as DocumentBuilderOption['getOption'];\n const option = getOption?.();\n if (option?.onDropVariable) {\n // Bug 4 Fix (Q2-A): Xóa tham số dropIndex — không còn tryền giá trị hardcode 0\n const result = await resolveMaybeAsync(option.onDropVariable(variable));\n\n // * Hỗ trợ dữ liệu có sẵn sẽ chỉ cần nhận vào boolean có cho phép thả hay không?\n // i18n nằm trong editor.config — plugin không có DI nên đọc qua config; Angular wrapper luôn truyền _i18n\n const i18n = (editor.config as Config).get('_i18n') as DocumentBuilderOption['_i18n'];\n if (typeof result === 'boolean') {\n if (!result) {\n throw new Error(i18n?.t('core.component.document-builder.variable.not-allowed') ?? '');\n }\n } else {\n // * Hỗ trợ dữ liệu lấy từ API (Kiểm tra xem result có đúng định dạng interface SdDocumentBuilderVariable hay không?)\n if (this.#isSdDocumentBuilderVariableResult(result)) {\n variable = result;\n } else {\n throw new Error(i18n?.t('core.component.document-builder.variable.invalid-data') ?? '');\n }\n }\n }\n\n let insertedUuid = '';\n editor.model.change(writer => {\n // 4.1. Chèn biến\n insertedUuid = Utilities.generateUuid();\n const variableElem = writer.createElement('variable', {\n id: variable.id,\n uuid: insertedUuid,\n value: variable.value,\n display: variable.display,\n });\n\n editor.model.insertContent(variableElem, modelRange);\n // 4.2. Đặt con trỏ ra sau biến\n writer.setSelection(variableElem, 'after');\n });\n\n // onAfterDropVariable: fires SAU model.change() → variable đã có trong model\n // Consumer có thể gọi variable.all() tại đây và thấy biến mới nhất\n option?.onAfterDropVariable?.({ ...variable, uuid: insertedUuid });\n } catch (e) {\n // Đặt con trỏ ngay tại vị trí lỗi\n if (modelRange) {\n editor.model.change(writer => {\n writer.setSelection(modelRange);\n });\n }\n console.error(e);\n } finally {\n // 5. Dọn dẹp drop-target dù thành công hay lỗi\n editor.model.change(writer => {\n for (const marker of editor.model.markers) {\n if (marker.name.startsWith('drop-target')) {\n writer.removeMarker(marker);\n }\n }\n });\n }\n });\n\n // -------------------------------------------------------------------------\n // 5 & 6. Navigation (Arrow keys + Mouse) + Cursor spacing sau variable\n // -------------------------------------------------------------------------\n\n // Bug 1 Fix: isNavigating cần được reset sau mỗi lần change:range xử lý xong\n // để tránh logic chèn \\u00A0 chạy lặp khi có selection change programmatic.\n let isNavigating = false;\n\n // Opt 1: Gộp arrow-key detection + Backspace/Delete handler vào 1 listener keydown\n // Bug 3 Fix: Dùng this.listenTo() thay .on() để CKEditor tự cleanup khi plugin destroy\n this.listenTo(\n editingView.document,\n 'keydown',\n (evt, data) => {\n const keyCode = data.keyCode;\n\n // --- Arrow key navigation detection (priority: high) ---\n // Mã phím mũi tên: 37 (Left), 38 (Up), 39 (Right), 40 (Down)\n const isArrowKey = keyCode >= 37 && keyCode <= 40;\n if (isArrowKey) {\n isNavigating = true;\n return; // không xử lý thêm cho arrow key ở đây\n }\n\n // Reset flag nếu nhấn phím khác (không phải arrow, không phải Backspace/Delete)\n const btnBackspace = keyCode === 8;\n const btnDelete = keyCode === 46;\n if (!btnBackspace && !btnDelete) {\n isNavigating = false;\n return;\n }\n\n // --- Opt 1: Backspace / Delete handler (đã gộp vào cùng listener) ---\n // priority: highest — chạy trước mọi handler khác để bắt xóa variable 2 bước\n const selection = editor.model.document.selection;\n const model = editor.model;\n\n // CASE 1: Nếu con trỏ đang nhấp nháy (Collapsed)\n if (selection.isCollapsed) {\n const position = selection.getFirstPosition();\n // Với Backspace ta kiểm tra nodeBefore, với Delete ta kiểm tra nodeAfter\n const targetNode = btnBackspace ? position?.nodeBefore : position?.nodeAfter;\n\n if (targetNode && targetNode.is('element', 'variable')) {\n data.preventDefault();\n evt.stop();\n\n model.change(writer => {\n // Chọn bao quanh Variable đó (lần bấm tiếp theo sẽ xóa)\n writer.setSelection(targetNode, 'on');\n });\n return;\n }\n }\n // CASE 2: Nếu đang có một vùng chọn (đã được highlight từ lần bấm trước)\n else {\n const selectedElement = selection.getSelectedElement();\n\n // Nếu phần tử đang được chọn chính là variable → xóa hẳn\n if (selectedElement && selectedElement.is('element', 'variable')) {\n data.preventDefault();\n evt.stop();\n\n model.change(writer => {\n writer.remove(selectedElement);\n });\n }\n }\n },\n // priority: highest — Backspace/Delete phải chạy trước CKEditor default để bắt 2-step deletion\n { priority: 'highest' }\n );\n\n // Bug 3 Fix: mousedown cũng dùng this.listenTo() để tránh memory leak\n this.listenTo(editingView.document, 'mousedown', () => {\n isNavigating = true;\n });\n\n this.listenTo(editor.model.document.selection, 'change:range', () => {\n // Nếu không phải là hành động click hoặc mũi tên thì thoát hàm.\n if (!isNavigating) {\n return;\n }\n\n // Bug 1 Fix: Reset ngay sau khi vào handler để tránh chạy lặp\n // khi có thêm selection change programmatic (VD: writer.insertText bên dưới tự trigger lại)\n isNavigating = false;\n\n const model = editor.model;\n const selection = model.document.selection;\n if (!selection.isCollapsed) return;\n\n const position = selection.getFirstPosition();\n const nodeBefore = position?.nodeBefore;\n if (!position) return;\n\n // Kiểm tra: Node đứng trước con trỏ là variable\n if (nodeBefore && nodeBefore.is('element', 'variable')) {\n // Lấy node ngay sau variable để kiểm tra\n const nextNode = nodeBefore.nextSibling;\n\n // Logic: Nếu phía sau KHÔNG CÓ GÌ hoặc KHÔNG PHẢI LÀ TEXT → chèn \\u00A0 để có thể gõ tiếp\n if (!nextNode || !nextNode.is('$text')) {\n model.change(writer => {\n writer.insertText('\\u00A0', nodeBefore, 'after');\n // Lấy vị trí ngay sau variable (lúc này đang là đầu của text node mới)\n const posAfterVariable = writer.createPositionAfter(nodeBefore);\n // Dịch chuyển vị trí đó sang phải 1 đơn vị (bỏ qua ký tự vừa thêm)\n const targetPos = posAfterVariable.getShiftedBy(1);\n writer.setSelection(targetPos);\n });\n }\n }\n });\n\n // -------------------------------------------------------------------------\n // 8. Xử lý sự kiện Copy / Cut (Clipboard Output)\n // -------------------------------------------------------------------------\n // priority: low — chạy sau CKEditor để bổ sung text/plain fallback, không can thiệp HTML\n this.listenTo(\n editor.editing.view.document,\n 'clipboardOutput',\n (evt, data) => {\n const isCopyOrCut = data.method === 'copy' || data.method === 'cut';\n if (!isCopyOrCut) return;\n\n const dataTransfer = data.dataTransfer;\n const content = data.content;\n\n // Opt 3: Chỉ visit element nodes, bỏ qua các node không liên quan\n let plainText = '';\n const viewRange = editor.editing.view.createRangeIn(content);\n for (const item of viewRange.getItems()) {\n if (item.is('$text')) {\n plainText += (item as any).data;\n } else if (item.is('element', 'span') && item.hasClass('variable-widget')) {\n const display = item.getAttribute('data-display');\n if (display) plainText += `{{${display}}}`;\n }\n }\n\n if (plainText) {\n dataTransfer.setData('text/plain', plainText);\n }\n\n // HTML content giữ nguyên — CKEditor sẽ tự xử lý upcast khi paste lại\n },\n { priority: 'low' }\n );\n\n // -------------------------------------------------------------------------\n // 9. Xử lý sự kiện Paste (Clipboard Input)\n // -------------------------------------------------------------------------\n // Nếu paste từ external source (chỉ có text, không có HTML variable)\n // thì chuyển {{text}} thành variable widget\n this.listenTo(\n editor.editing.view.document,\n 'clipboardInput',\n async (evt, data: any) => {\n const dataTransfer = data.dataTransfer;\n\n // Nếu có HTML chứa variable-widget thì để CKEditor xử lý (upcast converter)\n // Việc chống trùng uuid (regenerate) đã được xử lý ở upcast converter dựa vào biến isPasting\n const html = dataTransfer.getData('text/html');\n if (html && html.includes('variable-widget')) {\n return;\n }\n\n // Chỉ xử lý nếu chỉ có plain text với pattern {{text}}\n const text = dataTransfer.getData('text/plain');\n if (!text) return;\n\n // Kiểm tra có chứa pattern {{text}} không\n const variablePattern = /\\{\\{([^}]+)\\}\\}/g;\n if (!variablePattern.test(text)) {\n return;\n }\n\n // Reset lastIndex sau khi test\n variablePattern.lastIndex = 0;\n\n evt.stop();\n\n // Bug 2 Fix (Q1-A): Lấy option để gọi onPasteVariable callback nếu có\n const config = editor.config as Config;\n const getOption = config.get('getOption') as DocumentBuilderOption['getOption'];\n const option = getOption?.();\n\n // Tách text thành các phần: normal text và variables\n let lastIndex = 0;\n let match;\n const fragments: { type: 'text' | 'variable'; content: string; display?: string }[] = [];\n\n while ((match = variablePattern.exec(text)) !== null) {\n // Thêm text trước variable\n if (match.index > lastIndex) {\n fragments.push({ type: 'text', content: text.slice(lastIndex, match.index) });\n }\n fragments.push({ type: 'variable', content: match[0], display: match[1] });\n lastIndex = match.index + match[0].length;\n }\n\n // Thêm text còn lại sau variable cuối cùng\n if (lastIndex < text.length) {\n fragments.push({ type: 'text', content: text.slice(lastIndex) });\n }\n\n // Bug 2 Fix: Resolve tất cả variable fragments trước khi thực hiện model.change\n // Tránh async operation bên trong model.change (CKEditor không hỗ trợ async writer)\n\n // Xây dựng lookup map từ variables đang có trong document (theo display name)\n // Dùng để fallback khi không có onPasteVariable — giữ lại đầy đủ id/value của biến gốc\n // khi copy-paste nội bộ bị mất HTML (chỉ còn plain text {{display}})\n const existingVariableMap = this.#buildDisplayMap();\n\n const resolvedFragments: { type: 'text' | 'variable'; content: string; variable?: SdDocumentBuilderVariable }[] = [];\n for (const fragment of fragments) {\n if (fragment.type === 'variable' && fragment.display) {\n let resolved: SdDocumentBuilderVariable | null = null;\n\n if (option?.onPasteVariable) {\n try {\n resolved = await resolveMaybeAsync(option.onPasteVariable(fragment.display));\n } catch (e) {\n // @i18n-ignore — dev console warning\n console.warn(`[VariablePlugin] onPasteVariable(\"${fragment.display}\") thất bại:`, e);\n }\n }\n\n // Fallback 1: Tra cứu variable đang có trong document theo display name\n // → Giữ lại đầy đủ id/value khi copy-paste nội bộ bị mất HTML\n if (!resolved) {\n resolved = existingVariableMap.get(fragment.display) ?? null;\n }\n\n // Fallback 2: Không tìm thấy → tạo variable sentinel với id = ''\n // Consumer có thể filter qua variable.all() và nhận biết bằng id === ''\n resolvedFragments.push({\n type: 'variable',\n content: fragment.content,\n variable: resolved ?? {\n id: '',\n uuid: Utilities.generateUuid(),\n value: fragment.display,\n display: fragment.display,\n },\n });\n } else {\n resolvedFragments.push({ type: 'text', content: fragment.content });\n }\n }\n\n // Chèn từng fragment vào document\n editor.model.change(writer => {\n const selection = editor.model.document.selection;\n const position = selection.getFirstPosition();\n if (!position) return;\n\n let currentPosition = position;\n for (const fragment of resolvedFragments) {\n if (fragment.type === 'text' && fragment.content) {\n const textNode = writer.createText(fragment.content);\n writer.insert(textNode, currentPosition);\n currentPosition = writer.createPositionAfter(textNode);\n } else if (fragment.type === 'variable' && fragment.variable) {\n const variableElem = writer.createElement('variable', {\n id: fragment.variable.id,\n uuid: Utilities.generateUuid(),\n value: fragment.variable.value,\n display: fragment.variable.display,\n });\n writer.insert(variableElem, currentPosition);\n currentPosition = writer.createPositionAfter(variableElem);\n }\n }\n\n // Đặt con trỏ sau nội dung vừa paste\n writer.setSelection(currentPosition);\n });\n },\n { priority: 'high' }\n );\n }\n\n #isSdDocumentBuilderVariableResult = (obj: any): obj is SdDocumentBuilderVariable => {\n return (\n obj !== null &&\n obj !== undefined &&\n typeof obj === 'object' &&\n !Array.isArray(obj) &&\n typeof obj.id === 'string' &&\n typeof obj.value === 'string' &&\n typeof obj.display === 'string'\n );\n };\n\n /**\n * Quét tất cả variable elements trong document hiện tại, trả về Map.\n * Dùng làm fallback khi paste {{display}} mà không có onPasteVariable callback:\n * nếu document đã có variable cùng display → tái sử dụng id/value của biến gốc.\n * Nếu có nhiều variable cùng display → lấy cái đầu tiên tìm được.\n */\n #buildDisplayMap = (): Map => {\n const map = new Map();\n const root = this.editor.model.document.getRoot();\n if (!root) return map;\n\n const range = this.editor.model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (item.is('element', 'variable')) {\n const display = item.getAttribute('display') as string;\n // Chỉ lưu lần đầu tiên gặp display này\n if (display && !map.has(display)) {\n map.set(display, {\n id: item.getAttribute('id') as string,\n uuid: item.getAttribute('uuid') as string,\n value: item.getAttribute('value') as string,\n display,\n });\n }\n }\n }\n\n return map;\n };\n\n // =========================================================================\n // PUBLIC API — Variable management\n // =========================================================================\n\n /**\n * Lấy tất cả variables trong document.\n * @returns Danh sách tất cả variables (bao gồm bindingValue nếu đã binding)\n */\n all(): SdDocumentBuilderVariable[] {\n const model = this.editor.model;\n const root = model.document.getRoot();\n if (!root) return [];\n\n const variables: SdDocumentBuilderVariable[] = [];\n try {\n const range = model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (item.is('element', 'variable')) {\n variables.push({\n id: item.getAttribute('id') as string,\n uuid: item.getAttribute('uuid') as string,\n value: item.getAttribute('value') as string,\n display: item.getAttribute('display') as string,\n bindingValue: item.getAttribute('bindingValue') as string | undefined,\n });\n }\n }\n } catch (e) {\n console.error(e);\n return [];\n }\n return variables;\n }\n\n /**\n * Scroll tới vị trí của variable theo uuid.\n * @param uuid - uuid của variable (FE tự sinh sau mỗi lần drop)\n */\n scroll(uuid: string): void {\n const model = this.editor.model;\n const root = model.document.getRoot();\n if (!root) return;\n\n let targetElement: any = null;\n const range = model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (item.is('element', 'variable') && item.getAttribute('uuid') === uuid) {\n targetElement = item;\n break;\n }\n }\n\n if (targetElement) {\n const viewElement = this.editor.editing.mapper.toViewElement(targetElement);\n if (viewElement) {\n const domElement = this.editor.editing.view.domConverter.viewToDom(viewElement);\n if (domElement) {\n (domElement as HTMLElement).scrollIntoView({ behavior: 'smooth', block: 'center' });\n model.change(writer => {\n writer.setSelection(targetElement, 'on');\n });\n }\n }\n } else {\n // @i18n-ignore — dev console warning\n console.warn(`Variable với uuid \"${uuid}\" không tìm thấy trong tài liệu.`);\n }\n }\n\n /**\n * Gán giá trị cho TẤT CẢ variable có cùng id trong document.\n * Nếu value rỗng → tự động gọi clearValue(id).\n * @param id - id của variable definition\n * @param value - giá trị binding cần hiển thị\n * @returns số instance đã được cập nhật\n */\n bindValue(id: string, value: string): number {\n if (!value) return this.clearValue(id);\n const model = this.editor.model;\n const root = model.document.getRoot();\n if (!root) return 0;\n\n let count = 0;\n model.change(writer => {\n const range = model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (item.is('element', 'variable') && item.getAttribute('id') === id) {\n writer.setAttribute('bindingValue', value, item);\n count++;\n }\n }\n });\n return count;\n }\n\n /**\n * Xóa binding value của TẤT CẢ variable có cùng id.\n * @param id - id của variable definition\n * @returns số instance đã được cập nhật\n */\n clearValue(id: string): number {\n const model = this.editor.model;\n const root = model.document.getRoot();\n if (!root) return 0;\n\n let count = 0;\n model.change(writer => {\n const range = model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (item.is('element', 'variable') && item.getAttribute('id') === id && item.hasAttribute('bindingValue')) {\n writer.removeAttribute('bindingValue', item);\n count++;\n }\n }\n });\n return count;\n }\n\n /**\n * Batch bind nhiều variables theo map { id → value }.\n * Toàn bộ thực hiện trong 1 model.change() → 1 undo step duy nhất.\n * @param map - { [id]: boundValue }\n */\n bindValues(map: Record): void {\n if (!Object.keys(map).length) return;\n const model = this.editor.model;\n const root = model.document.getRoot();\n if (!root) return;\n\n model.change(writer => {\n const range = model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (!item.is('element', 'variable')) continue;\n const id = item.getAttribute('id') as string;\n if (!(id in map)) continue;\n\n const value = map[id];\n if (value) {\n writer.setAttribute('bindingValue', value, item);\n } else if (item.hasAttribute('bindingValue')) {\n writer.removeAttribute('bindingValue', item);\n }\n }\n });\n }\n\n /**\n * Batch clear binding của nhiều variables.\n * @param ids - danh sách id cần clear; nếu không truyền/rỗng → clear TẤT CẢ\n */\n clearValues(ids?: string[]): void {\n const model = this.editor.model;\n const root = model.document.getRoot();\n if (!root) return;\n\n const idSet = ids?.length ? new Set(ids) : null;\n\n model.change(writer => {\n const range = model.createRangeIn(root);\n for (const item of range.getItems()) {\n if (!item.is('element', 'variable') || !item.hasAttribute('bindingValue')) continue;\n const id = item.getAttribute('id') as string;\n if (!idSet || idSet.has(id)) {\n writer.removeAttribute('bindingValue', item);\n }\n }\n });\n }\n\n /** Xóa toàn bộ binding values trong document. Shorthand của clearValues(). */\n clearAllValues(): void {\n this.clearValues();\n }\n}\n\n/**\n * HTML từ getData() phiên bản cũ có thể chứa block (vd. table) bên trong `span.variable-widget[data-binding=\"html\"]`,\n * khiến setData/upcast CKEditor lỗi (unexpected-error, null.start). Gọi trước `setData` để giữ chỉ\n * `data-binding-value` và bỏ các node con.\n */\nexport function sanitizeVariableHtmlBoundSerializedHtml(html: string): string {\n if (!html || !html.includes('variable-widget')) return html;\n try {\n const doc = new DOMParser().parseFromString(`
\n * \n * ```\n *\n * @param documentFragment `data.content` obtained from clipboard.\n * @param writer The view writer instance.\n * @internal\n */\nexport function replaceMSFootnotes(documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter): void {\n const msFootnotesRefs = new Map();\n const msFootnotesDefs = new Map();\n let msFootnotesDefinitionsList: ViewElement | null = null;\n\n // Phase 1: Collect all footnotes references and definitions. Find the footnotes definitions list element.\n for (const { item } of writer.createRangeIn(documentFragment)) {\n if (!item.is('element')) {\n continue;\n }\n\n // If spot a footnotes definitions element, let's store it. It'll be replaced later.\n // There should be only one such element in the document.\n if (item.getStyle('mso-element') === 'footnote-list') {\n msFootnotesDefinitionsList = item;\n continue;\n }\n\n // If spot a footnote reference or definition, store it in the corresponding map.\n if (item.hasStyle('mso-footnote-id')) {\n const msFootnoteDef = item.findAncestor('element', el => el.getStyle('mso-element') === 'footnote');\n\n if (msFootnoteDef) {\n // If it's a reference within a definition, ignore it and track only the definition.\n // MS Word do not support nested footnotes, so it's safe to assume that all references within\n // a definition point to the same definition.\n const msFootnoteDefId = msFootnoteDef.getAttribute('id')!;\n\n msFootnotesDefs.set(msFootnoteDefId, msFootnoteDef);\n } else {\n // If it's a reference outside of a definition, track it as a reference.\n const msFootnoteRefId = item.getStyle('mso-footnote-id')!;\n\n msFootnotesRefs.set(msFootnoteRefId, item);\n }\n\n continue;\n }\n }\n\n // If there are no footnotes references or definitions, or no definitions list, there's nothing to normalize.\n if (!msFootnotesRefs.size || !msFootnotesDefinitionsList) {\n return;\n }\n\n // Phase 2: Replace footnotes definitions list with proper element.\n const footnotesDefinitionsList = createFootnotesListViewElement(writer);\n\n writer.replace(msFootnotesDefinitionsList, footnotesDefinitionsList);\n\n // Phase 3: Replace all footnotes references and add matching definitions to the definitions list.\n for (const [footnoteId, msFootnoteRef] of msFootnotesRefs) {\n const msFootnoteDef = msFootnotesDefs.get(footnoteId);\n\n if (!msFootnoteDef) {\n continue;\n }\n\n // Replace footnote reference.\n writer.replace(msFootnoteRef, createFootnoteRefViewElement(writer, footnoteId));\n\n // Append found matching definition to the definitions list.\n // Order doesn't matter here, as it'll be fixed in the post-fixer.\n const defElements = createFootnoteDefViewElement(writer, footnoteId);\n\n removeMSReferences(writer, msFootnoteDef);\n\n // Insert content within the `MsoFootnoteText` element. It's usually a definition text content.\n for (const child of msFootnoteDef.getChildren()) {\n let clonedChild = child;\n\n if (child.is('element')) {\n clonedChild = writer.clone(child, true);\n }\n\n writer.appendChild(clonedChild, defElements.content);\n }\n\n writer.appendChild(defElements.listItem, footnotesDefinitionsList);\n }\n}\n\n/**\n * Removes all MS Office specific references from the given element.\n *\n * It also removes leading space from text nodes following the references, as MS Word adds\n * them to separate the reference from the rest of the text.\n *\n * @param writer The view writer.\n * @param element The element to trim.\n * @returns The trimmed element.\n */\nfunction removeMSReferences(writer: ViewUpcastWriter, element: ViewElement): ViewElement {\n const elementsToRemove: ViewElement[] = [];\n const textNodesToTrim: ViewText[] = [];\n\n for (const { item } of writer.createRangeIn(element)) {\n if (item.is('element') && item.getStyle('mso-footnote-id')) {\n elementsToRemove.unshift(item);\n\n // MS Word used to add spaces after footnote references within definitions. Let's check if there's a space after\n // the footnote reference and mark it for trimming.\n const { nextSibling } = item;\n\n if (nextSibling?.is('$text') && nextSibling.data.startsWith(' ')) {\n textNodesToTrim.unshift(nextSibling);\n }\n }\n }\n\n for (const element of elementsToRemove) {\n writer.remove(element);\n }\n\n // Remove only the leading space from text nodes following reference within definition, preserve the rest of the text.\n for (const textNode of textNodesToTrim) {\n const trimmedData = textNode.data.substring(1);\n\n if (trimmedData.length > 0) {\n // Create a new text node and replace the old one.\n const parent = textNode.parent!;\n const index = parent.getChildIndex(textNode);\n const newTextNode = writer.createText(trimmedData);\n\n writer.remove(textNode);\n writer.insertChild(index, newTextNode, parent);\n } else {\n // If the text node contained only a space, remove it entirely.\n writer.remove(textNode);\n }\n }\n\n return element;\n}\n\n/**\n * Creates a footnotes list view element.\n *\n * @param writer The view writer instance.\n * @returns The footnotes list view element.\n */\nfunction createFootnotesListViewElement(writer: ViewUpcastWriter): ViewElement {\n return writer.createElement('ol', { class: 'footnotes' });\n}\n\n/**\n * Creates a footnote reference view element.\n *\n * @param writer The view writer instance.\n * @param footnoteId The footnote ID.\n * @returns The footnote reference view element.\n */\nfunction createFootnoteRefViewElement(writer: ViewUpcastWriter, footnoteId: string): ViewElement {\n const sup = writer.createElement('sup', { class: 'footnote' });\n const link = writer.createElement('a', {\n id: `ref-${footnoteId}`,\n href: `#${footnoteId}`,\n });\n\n writer.appendChild(link, sup);\n\n return sup;\n}\n\n/**\n * Creates a footnote definition view element with a backlink and a content container.\n *\n * @param writer The view writer instance.\n * @param footnoteId The footnote ID.\n * @returns An object containing the list item element, backlink and content container.\n */\nfunction createFootnoteDefViewElement(\n writer: ViewUpcastWriter,\n footnoteId: string\n): {\n listItem: ViewElement;\n content: ViewElement;\n} {\n const listItem = writer.createElement('li', {\n id: footnoteId,\n class: 'footnote-definition',\n });\n\n const backLink = writer.createElement('a', {\n href: `#ref-${footnoteId}`,\n class: 'footnote-backlink',\n });\n\n const content = writer.createElement('div', {\n class: 'footnote-content',\n });\n\n writer.appendChild(writer.createText('^'), backLink);\n writer.appendChild(backLink, listItem);\n writer.appendChild(content, listItem);\n\n return {\n listItem,\n content,\n };\n}\n","/**\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n/**\n * @module paste-from-office/normalizers/mswordnormalizer\n */\n\nimport { transformBookmarks } from '../filters/bookmark';\nimport { replaceImagesSourceWithBase64 } from '../filters/image';\nimport { removeMSAttributes } from '../filters/removemsattributes';\nimport { transformTables } from '../filters/table';\nimport { removeInvalidTableWidth } from '../filters/removeinvalidtablewidth';\nimport { replaceMSFootnotes } from '../filters/replacemsfootnotes';\nimport { ViewUpcastWriter, type ViewDocument } from 'ckeditor5';\nimport type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';\n\nconst msWordMatch1 = //i;\nconst msWordMatch2 = /xmlns:o=\"urn:schemas-microsoft-com/i;\n\n/**\n * Normalizer for the content pasted from Microsoft Word.\n */\nexport class PasteFromOfficeMSWordNormalizer implements PasteFromOfficeNormalizer {\n public readonly document: ViewDocument;\n\n public readonly hasMultiLevelListPlugin: boolean;\n\n public readonly hasTablePropertiesPlugin: boolean;\n\n public readonly hasExtendedTableBlockAlignment: boolean;\n\n /**\n * Creates a new `PasteFromOfficeMSWordNormalizer` instance.\n *\n * @param document View document.\n */\n constructor(\n document: ViewDocument,\n hasMultiLevelListPlugin = false,\n hasTablePropertiesPlugin = false,\n hasExtendedTableBlockAlignment = false\n ) {\n this.document = document;\n this.hasMultiLevelListPlugin = hasMultiLevelListPlugin;\n this.hasTablePropertiesPlugin = hasTablePropertiesPlugin;\n this.hasExtendedTableBlockAlignment = hasExtendedTableBlockAlignment;\n }\n\n /**\n * @inheritDoc\n */\n public isActive(htmlString: string): boolean {\n return msWordMatch1.test(htmlString) || msWordMatch2.test(htmlString);\n }\n\n /**\n * @inheritDoc\n */\n public execute(data: PasteFromOfficeNormalizerData): void {\n const writer = new ViewUpcastWriter(this.document);\n const { body: documentFragment, stylesString } = data._parsedData;\n\n transformBookmarks(documentFragment, writer);\n // transformListItemLikeElementsIntoLists(documentFragment, stylesString, this.hasMultiLevelListPlugin);\n replaceImagesSourceWithBase64(documentFragment, data.dataTransfer.getData('text/rtf'));\n transformTables(documentFragment, writer, this.hasTablePropertiesPlugin, this.hasExtendedTableBlockAlignment);\n removeInvalidTableWidth(documentFragment, writer);\n replaceMSFootnotes(documentFragment, writer);\n removeMSAttributes(documentFragment);\n\n data.content = documentFragment;\n }\n}\n","/**\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n/**\n * @module paste-from-office/filters/removeboldwrapper\n */\n\nimport type { ViewUpcastWriter, ViewDocumentFragment } from 'ckeditor5';\n\n/**\n * Removes the `` tag wrapper added by Google Docs to a copied content.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */\nexport function removeBoldWrapper(documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter): void {\n for (const child of documentFragment.getChildren()) {\n if (child.is('element', 'b') && child.getStyle('font-weight') === 'normal') {\n const childIndex = documentFragment.getChildIndex(child);\n\n writer.remove(child);\n writer.insertChild(childIndex, child.getChildren(), documentFragment);\n }\n }\n}\n","/**\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n/**\n * @module paste-from-office/filters/br\n */\n\nimport {\n ViewDomConverter,\n ViewDocument,\n type ViewUpcastWriter,\n type ViewDocumentFragment,\n type ViewElement,\n type ViewNode,\n} from 'ckeditor5';\n\n/**\n * Transforms ` ` elements that are siblings to some block element into a paragraphs.\n *\n * @param documentFragment The view structure to be transformed.\n * @internal\n */\nexport function transformBlockBrsToParagraphs(documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter): void {\n const viewDocument = new ViewDocument(writer.document.stylesProcessor);\n const domConverter = new ViewDomConverter(viewDocument, { renderingMode: 'data' });\n\n const blockElements = domConverter.blockElements;\n const inlineObjectElements = domConverter.inlineObjectElements;\n\n const elementsToReplace = [];\n\n for (const value of writer.createRangeIn(documentFragment)) {\n const element = value.item;\n\n if (element.is('element', 'br')) {\n const nextSibling = findSibling(element, 'forward', writer, { blockElements, inlineObjectElements });\n const previousSibling = findSibling(element, 'backward', writer, { blockElements, inlineObjectElements });\n\n const nextSiblingIsBlock = isBlockViewElement(nextSibling, blockElements);\n const previousSiblingIsBlock = isBlockViewElement(previousSibling, blockElements);\n\n // If the is surrounded by blocks then convert it to a paragraph:\n // *
foo
[ ]
bar
->
foo
[]
bar
\n // *
foo
[ ] ->
foo
[]\n // * [ ]
foo
-> []
foo
\n if (previousSiblingIsBlock || nextSiblingIsBlock) {\n elementsToReplace.push(element);\n }\n }\n }\n\n for (const element of elementsToReplace) {\n if (element.hasClass('Apple-interchange-newline')) {\n writer.remove(element);\n } else {\n writer.replace(element, writer.createElement('p'));\n }\n }\n}\n\n/**\n * Returns sibling node, threats inline elements as transparent (but should stop on an inline objects).\n */\nfunction findSibling(\n viewElement: ViewElement,\n direction: 'forward' | 'backward',\n writer: ViewUpcastWriter,\n { blockElements, inlineObjectElements }: { blockElements: string[]; inlineObjectElements: string[] }\n) {\n let position = writer.createPositionAt(viewElement, direction == 'forward' ? 'after' : 'before');\n\n // Find first position that is just before a first:\n // * text node,\n // * block element,\n // * inline object element.\n // It's ignoring any inline (non-object) elements like span, strong, etc.\n position = position.getLastMatchingPosition(\n ({ item }) => item.is('element') && !blockElements.includes(item.name) && !inlineObjectElements.includes(item.name),\n { direction }\n );\n\n return direction == 'forward' ? position.nodeAfter : position.nodeBefore;\n}\n\n/**\n * Returns true for view elements that are listed as block view elements.\n */\nfunction isBlockViewElement(node: ViewNode | null, blockElements: string[]) {\n return !!node && node.is('element') && blockElements.includes(node.name);\n}\n","/**\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n/**\n * @module paste-from-office/filters/list\n */\n\nimport { Matcher, ViewUpcastWriter, type ViewDocumentFragment, type ViewElement, type ViewNode, type ViewText } from 'ckeditor5';\n\nimport { convertCssLengthToPx, toPx } from './utils';\n\n/**\n * Transforms Word specific list-like elements to the semantic HTML lists.\n *\n * Lists in Word are represented by block elements with special attributes like:\n *\n * ```xml\n *